.product-options{display:grid;gap:var(--space-6)}.color-fieldset,.size-fieldset,.thread-field,.personalizer__step fieldset{min-width:0;margin:0;padding:0;border:0}.pdp-section-heading{display:flex;align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-2);padding:0;color:var(--color-ink-soft);font-family:var(--font-body);font-size:var(--text-12);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pdp-section-heading-value{color:var(--color-ink-faint);font-weight:400;letter-spacing:0;text-transform:none}.field-help,.counter{margin:var(--space-2) 0 0;color:var(--color-ink-soft);font-size:var(--text-12);line-height:1.45}.counter{font-variant-numeric:tabular-nums;text-align:right}.pdp-choice-control{font:inherit;cursor:pointer;transition:color var(--selection-motion) var(--ease-selection),background-color var(--selection-motion) var(--ease-selection),border-color var(--selection-motion) var(--ease-selection),box-shadow var(--selection-motion) var(--ease-selection)}.pdp-choice-control:disabled{cursor:not-allowed;opacity:.55}.color-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-2)}.color-choice{--choice-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 10%, transparent);position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:0;color:var(--color-ink-soft);font-size:var(--text-12);cursor:pointer}.color-choice input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.color-choice img,.color-choice-empty{display:block;width:100%;aspect-ratio:1 / 1;padding:var(--space-2);border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-paper);object-fit:contain;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.color-choice-empty{background:var(--color-wash)}.color-choice>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.color-choice:hover:not(:has(input:disabled)) img{border-color:var(--color-ink-soft)}.color-choice:has(:checked){color:var(--color-ink);font-weight:600}.color-choice:has(:checked) img,.color-choice:has(:checked) .color-choice-empty{border-color:var(--color-brand);box-shadow:var(--choice-ring)}.color-choice:has(input:disabled){cursor:not-allowed}.color-choice:has(input:disabled) img{opacity:.45}.color-choice:has(input:disabled)>span:last-child{text-decoration:line-through}.color-choice:has(:focus-visible){outline:2px solid var(--color-brand);outline-offset:4px;border-radius:var(--radius-sm)}.size-options,.format-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.format-options legend{width:100%}.size-choice{position:relative;display:inline-flex;cursor:pointer}.size-choice input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.size-choice span,.format-options button{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-12);min-height:var(--space-10);padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-14);font-weight:600}.size-choice:hover:not(:has(input:disabled)) span,.format-options button:not([aria-pressed=true]):hover:not(:disabled){border-color:var(--color-ink-soft)}.size-choice:has(:checked) span,.format-options button[aria-pressed=true]{border-color:var(--color-brand);background:color-mix(in srgb,var(--color-brand) 6%,var(--color-paper));color:var(--color-brand)}.size-choice:has(input:disabled){cursor:not-allowed;opacity:.55}.size-choice:has(:focus-visible){outline:2px solid var(--color-brand);outline-offset:3px;border-radius:var(--radius-pill)}.layout-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.layout-options button{--choice-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 10%, transparent);justify-content:flex-start;max-width:100%;min-height:var(--space-16);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-align:left;overflow-wrap:anywhere}.layout-options button[aria-pressed=true]{background:var(--color-paper);color:var(--color-ink);box-shadow:var(--choice-ring)}.search-icons{display:block;margin:var(--space-4) 0 var(--space-2);color:var(--color-ink-soft);font-size:var(--text-12);font-weight:600;letter-spacing:.08em;text-transform:uppercase}.search-icons input{display:block;width:100%;min-height:var(--space-12);margin-top:var(--space-1);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font:inherit;font-size:var(--text-16);font-weight:400;letter-spacing:0;text-transform:none}.search-icons input:focus-visible{border-color:var(--color-ink);outline:none;box-shadow:var(--shadow-focus)}.icon-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-2);margin-top:var(--space-2)}.icon-choice{--choice-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 12%, transparent);display:grid;place-items:center;aspect-ratio:1 / 1;min-width:0;padding:var(--space-2);border:1.5px solid transparent;border-radius:var(--radius-md);background:var(--color-wash)}.icon-choice:hover:not(:disabled){border-color:var(--color-border);background:var(--color-paper)}.icon-choice[aria-pressed=true]{border-color:var(--color-brand);background:var(--color-paper);box-shadow:var(--choice-ring)}.icon-choice img,.icon-choice .thread-icon{width:80%;height:80%;object-fit:contain}.icon-choice .thread-icon{color:var(--color-ink-soft)}.icon-choice[hidden]{display:none}.font-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.font-choice{--choice-ring: 0 0 0 3px color-mix(in srgb, var(--color-brand) 10%, transparent);min-width:0;min-height:var(--space-12);padding:var(--space-2);overflow:hidden;border:1.5px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);font-size:var(--text-18);text-overflow:ellipsis;white-space:nowrap}.font-choice:hover:not(:disabled){border-color:var(--color-ink-soft)}.font-choice[aria-pressed=true]{border-color:var(--color-brand);box-shadow:var(--choice-ring)}.thread-field{margin-top:var(--space-6)}.thread-options{display:flex;flex-wrap:wrap;gap:var(--space-1)}.thread-choice{--thread-texture: repeating-linear-gradient(-20deg, rgba(255, 255, 255, .22) 0 1px, rgba(0, 0, 0, .1) 1px 3px);--thread-shade: inset 0 -4px 8px rgba(0, 0, 0, .15);--thread-ring: rgba(0, 0, 0, .14);display:grid;place-items:center;width:var(--space-10);height:var(--space-10);padding:var(--space-1);border:1px solid transparent;border-radius:var(--radius-pill);background:transparent}.thread-swatch{display:block;width:100%;height:100%;border-radius:var(--radius-pill);background:var(--thread-texture),var(--thread);box-shadow:inset 0 0 0 1px var(--thread-ring),var(--thread-shade)}.thread-choice:hover:not(:disabled){border-color:var(--color-border)}.thread-choice[aria-pressed=true]{border-color:var(--color-ink)}[data-panel] label:has(>textarea[data-text-slot]){display:block;color:var(--color-ink-soft);font-size:var(--text-12);font-weight:600;letter-spacing:.08em;text-transform:uppercase}textarea[data-text-slot]{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-paper);color:var(--color-ink);font:inherit;font-size:var(--text-18);font-weight:400;line-height:1.5;letter-spacing:0;text-transform:none;resize:vertical}textarea[data-text-slot]:focus-visible{border-color:var(--color-ink);outline:none;box-shadow:var(--shadow-focus)}textarea[data-text-slot][aria-invalid=true]{border-color:var(--color-brand)}.fl-monogram-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.fl-monogram-input{display:grid;grid-template-rows:minmax(3em,auto) var(--space-12);gap:var(--space-2);min-width:0;align-items:end;color:var(--color-ink-soft);font-size:var(--text-12)}.fl-monogram-input input{box-sizing:border-box;width:100%;min-width:0;min-height:var(--space-12);padding:var(--space-2) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-paper);color:var(--color-ink);font:inherit;font-size:var(--text-16);font-weight:400;letter-spacing:0;text-align:center;text-transform:uppercase}.fl-monogram-input input:focus-visible{border-color:var(--color-brand);outline:2px solid color-mix(in srgb,var(--color-brand) 28%,transparent);outline-offset:1px}[data-panel].pdp-choice-panel-enter{animation:pdp-choice-panel-enter var(--selection-motion) var(--ease-out) both}@keyframes pdp-choice-panel-enter{0%{opacity:.45;transform:translateY(var(--space-1))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){[data-panel].pdp-choice-panel-enter{animation:none}}@media(forced-colors:active){.color-choice:has(:checked),.size-choice:has(:checked),.icon-choice[aria-pressed=true],.font-choice[aria-pressed=true],.thread-choice[aria-pressed=true],.stepper__step[aria-current=step]{outline:2px solid Highlight}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-personalizer-controls.css.map */