@layer jokul.components{.jkl-select{--border-color:var(--jkl-color-border-default);--background-color:#0000;--color:var(--jkl-color-text-default);--box-shadow:0 0 0 0.0625rem #0000;--border-width:0.0625rem;--button-padding:calc(var(--jkl-unit-15) - var(--border-width));anchor-scope:--select-button}.jkl-select__button{display:grid;gap:var(--jkl-spacing-8);grid-template-columns:1fr auto;align-items:center;padding:var(--button-padding);border:var(--border-width) solid var(--border-color);border-radius:var(--jkl-border-radius-s);background-color:var(--background-color);color:var(--color);anchor-name:--select-button;box-shadow:var(--box-shadow);field-sizing:content;font:var(--jkl-text-style-text-medium);min-width:var(--width,20ch);max-width:100%;text-align:left}.jkl-select__button:hover{--border-color:var(--jkl-color-border-strong);--box-shadow:0 0 0 0.0625rem var(--border-color)}.jkl-select__button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-select__button[aria-invalid]{--color:var(--jkl-color-error-text-default);--border-color:var(--jkl-color-error-border-default);--box-shadow:0 0 0 0.0625rem var(--border-color)}.jkl-select__popover{--shadow-color:#31303033;--shadow-color:light-dark(#31303033, #00000080);z-index:var(--jkl-floating-z-index,9000);margin-block:var(--jkl-spacing-xs);min-inline-size:anchor-size(width);box-sizing:border-box;padding:var(--jkl-spacing-24);border:none;background-color:var(--jkl-color-background-container);position:fixed}.jkl-select__popover:not(:popover-open){display:none}.jkl-select__popover [role=listbox]{display:grid;grid-template-columns:auto 1fr auto;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;gap:var(--jkl-spacing-8)}@media (width >= 0) and (max-width:498px){.jkl-select__popover{margin:0;inset:0;width:100%;height:100%;padding-bottom:calc(env(safe-area-inset-bottom) + var(--jkl-spacing-24))}.jkl-select__popover [role=listbox]{flex-grow:999;overflow-y:auto}.jkl-select__popover .jkl-button--primary,.jkl-select__popover header{flex-shrink:0}}@media (min-width:500px){.jkl-select__popover{position-anchor:--select-button;position-area:bottom span-right;position-try:normal flip-block;box-shadow:0 4px 20px 0 var(--shadow-color);border-radius:var(--jkl-border-radius-s);z-index:var(--jkl-floating-z-index,10000);padding:var(--jkl-spacing-8);inset:auto;margin-inline:0;max-height:45dvh;overscroll-behavior:none}@supports (max-height:round(up,45dvh,24px)){.jkl-select__popover{max-height:round(up,45dvh,24px)}}.jkl-select__popover .jkl-button--primary,.jkl-select__popover header{display:none}}.jkl-select select{display:none}}