.variant-picker,.personalize{display:grid;gap:var(--space-5)}.opt-group{min-width:0;margin:0;padding:0;border:0}.opt-group__legend{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3);padding:0;font:var(--type-label);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-muted)}.opt-group__value{font:var(--type-body-sm);letter-spacing:0;text-transform:none;color:var(--text-heading)}.pills{display:flex;flex-wrap:wrap;gap:var(--space-2)}.pill{position:relative}.pill label{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:44px;padding:0 var(--space-4);border:var(--border-width-strong) solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-heading);font:var(--type-button);letter-spacing:var(--tracking-wide);cursor:pointer;transition:var(--transition-control)}.pill label:hover{border-color:var(--taupe-300)}.pill input:checked+label{border-color:var(--border-strong);background:var(--cream-100)}.pill input:focus-visible+label{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.pill input[data-unavailable]+label,.pill label.is-unavailable{color:var(--action-disabled-text);text-decoration:line-through}.swatches{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-2);padding:4px}.swatch{position:relative}.swatch__label{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-pill);cursor:pointer}.swatch__dot{width:30px;height:30px;border:var(--border-width-hairline) solid var(--border-muted);border-radius:var(--radius-pill);background:var(--swatch, var(--cream-200));transition:var(--transition-control)}.swatch__dot--image{display:block;object-fit:cover}.swatch__label:hover .swatch__dot{transform:scale(1.08)}.swatch input:checked+.swatch__label .swatch__dot{box-shadow:0 0 0 2px var(--cream-50),0 0 0 3.5px var(--plum-900)}.swatch input:focus-visible+.swatch__label{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.swatch__label--text{width:auto;min-height:38px;padding:0 var(--space-4);border:var(--border-width-strong) solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--surface-card);font:var(--type-body-sm);color:var(--text-heading)}.swatch input:checked+.swatch__label--text{border-color:var(--border-strong);background:var(--cream-100)}.swatches__caption{min-height:1.5em;margin:var(--space-2) 0 0;font:var(--type-body-sm);color:var(--text-heading)}.personalize[hidden]{display:none}.swatches__break{flex-basis:100%;margin:var(--space-2) 0 0;font:var(--type-eyebrow);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--text-muted)}@media(prefers-reduced-motion:reduce){.swatch__label:hover .swatch__dot{transform:none}}.style-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:var(--space-2);max-height:26rem;padding:4px;overflow-y:auto;overscroll-behavior:contain}.style-option{position:relative;min-width:0}.style-card{display:grid;align-content:start;gap:var(--space-2);height:100%;padding:var(--space-2);border:var(--border-width-strong) solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-card);cursor:pointer;transition:var(--transition-control)}.style-card:hover{border-color:var(--taupe-300)}.style-option input:checked+.style-card{border-color:var(--border-strong);background:var(--cream-100)}.style-option input:focus-visible+.style-card{outline:var(--focus-outline);outline-offset:2px;box-shadow:var(--shadow-focus)}.style-card__image{display:block;aspect-ratio:3 / 2;border-radius:var(--radius-sm);background:var(--cream-50);overflow:hidden}.style-card__image img{width:100%;height:100%;object-fit:contain}.style-card__name{font:var(--type-body-sm);font-size:var(--text-xs);text-align:center;color:var(--text-heading);overflow-wrap:anywhere}.opt-text{max-width:22rem}.field__input--caps{text-transform:uppercase;letter-spacing:var(--tracking-widest)}.choice-panel{display:grid;gap:var(--space-5)}.js [data-personalize]:not([data-choice-ready]) .choice-panel,.choice-panel[hidden]{display:none}
/*# sourceMappingURL=/cdn/shop/t/10/assets/product-options.css.map */