.sy-select{display:flex;align-items:center;gap:10px;inline-size:100%;min-inline-size:0;min-block-size:46px;margin:0;padding-block:7px;padding-inline:14px 12px;font-family:inherit;font-size:var(--sy-text-md);line-height:var(--sy-lh-snug);color:var(--sy-fg);text-align:start;background:var(--sy-surface);border:1px solid var(--sy-line-strong);border-radius:var(--sy-r-2);cursor:pointer;transition:border-color var(--sy-dur-2) var(--sy-ease),background var(--sy-dur-2) var(--sy-ease),box-shadow var(--sy-dur-2) var(--sy-ease)}.sy-select:active{transform:none}.sy-select:hover:not(:disabled){border-color:color-mix(in srgb,var(--sy-brand) 35%,var(--sy-line-strong))}button.sy-select:focus-visible,button.sy-select[aria-expanded=true]{outline:none;border-color:var(--sy-brand);border-radius:var(--sy-r-2);box-shadow:0 0 0 4px color-mix(in srgb,var(--sy-brand) 16%,transparent)}.sy-select[aria-invalid=true]{border-color:var(--sy-danger)}.sy-select:disabled{background:var(--sy-surface-3);color:var(--sy-fg-3);cursor:not-allowed}.sy-select[data-size=sm]{min-block-size:44px;gap:8px;padding-block:6px;padding-inline:12px 10px;font-size:var(--sy-text-sm)}.sy-select-value{flex:1 1;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sy-select[data-empty] .sy-select-value{color:var(--sy-fg-4)}.sy-select-chevron{flex:none;color:var(--sy-fg-3);transition:rotate var(--sy-dur-2) var(--sy-ease-out),color var(--sy-dur-2) var(--sy-ease)}.sy-select:hover:not(:disabled) .sy-select-chevron{color:var(--sy-fg-2)}.sy-select[aria-expanded=true] .sy-select-chevron{rotate:180deg;color:var(--sy-brand)}.sy-select-icon{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;border-radius:var(--sy-r-1);background:var(--sy-surface-3);color:var(--sy-fg-2)}.sy-select .sy-select-icon{inline-size:26px;block-size:26px}.sy-select[data-size=sm] .sy-select-icon{inline-size:24px;block-size:24px}.sy-select-icon[data-tone=brand]{background:var(--sy-brand-subtle);color:var(--sy-brand)}.sy-select-icon[data-tone=ok]{background:var(--sy-ok-subtle);color:var(--sy-ok)}.sy-select-icon[data-tone=warn]{background:var(--sy-warn-subtle);color:var(--sy-warn)}.sy-select-icon[data-tone=danger]{background:var(--sy-danger-subtle);color:var(--sy-danger)}.sy-select-icon[data-tone=info]{background:var(--sy-info-subtle);color:var(--sy-info)}.sy-select-pop{position:fixed;z-index:var(--sy-z-popover);display:flex;flex-direction:column;background:var(--sy-surface);color:var(--sy-fg);border:1px solid var(--sy-line);border-radius:var(--sy-r-3);box-shadow:var(--sy-shadow-4);overflow:hidden;font-size:var(--sy-text-sm);line-height:var(--sy-lh-snug);transform-origin:top center;animation:sy-select-in var(--sy-dur-2) var(--sy-ease-out)}.sy-select-pop[data-side=top]{transform-origin:bottom center;animation-name:sy-select-in-up}@keyframes sy-select-in{0%{opacity:0;transform:translateY(-6px) scale(.98)}}@keyframes sy-select-in-up{0%{opacity:0;transform:translateY(6px) scale(.98)}}.sy-select-search{position:relative;display:flex;align-items:center;gap:8px;flex:none;margin:6px 6px 0;padding-inline:12px 6px;background:var(--sy-surface-2);border:1px solid var(--sy-line);border-radius:var(--sy-r-2);color:var(--sy-fg-3);transition:border-color var(--sy-dur-2) var(--sy-ease),box-shadow var(--sy-dur-2) var(--sy-ease)}.sy-select-search:focus-within{border-color:var(--sy-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--sy-brand) 14%,transparent)}.sy-select-search input{flex:1 1;min-inline-size:0;block-size:40px;padding:0;border:0;outline:none;background:transparent;font-family:inherit;font-size:var(--sy-text-md);color:var(--sy-fg)}.sy-select-search input:focus{box-shadow:none}.sy-select-search input::placeholder{color:var(--sy-fg-4);opacity:1}.sy-select-clear{display:grid;place-items:center;flex:none;inline-size:30px;block-size:30px;padding:0;border:0;border-radius:var(--sy-r-1);background:transparent;color:var(--sy-fg-3);cursor:pointer}.sy-select-clear:hover{background:var(--sy-surface-3);color:var(--sy-fg)}.sy-select-clear:active{transform:none}.sy-select-list{position:relative;flex:1 1 auto;min-block-size:0;overflow-y:auto;overscroll-behavior:contain;padding:0 6px 6px;outline:none;scrollbar-width:thin;scrollbar-color:var(--sy-line-strong) transparent}.sy-select-list:before{content:"";display:block;block-size:6px}.sy-select-option{display:flex;align-items:center;gap:10px;min-block-size:42px;padding:6px 10px;border-radius:var(--sy-r-2);color:var(--sy-fg);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background var(--sy-dur-1) var(--sy-ease)}.sy-select-option+.sy-select-option{-webkit-margin-before:2px;margin-block-start:2px}.sy-select-option[data-active]{background:var(--sy-surface-3)}.sy-select-option[aria-selected=true]{background:var(--sy-brand-subtle)}.sy-select-option[aria-selected=true][data-active]{background:var(--sy-brand-subtle-2)}.sy-select-pop[data-nav=keyboard] .sy-select-option[data-active]{box-shadow:inset 0 0 0 2px var(--sy-ring)}.sy-select-option[aria-disabled=true]{opacity:.5;cursor:not-allowed}.sy-select-text{display:grid;flex:1 1;grid-gap:1px;gap:1px;min-inline-size:0}.sy-select-label{font-weight:600;overflow-wrap:anywhere}.sy-select-option[aria-selected=true] .sy-select-label{color:var(--sy-brand);font-weight:700}.sy-select-desc{font-size:var(--sy-text-2xs);line-height:1.5;color:var(--sy-fg-3)}.sy-select-check{flex:none;color:var(--sy-brand);visibility:hidden}.sy-select-option[aria-selected=true] .sy-select-check{visibility:visible}.sy-select-option[aria-selected=true] .sy-select-icon:not([data-tone]){background:var(--sy-surface);color:var(--sy-brand)}.sy-select-mark{background:color-mix(in srgb,var(--sy-brand) 18%,transparent);color:inherit;font-weight:inherit;border-radius:3px}.sy-select-group+.sy-select-group,.sy-select-option+.sy-select-group{-webkit-margin-before:4px;margin-block-start:4px}.sy-select-group-label{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:1;padding:8px 10px 5px;background:var(--sy-surface);font-size:var(--sy-text-2xs);font-weight:800;color:var(--sy-fg-3)}.sy-select-empty{display:grid;justify-items:center;grid-gap:8px;gap:8px;padding:22px 16px 26px;font-size:var(--sy-text-sm);color:var(--sy-fg-3);text-align:center}.sy-select-backdrop{position:fixed;inset:0;z-index:var(--sy-z-popover);background:var(--sy-overlay);animation:sy-select-fade var(--sy-dur-2) var(--sy-ease)}.sy-select-pop[data-sheet]{inset-inline:0;inset-block-end:0;max-block-size:min(80dvh,600px);-webkit-border-after:0;border-block-end:0;border-radius:var(--sy-r-5) var(--sy-r-5) 0 0;-webkit-padding-after:env(safe-area-inset-bottom);padding-block-end:env(safe-area-inset-bottom);font-size:var(--sy-text-md);animation:sy-select-sheet-in var(--sy-dur-3) var(--sy-ease-out)}.sy-select-pop[data-sheet] .sy-select-search{margin:4px 12px 0}.sy-select-pop[data-sheet] .sy-select-search input{block-size:46px}.sy-select-pop[data-sheet] .sy-select-list{padding:0 10px 12px}.sy-select-pop[data-sheet] .sy-select-option{min-block-size:52px;padding:8px 12px}.sy-select-pop[data-sheet] .sy-select-label{font-size:var(--sy-text-md)}@keyframes sy-select-sheet-in{0%{transform:translateY(100%)}}@keyframes sy-select-fade{0%{opacity:0}}.sy-select-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:none;padding:14px 16px 10px}.sy-select-sheet-head strong{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sy-text-lg);font-weight:800;color:var(--sy-fg)}.sy-select-close{display:grid;place-items:center;flex:none;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:var(--sy-r-full);background:var(--sy-surface-3);color:var(--sy-fg-2);cursor:pointer}.sy-select-close:active{transform:none}@media (hover:hover){.sy-select-close:hover{background:var(--sy-line);color:var(--sy-fg)}}@media (forced-colors:active){button.sy-select:focus-visible,button.sy-select[aria-expanded=true]{outline:2px solid Highlight;outline-offset:2px}.sy-select-option[data-active]{outline:2px solid Highlight;outline-offset:-2px}.sy-select-check{color:Highlight}}