._fieldset_1ooqs_7{margin:var(--space-6) 0 0;border:0;min-inline-size:0;padding:0}._legend_1ooqs_17{color:var(--text-muted);margin:0 2px;padding:0;font-size:.8125rem;font-weight:500}._srOnly_1ooqs_25{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._row_1ooqs_15{margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}._tile_1ooqs_45{justify-content:center;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--radius-card);min-block-size:72px;color:var(--text);cursor:pointer;flex-direction:column;padding:10px 8px;display:flex;position:relative}._tile_1ooqs_45:focus-within{outline:2px solid var(--accent);outline-offset:2px}._selected_1ooqs_68{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}._sampleBox_1ooqs_76{justify-content:center;align-items:flex-end;height:22px;display:flex}._sampleSmall_1ooqs_86,._sampleMedium_1ooqs_87,._sampleLarge_1ooqs_88{letter-spacing:-.01em;font-weight:600;line-height:1}._sampleSmall_1ooqs_86{font-size:16px}._sampleMedium_1ooqs_87{font-size:18px}._sampleLarge_1ooqs_88{font-size:20px}._label_1ooqs_106{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.25}._selected_1ooqs_68 ._label_1ooqs_106{color:var(--text)}._badge_1ooqs_118{background:var(--accent);width:18px;height:18px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}@media (hover:hover){._tile_1ooqs_45{transition:border-color var(--dur-fast) var(--ease-out)}._tile_1ooqs_45:hover{border-color:var(--text-faint)}._selected_1ooqs_68:hover{border-color:var(--accent)}}._fieldset_yie3c_5{border:0;min-inline-size:0;margin:0;padding:0}._srOnly_yie3c_12{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._legend_yie3c_26{color:var(--text-muted);margin:0 2px;padding:0;font-size:.8125rem;font-weight:500}._frame_yie3c_36{margin-top:var(--space-4);container-type:inline-size}._row_yie3c_48{justify-content:space-between;column-gap:var(--space-4);grid-template-columns:repeat(5,auto);display:grid}@container (width>=28rem){._row_yie3c_48{grid-template-columns:repeat(5,minmax(min-content,4.5rem));justify-content:start;margin-inline-start:calc((var(--target-size) - 4.5rem) / 2)}}._option_yie3c_72{align-items:center;gap:var(--space-4);min-width:var(--target-size);padding:var(--space-2) 0;color:var(--text-muted);text-align:center;cursor:pointer;flex-direction:column;display:flex;position:relative}._swatch_yie3c_88{border:1px solid var(--border-control);border-radius:50%;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:flex}._dot_yie3c_99{border-radius:50%;width:14px;height:14px}._selected_yie3c_109 ._swatch_yie3c_88{box-shadow:0 0 0 2px var(--swatch-ground,var(--bg)), 0 0 0 4px var(--accent);border-color:#0000}._option_yie3c_72:has(:focus-visible) ._swatch_yie3c_88{outline:2px solid var(--accent);outline-offset:6px}._caption_yie3c_122{flex-direction:column;align-items:center;font-size:.6875rem;line-height:1.3;display:flex}._name_yie3c_133{display:grid}._name_yie3c_133:after{content:attr(data-label);visibility:hidden;height:0;font-weight:600;overflow:hidden}._selected_yie3c_109 ._name_yie3c_133{color:var(--text);font-weight:600}@media (hover:hover){._swatch_yie3c_88{transition:border-color var(--dur-fast) var(--ease-out)}._option_yie3c_72:hover ._swatch_yie3c_88{border-color:var(--text-muted)}._selected_yie3c_109:hover ._swatch_yie3c_88{border-color:#0000}}