"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 Highlight () {
        return Highlight;
    },
    get Mask () {
        return Mask;
    },
    get MaskContainer () {
        return MaskContainer;
    },
    get TourPortal () {
        return TourPortal;
    }
});
const _styled = /*#__PURE__*/ _interop_require_default(require("@emotion/styled"));
const _Tourtokens = require("./Tour.tokens");
function _interop_require_default(obj) {
    return obj && obj.__esModule ? obj : {
        default: obj
    };
}
const MaskContainer = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eoopsde0",
    label: "MaskContainer"
})("z-index:", ({ zIndex })=>zIndex || 9000, ";");
const Mask = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eoopsde1",
    label: "Mask"
})("position:fixed;inset:0;pointer-events:all;");
const Highlight = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eoopsde2",
    label: "Highlight"
})(_Tourtokens.privateTokens.maskColor, ":", ({ overlayColor })=>overlayColor || `var(${_Tourtokens.tokens.overlayColor})`, ";position:fixed;background:transparent;border-radius:", ({ borderRadius })=>borderRadius ?? 0, ";box-shadow:", ({ withOverlay })=>withOverlay ? `0 0 0 9999px var(${_Tourtokens.privateTokens.maskColor})` : 'none', ";pointer-events:none;transition:", ({ disableTransition })=>disableTransition ? 'none' : 'left 0.3s cubic-bezier(0.4, 0, 0.2, 1), top 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1), border-radius 0.3s cubic-bezier(0.4, 0, 0.2, 1)', ";");
const TourPortal = (0, /*#__PURE__*/ _styled.default)("div", {
    target: "eoopsde3",
    label: "TourPortal"
})("outline:none;");
