"use strict";
Object.defineProperty(exports, "__esModule", {
    value: true
});
function _export(target, all) {
    for(var name in all)Object.defineProperty(target, name, {
        enumerable: true,
        get: Object.getOwnPropertyDescriptor(all, name).get
    });
}
_export(exports, {
    get StyledArrow () {
        return StyledArrow;
    },
    get StyledPopover () {
        return StyledPopover;
    },
    get StyledRoot () {
        return StyledRoot;
    },
    get StyledWrapper () {
        return StyledWrapper;
    }
});
const _styledcomponents = /*#__PURE__*/ _interop_require_default(require("styled-components"));
const _utils = require("../Popup/utils");
const _Popovertokens = require("./Popover.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const StyledRoot = _styledcomponents.default.div.withConfig({
    displayName: "Popover.styles__StyledRoot",
    componentId: "sc-41d90f8d-0"
})([
    `display:inline-flex;box-sizing:border-box;position:relative;`
]);
const StyledWrapper = _styledcomponents.default.div.withConfig({
    displayName: "Popover.styles__StyledWrapper",
    componentId: "sc-41d90f8d-1"
})([
    `display:inline-flex;&.`,
    `{position:absolute;top:0;left:0;width:100%;height:100%;`,
    `{width:100%;height:100%;display:block;}}`
], _Popovertokens.classes.targetAsRef, StyledRoot);
const StyledArrow = _styledcomponents.default.div.withConfig({
    displayName: "Popover.styles__StyledArrow",
    componentId: "sc-41d90f8d-2"
})([
    `width:var(`,
    `);height:var(`,
    `);&::before{position:absolute;width:var(`,
    `);height:var(`,
    `);mask-image:var(`,
    `);background:var(`,
    `);content:'';transform:rotate(0deg);}`
], _Popovertokens.tokens.arrowMaskWidth, _Popovertokens.tokens.arrowMaskHeight, _Popovertokens.tokens.arrowMaskWidth, _Popovertokens.tokens.arrowMaskHeight, _Popovertokens.tokens.arrowMaskImage, _Popovertokens.tokens.arrowBackground);
const StyledPopover = _styledcomponents.default.div.withConfig({
    displayName: "Popover.styles__StyledPopover",
    componentId: "sc-41d90f8d-3"
})([
    `position:absolute;z-index:`,
    `;opacity:0;visibility:hidden;box-shadow:var(`,
    `);border-radius:inherit;&.`,
    `{transition:opacity 0.3s ease-in-out,visibility 0.3s;}&.`,
    `{opacity:1;visibility:visible;}&:before{content:'';display:block;position:absolute;background:transparent;}&[data-popper-placement^='top'] > .`,
    `{bottom:calc(0px - var(`,
    `));}&[data-popper-placement^='bottom'] > .`,
    `{top:calc(0px - var(`,
    `));&::before{transform:rotate(180deg);}}&[data-popper-placement^='left'] > .`,
    `{right:calc(0px - var(`,
    `));&::before{transform:rotate(-90deg);}}&[data-popper-placement^='right'] > .`,
    `{left:calc(0px - var(`,
    `));&::before{transform:rotate(90deg);}}&[data-popper-placement^='top-start'] > .`,
    `{bottom:calc(0px - var(`,
    `));left:var(`,
    `) !important;transform:unset !important;}&[data-popper-placement^='top-end'] > .`,
    `{bottom:calc(0px - var(`,
    `));left:unset !important;right:var(`,
    `) !important;transform:unset !important;}&[data-popper-placement^='bottom-start'] > .`,
    `{top:calc(0px - var(`,
    `));left:var(`,
    `) !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='bottom-end'] > .`,
    `{top:calc(0px - var(`,
    `));left:unset !important;right:var(`,
    `) !important;transform:unset !important;&::before{transform:rotate(180deg);}}&[data-popper-placement^='left-start'] > .`,
    `,&[data-popper-placement^='right-start'] > .`,
    `{top:var(`,
    `) !important;transform:unset !important;}&[data-popper-placement^='left-end'] > .`,
    `,&[data-popper-placement^='right-end'] > .`,
    `{top:unset !important;bottom:var(`,
    `) !important;transform:unset !important;}&[data-popper-placement^='top'],&[data-popper-placement^='top-start'],&[data-popper-placement^='top-end']{&:before{top:unset;left:0;right:0;height:var(`,
    `);bottom:calc(-1 * var(`,
    `));}}&[data-popper-placement^='bottom'],&[data-popper-placement^='bottom-start'],&[data-popper-placement^='bottom-end']{&:before{top:calc(-1 * var(`,
    `));left:0;right:0;bottom:var(`,
    `);height:var(`,
    `);}}&[data-popper-placement^='left'],&[data-popper-placement^='left-start'],&[data-popper-placement^='left-end']{&:before{width:var(`,
    `);height:100%;top:0;right:calc(-1 * var(`,
    `));bottom:0;}}&[data-popper-placement^='right'],&[data-popper-placement^='right-start'],&[data-popper-placement^='right-end']{&:before{width:var(`,
    `);height:100%;top:0;left:calc(-1 * var(`,
    `));bottom:0;}}`
], ({ zIndex })=>zIndex || _utils.DEFAULT_Z_INDEX, _Popovertokens.tokens.boxShadow, _Popovertokens.classes.animate, _Popovertokens.classes.open, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.classes.arrow, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.classes.arrow, _Popovertokens.classes.arrow, _Popovertokens.tokens.arrowEdgeMargin, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight, _Popovertokens.tokens.arrowHeight);
