/*! StyloftCSS v0.1.0 | MIT License */ @layer sl.tokens,sl.reset,sl.base,sl.layout,sl.components,sl.utilities;@layer sl.components{.sl-select,select.sl-input{inline-size:100%;min-block-size:2.75rem;padding:.6rem 2.5rem .6rem .8rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background-color:var(--sl-surface);color:var(--sl-text);font:inherit;line-height:1.4;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23818ca4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .8rem center;cursor:pointer}:is(.sl-select,select.sl-input):hover:not(:disabled){border-color:var(--sl-accent)}:is(.sl-select,select.sl-input):focus-visible{border-color:var(--sl-focus);outline:1px solid var(--sl-focus);outline-offset:1px}:is(.sl-select,select.sl-input) option,:is(.sl-select,select.sl-input) optgroup{background:var(--sl-surface);color:var(--sl-text)}:is(.sl-select,select.sl-input)[multiple]{min-block-size:9rem;padding:.5rem;background-image:none}:is(.sl-select,select.sl-input)[multiple] option{padding:.5rem .75rem;border-radius:.35rem}@supports (appearance:base-select){:is(.sl-select,select.sl-input):not([multiple]),:is(.sl-select,select.sl-input):not([multiple])::picker(select){appearance:base-select}:is(.sl-select,select.sl-input):not([multiple]){background-image:none;padding-inline-end:.8rem;align-items:center}:is(.sl-select,select.sl-input)::picker-icon{color:var(--sl-muted)}:is(.sl-select,select.sl-input):open::picker-icon{rotate:180deg}:is(.sl-select,select.sl-input)::picker(select){margin-block-start:.4rem;padding:.35rem;border:1px solid var(--sl-border);border-radius:var(--sl-radius);background:var(--sl-surface);color:var(--sl-text);box-shadow:var(--sl-shadow);max-block-size:18rem}:is(.sl-select,select.sl-input):not([multiple]) option{padding:.65rem .8rem;gap:.75rem;border-radius:.35rem}:is(.sl-select,select.sl-input) option:is(:hover,:focus-visible,:checked){background:var(--sl-soft);color:var(--sl-accent)}:is(.sl-select,select.sl-input) option::checkmark{color:var(--sl-accent)}@media (prefers-reduced-motion:no-preference){:is(.sl-select,select.sl-input)::picker-icon{transition:rotate 200ms ease}:is(.sl-select,select.sl-input)::picker(select){opacity:0;translate:0 -.25rem;transition:opacity 180ms ease,translate 180ms ease,display 180ms allow-discrete,overlay 180ms allow-discrete}:is(.sl-select,select.sl-input):open::picker(select){opacity:1;translate:0 0}@starting-style{:is(.sl-select,select.sl-input):open::picker(select){opacity:0;translate:0 -.25rem}}:is(.sl-select,select.sl-input) option{transition:background-color 160ms ease,color 160ms ease}}}@media (prefers-reduced-motion:no-preference){.sl-select,select.sl-input{transition:border-color 180ms ease,background-color 180ms ease,color 180ms ease,outline-color 180ms ease}}@media (forced-colors:active){.sl-select,select.sl-input{appearance:auto;background-image:none}}}