@layer properties,theme,base;@layer components{.menu-surface{min-width:148px;max-width:calc(100dvw / var(--ui-scale) - 16px);max-height:min(320px, calc(100dvh / var(--ui-scale) - 24px));scrollbar-width:thin;overflow-y:auto}.menu-surface:not(.menu-pinned){background-image:linear-gradient(var(--color-raised) 30%, transparent), linear-gradient(transparent, var(--color-raised) 70%), linear-gradient(var(--color-line-loud), transparent), linear-gradient(transparent, var(--color-line-loud));background-position:top,bottom,top,bottom;background-repeat:no-repeat;background-size:100% 12px,100% 12px,100% 4px,100% 4px;background-attachment:local,local,scroll,scroll}.menu-pinned{max-height:min(var(--menu-max-height,480px), var(--menu-room,calc(100dvh / var(--ui-scale) - 24px)), calc(100dvh / var(--ui-scale) - 24px));overflow:hidden}:root:not([data-focus-ring=pointer]) .menu-surface:has(>[role=menu]:focus-visible:not([aria-activedescendant])){outline:1px solid var(--color-accent-ring);outline-offset:-2px}.menu-progress{background:var(--color-line);height:2px;position:absolute;inset:auto 0 0;overflow:hidden}.menu-progress:after{content:"";background:var(--color-ink-3);animation:1.5s ease-in-out infinite menu-sweep;position:absolute;inset:0}@keyframes menu-sweep{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.menu-progress:after{animation:none}}@media (forced-colors:active){.menu-progress{background:canvastext}.menu-progress:after{background:highlight}}}@layer utilities;
@layer properties,theme,base;@layer components{.menu-surface{--picker-ground:var(--color-raised)}.menu-surface.picker-floating{max-height:min(320px, var(--menu-room,calc(100dvh / var(--ui-scale) - 24px)));overflow:hidden}[data-slot=picker-group-label]{background-color:var(--picker-ground,var(--surface-ground,var(--color-surface)))}[data-slot=picker-group-label][data-stuck]{box-shadow:inset 0 -1px 0 var(--color-line)}@media (forced-colors:active){[data-slot=picker-group-label][data-stuck]{border-bottom:1px solid canvastext}}[data-slot=picker-options] [role=option]{scroll-margin-top:calc(var(--picker-label-height,0px) + var(--picker-reveal-context,var(--picker-row-height)));scroll-margin-bottom:var(--picker-reveal-context,var(--picker-row-height))}}@layer utilities;