@layer design-system.components{.vds-popover-content{--popover-min-width:12rem;--popover-max-width:var(--vds-surface-width-xs,20rem);--popover-padding-inline:var(--vds-surface-padding-inline,var(--vds-space-4,1rem));--popover-padding-block:var(--vds-surface-padding-block,var(--vds-space-4,1rem));--popover-surface:var(--vds-overlay-bg,var(--vds-color-surface-overlay,#fff));--popover-border-width:1px;--popover-border-color:var(--vds-surface-border,var(--vds-color-border-muted,#e5e7eb));--popover-radius:var(--vds-radius-surface,.75rem);--popover-shadow:var(--vds-overlay-shadow,var(--vds-shadow-lg,0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a));--popover-z:var(--vds-z-popover,1200);--popover-enter-duration:var(--vds-duration-fast,.1s);--popover-exit-duration:var(--vds-duration-fastest,50ms);--popover-enter-ease:var(--vds-ease-out,cubic-bezier(0, 0, .2, 1));--popover-exit-ease:var(--vds-ease-in,cubic-bezier(.4, 0, 1, 1))}.vds-popover-content[data-size=sm]{--popover-max-width:16rem;--popover-padding-inline:var(--vds-space-3,.75rem);--popover-padding-block:var(--vds-space-3,.75rem)}.vds-popover-content[data-size=lg]{--popover-max-width:var(--vds-surface-width-sm,24rem)}.vds-popover-content[data-size=xl]{--popover-max-width:var(--vds-surface-width-md,32rem)}.vds-popover-content{z-index:var(--popover-z);background-color:var(--popover-surface);border:var(--popover-border-width) solid var(--popover-border-color);border-radius:var(--popover-radius);box-shadow:var(--popover-shadow);padding-inline:var(--popover-padding-inline);padding-block:var(--popover-padding-block);min-inline-size:var(--popover-min-width);max-inline-size:var(--popover-max-width);animation:vds-fade-in var(--popover-enter-duration) var(--popover-enter-ease)}.vds-popover-content[data-state=closed]{animation:vds-fade-out var(--popover-exit-duration) var(--popover-exit-ease)}.vds-popover-content[data-side=bottom]{animation:vds-slide-in-from-top var(--popover-enter-duration) var(--popover-enter-ease)}.vds-popover-content[data-side=top]{animation:vds-slide-in-from-bottom var(--popover-enter-duration) var(--popover-enter-ease)}.vds-popover-content[data-side=left]{animation:vds-slide-in-from-inline-end var(--popover-enter-duration) var(--popover-enter-ease)}.vds-popover-content[data-side=right]{animation:vds-slide-in-from-inline-start var(--popover-enter-duration) var(--popover-enter-ease)}.vds-popover-content:focus-visible{outline:none}}