@layer slean.reset,slean.tokens,slean.base,slean.components,slean.compositions,slean.utilities;@layer slean.components{:where([data-slean=popover],[data-slean=menu]){inset:auto;margin:0;margin-block:var(--slean-space-1);position-area:bottom;position-try-fallbacks:flip-block,flip-inline;padding:var(--slean-space-3);border:1px solid var(--slean-border);border-radius:var(--slean-popup-radius);background:var(--slean-surface);color:var(--slean-fg);box-shadow:var(--slean-popup-shadow);opacity:0;scale:.96;transition:opacity var(--slean-duration-fast) var(--slean-ease),scale var(--slean-duration-fast) var(--slean-ease),display var(--slean-duration-fast) allow-discrete,overlay var(--slean-duration-fast) allow-discrete}:where([data-slean=popover]:popover-open,[data-slean=menu]:popover-open){opacity:1;scale:1}@starting-style{:where([data-slean=popover]:popover-open,[data-slean=menu]:popover-open){opacity:0;scale:.96}}:where([data-slean=popover],[data-slean=menu]){transform-origin:top}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=top]){position-area:top;transform-origin:bottom}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=left]){position-area:left;margin-block:0;margin-inline:var(--slean-space-1);transform-origin:right}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=right]){position-area:right;margin-block:0;margin-inline:var(--slean-space-1);transform-origin:left}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-align=start]){position-area:bottom span-x-end}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-align=end]){position-area:bottom span-x-start}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=top][data-slean-align=start]){position-area:top span-x-end}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=top][data-slean-align=end]){position-area:top span-x-start}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=left][data-slean-align=start]){position-area:left span-bottom}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=left][data-slean-align=end]){position-area:left span-top}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=right][data-slean-align=start]){position-area:right span-bottom}:where(:is([data-slean=popover],[data-slean=menu])[data-slean-side=right][data-slean-align=end]){position-area:right span-top}@supports not (position-area: bottom){:where([data-slean=popover],[data-slean=menu]){inset:0;margin:auto}}}