@layer components{.form-select_control{display:block;position:relative}.form-select_field{appearance:none;background-image: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(--background-3);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(--background-3);border-radius:var(--radius-small);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}}.form-range{--_handle:1.75rem;--_handle-face:currentColor;--_rail:.25rem;--_from:0}.form-range.is-drawn{--_handle-face:transparent}.form-range:not(.is-drawn) :is(.form-range_fill,.form-range_handle){display:none}.form-range_control{height:var(--_handle);align-items:center;display:flex;position:relative}.form-range_input{appearance:none;z-index:1;cursor:grab;background:0 0;width:100%;height:100%;margin:0;position:relative}.form-range_input:active{cursor:grabbing}.form-range_input::-webkit-slider-thumb{appearance:none;width:var(--_handle);height:var(--_handle);border-radius:var(--radius-round);background:var(--_handle-face)}.form-range_input::-moz-range-thumb{width:var(--_handle);height:var(--_handle);border-radius:var(--radius-round);background:var(--_handle-face);border:0}.form-range_input:focus-visible~.form-range_handle:last-of-type{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.form-range.dual .form-range_input{pointer-events:none;position:absolute;inset:0}.form-range.dual .form-range_input::-webkit-slider-thumb{pointer-events:auto}.form-range.dual .form-range_input::-moz-range-thumb{pointer-events:auto}.form-range.dual .form-range_input:first-child:focus-visible~.form-range_handle.is-start{outline:var(--focus-width) solid var(--text);outline-offset:var(--focus-offset)}.form-range.dual .form-range_input:first-child:focus-visible~.form-range_handle:last-of-type{outline:none}.form-range.dual.is-start-on-top .form-range_input:first-child{z-index:2}.form-range_track,.form-range_fill{height:var(--_rail);border-radius:var(--radius-round);pointer-events:none;position:absolute;inset-inline-start:0}.form-range_track{background-color:var(--border);inset-inline-end:0}.form-range_fill{width:calc(var(--_progress,0) * (100% - var(--_handle)) + var(--_handle) / 2);background-color:var(--text)}.dual .form-range_fill{width:calc((var(--_progress,0) - var(--_from)) * (100% - var(--_handle)));inset-inline-start:calc(var(--_from) * (100% - var(--_handle)) + var(--_handle) / 2)}.form-range_handle{width:var(--_handle);height:var(--_handle);border:calc(var(--border-width) * 2) solid var(--text);border-radius:var(--radius-round);background-color:var(--background);pointer-events:none;position:absolute;inset-inline-start:calc(var(--_progress,0) * (100% - var(--_handle)) + var(--_handle) / 2);translate:-50%}.form-range_handle.is-start{inset-inline-start:calc(var(--_from) * (100% - var(--_handle)) + var(--_handle) / 2)}.form-range_output{padding:var(--space-1) var(--space-3);background-color:var(--background-2);border-radius:var(--radius-small);white-space:nowrap;align-self:start;margin-inline-start:calc(var(--_progress,0) * (100% - var(--_handle)) + var(--_handle) / 2);display:flex;translate:-50%}.dual>.form-range_output{gap:.3em;margin-inline-start:0;translate:none}.dropdown_wrap{--_control-pad:.75em;--_leaving:calc(var(--open-duration) * .7);z-index:10;display:inline-block;position:relative}.dropdown_toggle{padding:var(--_control-pad) 0;color:inherit;cursor:pointer;transition:color var(--hover-duration) var(--hover-ease);align-items:center;gap:.5em;list-style:none;display:flex}.dropdown_toggle::-webkit-details-marker{display:none}@media (hover:hover){.dropdown_toggle:hover{color:color-mix(in lab, currentcolor 60%, transparent)}}.dropdown_icon{transition:rotate var(--open-duration) var(--open-ease);flex:none;rotate:90deg}.dropdown_wrap:is([open],.stacki-opened) .dropdown_icon,.stacki-designer .dropdown_wrap.preview .dropdown_icon{rotate:-90deg}.dropdown_wrap::details-content{opacity:0;content-visibility:hidden;transition:opacity var(--_leaving) var(--open-ease), content-visibility var(--_leaving) var(--open-ease) allow-discrete}.dropdown_wrap:is([open],.stacki-opened)::details-content{opacity:1;content-visibility:visible;transition:opacity var(--open-duration) var(--open-ease), content-visibility var(--open-duration) var(--open-ease) allow-discrete}.stacki-designer .dropdown_wrap.preview::details-content{opacity:1;content-visibility:visible;transition:opacity var(--open-duration) var(--open-ease), content-visibility var(--open-duration) var(--open-ease) allow-discrete}.dropdown_content{top:calc(100% - var(--_control-pad) + var(--space-2));width:max-content;min-width:100%;max-width:min(22rem, calc(100vw - var(--site-margin) * 2));background-color:var(--background-2);border-radius:var(--radius-small);transform-origin:0 0;transition:translate var(--_leaving) var(--open-ease), scale var(--_leaving) var(--open-ease);position:absolute;inset-inline-start:0;translate:0 -.5rem;scale:.98}.dropdown_wrap:is([open],.stacki-opened) .dropdown_content,.stacki-designer .dropdown_wrap.preview .dropdown_content{transition:translate var(--open-duration) var(--open-ease), scale var(--open-duration) var(--open-ease);translate:0;scale:1}.dropdown_body{padding:var(--space-5)}.segmented_wrap{background-color:var(--background-2);border-radius:var(--radius-round);gap:.25em;padding:.25em;display:inline-flex}.segmented_wrap .form-choice.chip{background-color:#0000;padding:.5em 1.25em}}
