{"version":3,"file":"popover.css.cjs","names":[],"sources":["../../../src/overlay/popover/popover.css?inline"],"sourcesContent":["@layer refine.base {\n  :host {\n    --_panel-bg: var(--popover-bg, var(--color-canvas));\n    --_panel-blur: var(--popover-panel-blur, var(--blur-md));\n    --_panel-border-color: var(--popover-border-color, var(--color-divider));\n    --_panel-shadow: var(--popover-shadow, var(--shadow-xl));\n\n    position: relative;\n    display: inline-block;\n  }\n\n  .panel {\n    position: fixed;\n\n    /* Popover UA resets */\n    inset: unset;\n    box-sizing: border-box;\n    min-width: var(--popover-min-width, 12rem);\n    max-width: var(--popover-max-width, 24rem);\n    max-height: var(--popover-max-height, min(70vh, 32rem));\n    padding: 0;\n    margin: 0;\n    overflow: auto;\n    word-break: auto-phrase;\n    overflow-wrap: anywhere;\n    background: var(--_panel-bg);\n    border: var(--border) solid var(--_panel-border-color);\n    border-radius: var(--rounded-lg);\n    box-shadow: var(--_panel-shadow);\n\n    /* Hidden by default */\n    opacity: 0;\n    backdrop-filter: blur(var(--_panel-blur));\n    transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    transition:\n      opacity var(--transition-fast),\n      transform 200ms var(--ease-spring),\n      display var(--transition-fast) allow-discrete,\n      overlay var(--transition-fast) allow-discrete;\n  }\n\n  .panel[data-open] {\n    display: block;\n  }\n\n  .panel:popover-open,\n  .panel[data-open] {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n\n    @starting-style {\n      opacity: 0;\n      transform: scale(var(--overlay-enter-scale-dialog)) translateY(4px);\n    }\n  }\n}\n"],"mappings":""}