[data-v-d8aeaa6e]:root{--padding:16px 32px;--transition-duration:.3s}.popover[data-v-d8aeaa6e]{background:red;display:inline-block;left:0;opacity:0;position:fixed;right:0;transform:rotateX(-15deg);transform-origin:center -20px;transition:transform var(--transition-duration),opacity var(--transition-duration)}.popover--open[data-v-d8aeaa6e]{opacity:1;transform:rotateX(0)}.popover--open .popover__section[data-v-d8aeaa6e]{opacity:1}.popover__content[data-v-d8aeaa6e]{left:0;overflow:hidden;padding:var(--padding);position:absolute;top:0;transition:transform var(--transition-duration),opacity var(--transition-duration);z-index:1}.popover__section[data-v-d8aeaa6e]{opacity:0;overflow:hidden;position:absolute;transition:opacity .2s}.popover__arrow[data-v-d8aeaa6e]{border-radius:4px 0 0;box-shadow:-3px -3px 5px #505a780d;height:12px;margin-left:-6px;top:-6px;transform:rotate(45deg);width:12px;will-change:transform}.popover__arrow[data-v-d8aeaa6e],.popover__background[data-v-d8aeaa6e]{background:#fff;left:0;position:absolute;transition:transform var(--transition-duration),opacity var(--transition-duration)}.popover__background[data-v-d8aeaa6e]{border-radius:6px;box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d;height:600px;padding:var(--padding);top:0;transform:translate(100px) scaleX(.795918) scaleY(.95);transform-origin:0 0;width:100px}