button.variant-picker.svelte-rzuhpf{color:var(--text-1);position:relative}button.variant-picker.svelte-rzuhpf:focus-within>ul:where(.svelte-rzuhpf){opacity:1;visibility:visible;transform:translateY(.6rem)}button.variant-picker.svelte-rzuhpf:hover>ul:where(.svelte-rzuhpf){opacity:1;visibility:visible;transform:translateY(.6rem)}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf){background-color:var(--surface-2);border:1px solid var(--surface-3);border-radius:var(--radius-2);box-shadow:var(--shadow-2);display:flex;flex-wrap:wrap;gap:var(--size-1);padding:var(--size-2);position:absolute;top:70%;left:0;width:-moz-max-content;width:max-content;max-width:10rem;transition:.3s transform,.3s opacity;opacity:0;visibility:hidden}button.variant-picker.svelte-rzuhpf>ul[data-position$=right]:where(.svelte-rzuhpf){left:auto;left:initial;right:0}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf){border-radius:var(--radius-1);outline:2px solid transparent;display:flex;position:relative;overflow:hidden;height:1em;width:1em;transition:.3s outline-color}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf) input:where(.svelte-rzuhpf):checked+label:where(.svelte-rzuhpf):before{content:"";width:.75em;height:.75em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf) input:where(.svelte-rzuhpf):checked+label:where(.svelte-rzuhpf):after{content:"";width:.75em;height:.75em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf) input:where(.svelte-rzuhpf):checked+label:where(.svelte-rzuhpf):before{background-color:var(--gray-8);clip-path:path("M1.54 4.94 0 7.25 5.5 11.1 11 1.86 8.8.1 4.73 6.92Z")}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf) input:where(.svelte-rzuhpf):checked+label:where(.svelte-rzuhpf):after{background-color:var(--gray-2);clip-path:path("M1.6484 5.4364.4451 7.1658l4.9912 3.4095 5.134-8.5829L8.9081.622 4.8467 7.3742Z")}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf)>label:where(.svelte-rzuhpf){cursor:pointer;display:flex;flex-grow:1}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf)>label:where(.svelte-rzuhpf)>span:where(.svelte-rzuhpf){background-color:var(--_variant-color);height:100%;width:100%}button.variant-picker.svelte-rzuhpf>ul:where(.svelte-rzuhpf)>li:where(.svelte-rzuhpf):hover{outline-color:var(--accent)}