@layer reset, tokens, base, layout, components, variants, states, utilities, overrides;
@layer reset,tokens,base,layout;@layer components{.popover{--wel-popover-bg:var(--wel-color-surface-raised);--wel-popover-ink:var(--wel-color-ink);--wel-popover-radius:var(--wel-radius-surface);--wel-popover-padding:var(--wel-space-2);--wel-popover-shadow:var(--wel-shadow-3);--wel-popover-min-inline-size:12rem;--wel-popover-max-inline-size:min(24rem, calc(100dvw - 2 * var(--wel-space-gutter)));--wel-popover-offset:var(--wel-space-1);min-inline-size:var(--wel-popover-min-inline-size);max-inline-size:var(--wel-popover-max-inline-size);padding:var(--wel-popover-padding);background-color:var(--wel-popover-bg);color:var(--wel-popover-ink);border:var(--wel-border-width) solid var(--wel-color-border);border-radius:var(--wel-popover-radius);box-shadow:var(--wel-popover-shadow)}.popover>:where(ul){flex-direction:column;padding:0;list-style:none;display:flex}.popover :where(ul) :where(a,button){align-items:center;gap:var(--wel-space-2);inline-size:100%;padding-block:var(--wel-space-2);padding-inline:var(--wel-space-2);min-block-size:1.5rem;color:inherit;text-align:start;border-radius:var(--wel-radius-sm);font:inherit;background:0 0;border:0;text-decoration:none;display:flex}@supports (anchor-name:--wel-a){.popover{position-area:block-end;position-try-fallbacks:flip-block;margin:var(--wel-popover-offset);inset:auto}}@supports (transition-behavior:allow-discrete){.popover{opacity:0;transition:opacity calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), scale calc(var(--wel-motion-duration-1) * var(--wel-motion)) var(--wel-motion-ease), display calc(var(--wel-motion-duration-1) * var(--wel-motion)) allow-discrete, overlay calc(var(--wel-motion-duration-1) * var(--wel-motion)) allow-discrete;scale:.98}.popover:where(:popover-open){opacity:1;scale:1}@starting-style{.popover:where(:popover-open){opacity:0;scale:.98}}}}@layer variants{.popover[data-size=sm]{--wel-popover-padding:var(--wel-space-1);--wel-popover-min-inline-size:9rem}@supports (anchor-name:--wel-a){.popover[data-placement=block-start]{position-area:block-start}.popover[data-placement=inline-start]{position-area:inline-start;position-try-fallbacks:flip-inline}.popover[data-placement=inline-end]{position-area:inline-end;position-try-fallbacks:flip-inline}}}@layer states{@media (hover:hover){.popover :where(ul) :where(a,button):hover{background-color:var(--wel-color-accent-tint)}}.popover :where(ul) :where([aria-current]){color:var(--wel-color-accent);border-inline-start:var(--wel-border-width-strong) solid var(--wel-color-accent);border-start-start-radius:0;border-end-start-radius:0}}@layer utilities,overrides;