@layer components{:root{--popover-content-bg:var(--color-white);--popover-content-color:inherit;--popover-content-radius:var(--radius-lg);--popover-content-border:var(--color-gray-200);--popover-content-shadow:var(--shadow-md);--popover-content-px:.75rem;--popover-content-py:.5rem;--popover-content-z:50;--popover-content-w:auto;--popover-content-max-w:18rem;--popover-content-duration:var(--transition-duration);--popover-backdrop-bg:var(--color-overlay);--popover-backdrop-z:50}:where(.popover-content){z-index:var(--popover-content-z);width:var(--popover-content-w);max-width:var(--popover-content-max-w);max-height:var(--radix-popover-content-available-height);border-radius:var(--popover-content-radius);border:1px solid var(--popover-content-border);background-color:var(--popover-content-bg);color:var(--popover-content-color);box-shadow:var(--popover-content-shadow);padding:var(--popover-content-py) var(--popover-content-px);transform-origin:var(--radix-popover-content-transform-origin);outline:none;overflow:hidden}:where(.popover-backdrop){z-index:var(--popover-backdrop-z);background-color:var(--popover-backdrop-bg);animation:popover-backdrop-enter var(--popover-content-duration) var(--transition-easing) both;position:fixed;inset:0}@keyframes popover-backdrop-enter{0%{opacity:0}}@keyframes popover-enter{0%{opacity:var(--popover-enter-opacity,1);transform:translateX(var(--popover-enter-translate-x,0)) translateY(var(--popover-enter-translate-y,0)) scale(var(--popover-enter-scale,1))}}@keyframes popover-exit{to{opacity:var(--popover-exit-opacity,1);transform:scale(var(--popover-exit-scale,1))}}:where(.popover-content)[data-state=open]{--popover-enter-opacity:0;--popover-enter-scale:.95;animation:popover-enter var(--popover-content-duration) ease both}:where(.popover-content)[data-state=closed]{--popover-exit-opacity:0;--popover-exit-scale:.95;animation:popover-exit var(--popover-content-duration) ease both}:where(.popover-content)[data-side=bottom]{--popover-enter-translate-y:-.5rem}:where(.popover-content)[data-side=left]{--popover-enter-translate-x:.5rem}:where(.popover-content)[data-side=right]{--popover-enter-translate-x:-.5rem}:where(.popover-content)[data-side=top]{--popover-enter-translate-y:.5rem}}