._fieldset_yxl9e_6{margin:var(--space-6) 0 0;border:0;min-inline-size:0;padding:0}._legend_yxl9e_16{color:var(--text-muted);margin:0 2px;padding:0;font-size:.8125rem;font-weight:500}._srOnly_yxl9e_24{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}._row_yxl9e_14{margin-top:var(--space-4);grid-template-columns:repeat(3,1fr);gap:10px;display:grid}._tile_yxl9e_44{justify-content:center;align-items:center;gap:var(--space-2);min-block-size:var(--target-size);background:var(--surface);border:1px solid var(--border-control);border-radius:var(--radius-control);color:var(--text);cursor:pointer;flex-direction:column;padding:10px 8px;display:flex;position:relative}._tile_yxl9e_44:focus-within{outline:2px solid var(--accent);outline-offset:2px}._selected_yxl9e_67{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}._sampleBox_yxl9e_75{justify-content:center;align-items:flex-end;height:22px;display:flex}._sampleSmall_yxl9e_85,._sampleMedium_yxl9e_86,._sampleLarge_yxl9e_87{letter-spacing:-.01em;font-weight:600;line-height:1}._sampleSmall_yxl9e_85{font-size:16px}._sampleMedium_yxl9e_86{font-size:18px}._sampleLarge_yxl9e_87{font-size:20px}._label_yxl9e_105{color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.25}._selected_yxl9e_67 ._label_yxl9e_105{color:var(--text)}._badge_yxl9e_116{background:var(--accent);width:16px;height:16px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;display:flex;position:absolute;top:6px;right:6px}@media (hover:hover){._tile_yxl9e_44{transition:border-color var(--dur-fast) var(--ease-out)}._tile_yxl9e_44:hover{border-color:var(--text-faint)}._selected_yxl9e_67: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}}