.glint-mat{display:block;margin:18px 0 24px;padding:18px;border:1px solid #e7dccc;border-radius:18px;background:#fbf7f1;color:#30251f}.glint-mat fieldset{margin:0 0 20px;padding:0;border:0}.glint-mat legend{margin-bottom:10px;font-weight:700}.glint-mat__design input:focus-visible+img{outline:2px solid #85672c;outline-offset:3px}.glint-mat__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.glint-mat__design{position:relative;display:block;cursor:pointer}.glint-mat__design input{position:absolute;opacity:0}.glint-mat__design img{display:block;width:100%;aspect-ratio:1;border:2px solid transparent;border-radius:10px;object-fit:cover}.glint-mat__design input:checked+img{border-color:#85672c;box-shadow:0 0 0 2px #f5ead7}.glint-mat__design span{display:block;margin-top:5px;font-size:.67rem;line-height:1.2;text-align:center}.glint-mat__photo-choice{display:flex;align-items:center;gap:9px;margin-bottom:12px;font-weight:600;cursor:pointer}.glint-mat__photo-choice input{width:19px;height:19px;accent-color:#85672c}.glint-mat__photo-fields{display:grid;gap:8px;padding:14px;border:1px solid #e7dccc;border-radius:12px;background:#fff}.glint-mat__photo-fields[hidden]{display:none}.glint-mat__photo-fields label{font-weight:600;font-size:.9rem}.glint-mat__photo-fields input[type=file],.glint-mat__photo-fields input[type=text]{width:100%;min-width:0;padding:9px;border:1px solid #ddccaf;border-radius:10px;background:#fff}.glint-mat__photo-fields p{margin:0 0 8px;color:#6c5d51;font-size:.78rem}.glint-mat__preview{padding:14px;border:1px solid #e7dccc;border-radius:14px;background:#fff}.glint-mat__preview h3{margin:0 0 12px;font-size:1.2rem}.glint-mat__preview-shape{display:grid;place-items:center;width:min(100%,430px);margin-inline:auto;aspect-ratio:1;background:#fff}.glint-mat__preview-shape img,.glint-mat__preview-shape canvas{width:100%;max-height:100%;object-fit:contain}.glint-mat__preview-shape canvas[hidden]{display:none}.glint-mat__preview-shape img[hidden]{display:none}.glint-mat__preview p{margin:10px 0 0;color:#6c5d51;font-size:.78rem;line-height:1.45}.glint-mat__status:empty{display:none}@media(max-width:600px){.glint-mat__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.glint-mat{padding:14px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/glint-mat-personalizer.css.map */