@layer components{.form-choice:is(.toggle,.switch){--control-mark-size:var(--control-toggle-size)}.form-choice{--control-mark-size:var(--control-choice-size);--control-radius:var(--control-choice-radius);cursor:pointer;align-items:center;gap:.75em;display:inline-flex}.form-choice_input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.form-choice_mark{--_mark:var(--control-background);--_mark-hover:var(--control-background-hover);--_mark-chosen:var(--control-accent);--_ink:var(--control-accent-text);width:var(--control-mark-size);height:var(--control-mark-size);background-color:var(--_mark);border:var(--control-border-width) solid var(--control-border);border-radius:var(--control-radius);transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease);flex:none;place-items:center;display:grid}.form-choice_mark:has(.form-choice_dot){border-radius:var(--control-radius-round)}.form-choice_tick{color:var(--_ink);opacity:0;transition:opacity var(--hover-duration) var(--hover-ease)}.form-choice_dot{width:calc(var(--control-mark-size) * .7333);height:calc(var(--control-mark-size) * .7333);background-color:var(--_ink);border-radius:var(--radius-round);transition:scale var(--hover-duration) var(--hover-ease);scale:0}.form-choice:has(:checked) .form-choice_mark{background-color:var(--_mark-chosen)}.form-choice:has(:checked) .form-choice_tick{opacity:1}.form-choice:has(:checked) .form-choice_dot{scale:1}@media (hover:hover){.form-choice:hover .form-choice_input:not(:checked)~.form-choice_mark{background-color:var(--_mark-hover)}}.form-choice_input:focus-visible~.form-choice_mark{outline:var(--focus-width) solid var(--control-focus);outline-offset:var(--focus-offset)}.form-choice.toggle .form-choice_mark{width:calc(var(--control-mark-size) * 1.8333);height:var(--control-mark-size);border-radius:var(--control-radius-round);place-items:center start;padding:.15em}.form-choice.toggle :is(.form-choice_tick,.form-choice_dot){display:none}.form-choice.toggle .form-choice_mark:after{content:"";width:calc(var(--control-mark-size) * .7333);height:calc(var(--control-mark-size) * .7333);border-radius:var(--control-radius-round);background-color:var(--control-accent);transition:translate var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease)}.form-choice.toggle:has(:checked) .form-choice_mark:after{translate:calc(var(--control-mark-size) * .8) 0;background-color:var(--_ink)}.form-choice.pill{padding:calc(var(--control-padding-block) * .5) calc(var(--control-padding-inline) * 1.25) calc(var(--control-padding-block) * .5) calc(var(--control-padding-block) * .5);background-color:var(--control-background);border:var(--control-border-width) solid var(--control-border);border-radius:var(--control-radius-round);transition:background-color var(--hover-duration) var(--hover-ease)}.form-choice.pill .form-choice_mark{--_mark:var(--background);--_mark-hover:var(--background);border-radius:var(--control-radius-round)}@media (hover:hover){.form-choice.pill:hover{background-color:var(--control-background-hover)}}.form-choice.pill .form-choice_input:focus-visible~.form-choice_mark{outline:0}.form-choice.pill:has(.form-choice_input:focus-visible){outline:var(--focus-width) solid var(--control-focus);outline-offset:var(--focus-offset)}.form-choice.switch .form-choice_mark{width:calc(var(--control-mark-size) * 1.8333);height:calc(var(--control-mark-size) * .6);border-radius:var(--control-radius-round);place-items:center start;padding:0}.form-choice.switch :is(.form-choice_tick,.form-choice_dot){display:none}.form-choice.switch .form-choice_mark:after{content:"";width:var(--control-mark-size);height:var(--control-mark-size);border-radius:var(--control-radius-round);background-color:var(--control-accent);border:var(--border-width) solid var(--control-accent);translate:calc(var(--control-mark-size) * -.1) 0;transition:translate var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease);box-shadow:0 .1em .3em lab(0% none none/.25)}.form-choice.switch:has(:checked) .form-choice_mark:after{translate:calc(var(--control-mark-size) * .9333) 0;background-color:var(--_ink)}.form-choice.effect-draw .form-choice_tick{clip-path:inset(0 100% 0 0);transition:opacity var(--hover-duration) var(--hover-ease), clip-path .32s cubic-bezier(.65, 0, .35, 1) 40ms}.form-choice.effect-draw:has(:checked) .form-choice_tick{clip-path:inset(0)}.form-choice.effect-draw .form-choice_dot{transition:scale .35s cubic-bezier(.34,1.56,.64,1)}.form-choice.effect-pop .form-choice_dot{transition:scale .35s cubic-bezier(.34,1.56,.64,1)}.form-choice.effect-pop.is-touched:has(:checked) .form-choice_mark{animation:.38s cubic-bezier(.3,0,.2,1) choice-pop}.form-choice.effect-spring:is(.toggle,.switch) .form-choice_mark:after{transition:translate .45s cubic-bezier(.34, 1.56, .64, 1), background-color var(--hover-duration) var(--hover-ease)}.form-choice.effect-stretch:is(.toggle,.switch) .form-choice_mark:after{transition:translate .32s cubic-bezier(.65, 0, .35, 1), background-color var(--hover-duration) var(--hover-ease)}.form-choice.effect-stretch:is(.toggle,.switch).is-touched:has(:checked) .form-choice_mark:after{animation:.32s cubic-bezier(.65,0,.35,1) choice-stretch-on}.form-choice.effect-stretch:is(.toggle,.switch).is-touched:not(:has(:checked)) .form-choice_mark:after{animation:.32s cubic-bezier(.65,0,.35,1) choice-stretch-off}@keyframes choice-pop{35%{scale:.82}70%{scale:1.1}}@keyframes choice-stretch-on{50%{scale:1.45 .9}}@keyframes choice-stretch-off{50%{scale:1.45 .9}}@media (prefers-reduced-motion:reduce){.form-choice:is(.effect-draw,.effect-pop,.effect-spring,.effect-stretch) .form-choice_mark,.form-choice:is(.effect-draw,.effect-pop,.effect-spring,.effect-stretch) .form-choice_mark:after{animation:none!important}.form-choice:is(.effect-draw,.effect-pop,.effect-spring,.effect-stretch) .form-choice_tick{clip-path:none}.form-choice:is(.effect-draw,.effect-pop,.effect-spring,.effect-stretch) .form-choice_mark:after,.form-choice:is(.effect-draw,.effect-pop,.effect-spring,.effect-stretch) .form-choice_dot{transition-timing-function:var(--hover-ease);transition-duration:var(--hover-duration)}}.form-choice.chip{padding:var(--control-padding-block) calc(var(--control-padding-inline) * 1.5);background-color:var(--control-background);border:var(--control-border-width) solid var(--control-border);border-radius:var(--control-radius-round);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease)}.form-choice.chip .form-choice_mark{--_mark:var(--background);--_mark-hover:var(--background);--_mark-chosen:var(--background);--_ink:var(--text)}@media (hover:hover){.form-choice.chip:hover:not(:has(:checked)){background-color:var(--control-background-hover)}}.form-choice.chip:has(:checked){background-color:var(--control-accent);color:var(--control-accent-text)}.form-choice.chip .form-choice_input:focus-visible~.form-choice_mark{outline:0}.form-choice.chip:has(.form-choice_input:focus-visible){outline:var(--focus-width) solid var(--control-focus);outline-offset:var(--focus-offset)}.form-select_control{display:block;position:relative}.form-select_field{appearance:none;padding-inline-end:3em}.form-select_field:has(option[value=""]:checked){color:var(--text-2)}.form-select_mark{inset-inline-end:1em;pointer-events:none;color:var(--text-2);position:absolute;top:50%;translate:0 -50%;rotate:90deg}@supports (appearance:base-select){.form-select_field{appearance:base-select}.form-select_field::picker(select){appearance:base-select}.form-select_field::picker-icon{display:none}.form-select_field{align-items:center;display:flex}.form-select_field:before,.form-select_field:after{content:none}.form-select_mark{transition:rotate var(--open-duration) var(--open-ease)}.form-select_field:open~.form-select_mark{rotate:-90deg}.form-select_field:open{background-color:var(--control-background-hover);border-end-end-radius:0;border-end-start-radius:0}.form-select_field::picker(select){padding:var(--space-1);position-try-order:normal;overscroll-behavior:contain;background-color:var(--control-background-hover);border-radius:var(--control-radius);opacity:0;max-height:min(18rem,100dvh - 6rem);transition:opacity var(--open-duration) var(--open-ease), scale var(--open-duration) var(--open-ease), overlay var(--open-duration) var(--open-ease) allow-discrete, display var(--open-duration) var(--open-ease) allow-discrete;border:0;border-start-start-radius:0;border-start-end-radius:0;margin-block:0;scale:.98}.form-select_field:open::picker(select){opacity:1;scale:1}@starting-style{.form-select_field:open::picker(select){opacity:0;scale:.98}}.form-select_field option{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);font-size:var(--text-small);line-height:var(--line-height-large);color:var(--text);border-radius:var(--radius-small);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease);background-color:#0000;display:flex}.form-select_field option:hover,.form-select_field option:focus{background-color:var(--background-2);outline:0}.form-select_field option[hidden]{display:none}.form-select_field option::checkmark{color:var(--text-2);order:1;margin-inline-start:auto}}}
