var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
import { memoizeGetStyles, prefix } from '../../lib/theming/Emotion.js';
import { resetButton } from '../../lib/styles/Mixins.js';
export var modalGlobalClasses = prefix('modal')({
    root: 'root',
    container: 'container',
});
export var getStyles = memoizeGetStyles(function (_a) {
    var css = _a.css;
    return ({
        root: function () {
            return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "], ["\n      height: 100%;\n      left: 0;\n      position: fixed;\n      top: 0;\n      width: 100%;\n    "])));
        },
        bg: function (t) {
            return css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "], ["\n      bottom: 0;\n      left: 0;\n      position: absolute;\n      right: 0;\n      top: 0;\n      background: ", ";\n      opacity: ", ";\n    "])), t.modalBackBg, t.modalBackOpacity);
        },
        container: function () {
            return css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "], ["\n      position: relative;\n      white-space: nowrap;\n      text-align: center;\n      height: 100%;\n      min-height: 64px;\n      overflow-y: auto;\n      outline: none;\n    "])));
        },
        containerDesktop: function () {
            return css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "], ["\n      &::before {\n        content: '';\n        display: inline-block;\n        vertical-align: middle;\n        height: 80%; /* to vertical align modal 40%/60% of screen height */\n      }\n    "])));
        },
        mobileContainerFullscreen5_2: function () {
            return css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      margin: 0;\n    "], ["\n      margin: 0;\n    "])));
        },
        mobileContainerSmall5_2: function () {
            return css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "], ["\n      margin: 0;\n      display: flex;\n      flex-wrap: wrap;\n      align-content: center;\n    "])));
        },
        mobileContainerSmallTop5_2: function () {
            return css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      align-content: start;\n    "], ["\n      align-content: start;\n    "])));
        },
        mobileContainerSmallBottom5_2: function () {
            return css(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n      align-content: end;\n    "], ["\n      align-content: end;\n    "])));
        },
        window: function (t) {
            return css(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "], ["\n      position: relative;\n      white-space: normal;\n      margin: auto;\n      box-shadow: ", ";\n      background: ", ";\n      border-radius: ", ";\n    "])), t.modalWindowShadow, t.modalBg, t.modalBorderRadius);
        },
        mobileWindow: function () {
            return css(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    "], ["\n      width: 100%;\n      height: 100%;\n      overflow: hidden;\n    "])));
        },
        mobileWindowFullscreen: function () {
            return css(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n      border-radius: 0;\n    "], ["\n      border-radius: 0;\n    "])));
        },
        centerContainer: function () {
            return css(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "], ["\n      position: relative;\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n      box-sizing: border-box;\n      z-index: 10;\n      margin: 40px 20px;\n    "])));
        },
        mobileCenterContainer: function (t) {
            return css(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "], ["\n      padding: 0;\n      width: calc(100% - ", " - ", ");\n      display: inline-flex;\n      margin: ", " ", "\n        ", " ", ";\n      max-height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginRight, t.mobileModalContainerMarginBottom, t.mobileModalContainerMarginLeft, t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
        },
        mobileCenterContainerBig: function (t) {
            return css(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n      height: calc(100% - ", " - ", ");\n    "], ["\n      height: calc(100% - ", " - ", ");\n    "])), t.mobileModalContainerMarginTop, t.mobileModalContainerMarginBottom);
        },
        mobileCenterContainerFullscreen: function () {
            return css(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "], ["\n      margin: 0;\n      width: 100%;\n      height: 100%;\n      max-height: 100%;\n    "])));
        },
        alignTop: function () {
            return css(templateObject_16 || (templateObject_16 = __makeTemplateObject(["\n      vertical-align: top;\n    "], ["\n      vertical-align: top;\n    "])));
        },
        close: function (t) {
            return css(templateObject_17 || (templateObject_17 = __makeTemplateObject(["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "], ["\n      ", ";\n      position: absolute;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      right: ", ";\n      top: ", ";\n      background: transparent;\n      cursor: pointer;\n      color: ", ";\n      text-align: center;\n      vertical-align: middle;\n      padding-top: ", ";\n      margin-top: -", ";\n      padding-right: ", ";\n      margin-right: -", ";\n      padding-bottom: ", ";\n      margin-bottom: -", ";\n      padding-left: ", ";\n      margin-left: -", ";\n\n      &:hover {\n        color: ", ";\n      }\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n        box-sizing: content-box;\n      }\n    "])), resetButton(), t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaTop, t.modalCloseButtonColor, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaTop, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaRight, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaBottom, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonClickAreaLeft, t.modalCloseButtonHoverColor, t.modalCloseIconSize, t.modalCloseIconSize);
        },
        closeMobile: function (t) {
            return css(templateObject_18 || (templateObject_18 = __makeTemplateObject(["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "], ["\n      right: ", ";\n      top: ", ";\n      padding: ", ";\n      margin: -", ";\n\n      & > svg {\n        width: ", ";\n        height: ", ";\n      }\n    "])), t.mobileModalCloseButtonRightPadding, t.mobileModalCloseButtonTopPadding, t.mobileModalCloseButtonClickArea, t.mobileModalCloseButtonClickArea, t.mobileModalCloseIconSize, t.mobileModalCloseIconSize);
        },
        mobileCloseWithoutHeader: function (t) {
            return css(templateObject_19 || (templateObject_19 = __makeTemplateObject(["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "], ["\n      position: absolute;\n      padding: ", ";\n      margin: -", ";\n      top: ", ";\n      right: ", ";\n    "])), t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding, t.mobileModalWithoutHeaderCloseButtonPadding);
        },
        closeWrapper: function (t) {
            var padding = parseInt(t.modalCloseButtonPadding);
            var paddingBottom = parseInt(t.modalCloseButtonBottomPadding);
            var blockSizeX = parseInt(t.modalCloseIconSize) + 2 * padding;
            var blockSizeY = parseInt(t.modalCloseIconSize) + padding + paddingBottom;
            return css(templateObject_20 || (templateObject_20 = __makeTemplateObject(["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "], ["\n      position: relative;\n      float: right;\n      width: ", "px;\n      height: ", "px;\n    "])), blockSizeX, blockSizeY);
        },
        mobileCloseWrapper: function (t) {
            var size = parseInt(t.mobileModalCloseIconSize) + parseInt(t.mobileModalCloseButtonClickArea) * 2;
            return css(templateObject_21 || (templateObject_21 = __makeTemplateObject(["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "], ["\n      position: sticky;\n      right: 0;\n      top: 0;\n      padding: 0;\n      margin: 0;\n      margin-left: auto;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      width: ", ";\n      height: 0;\n      background: radial-gradient(50% 50% at 50% 50%, ", " 60%, rgba(255, 255, 255, 0) 100%);\n      border-radius: ", "px;\n    "])), t.mobileModalWithoutHeaderCloseButtonWidth, t.bgDefault, size);
        },
        disabled: function (t) {
            return css(templateObject_22 || (templateObject_22 = __makeTemplateObject(["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "], ["\n      pointer-events: none;\n      cursor: default;\n      color: ", ";\n    "])), t.modalCloseButtonDisabledColor);
        },
        focus: function (t) {
            return css(templateObject_23 || (templateObject_23 = __makeTemplateObject(["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "], ["\n      &:before {\n        content: '';\n        position: absolute;\n        width: calc(", " * 2);\n        height: calc(", " * 2);\n        box-shadow: inset 0 0 0 2px ", ";\n        border-radius: 4px;\n      }\n    "])), t.modalCloseIconSize, t.modalCloseIconSize, t.borderColorFocus);
        },
        header: function (t) {
            return css(templateObject_24 || (templateObject_24 = __makeTemplateObject(["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n      border-radius: ", " ", " 0 0;\n    "], ["\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", " ", " ", " ", ";\n      overflow-wrap: break-word;\n      word-wrap: break-word;\n      color: ", ";\n      font-weight: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.modalHeaderFontSize, t.modalHeaderLineHeight, t.modalHeaderPaddingTop, t.modalPaddingRight, t.modalHeaderPaddingBottom, t.modalPaddingLeft, t.modalHeaderTextColor, t.modalHeaderFontWeight, t.modalBorderRadius, t.modalBorderRadius);
        },
        mobileHeader: function (t) {
            return css(templateObject_25 || (templateObject_25 = __makeTemplateObject(["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "], ["\n      position: relative;\n      font-size: ", ";\n      line-height: ", ";\n      padding: ", ";\n    "])), t.mobileModalHeaderFontSize, t.mobileModalHeaderLineHeight, t.mobileModalHeaderPadding);
        },
        titleCut: function () {
            return css(templateObject_26 || (templateObject_26 = __makeTemplateObject(["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "], ["\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n    "])));
        },
        body: function (t) {
            return css(templateObject_27 || (templateObject_27 = __makeTemplateObject(["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "], ["\n      border-radius: ", ";\n      padding-top: ", ";\n      padding-right: ", ";\n      padding-bottom: ", ";\n      padding-left: ", ";\n      color: ", ";\n    "])), t.modalBodyBorderRadius, t.modalBodyPaddingTop, t.modalPaddingRight, t.modalBodyPaddingBottom, t.modalPaddingLeft, t.modalBodyTextColor);
        },
        mobileBody: function (t) {
            return css(templateObject_28 || (templateObject_28 = __makeTemplateObject(["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "], ["\n      padding: ", ";\n      display: flex;\n      flex-flow: column;\n      flex: 1;\n      font-size: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyFontSize);
        },
        headerWithClose: function (t) {
            var rightPadding = 2 * parseInt(t.modalCloseButtonPadding) + parseInt(t.modalCloseIconSize);
            return css(templateObject_29 || (templateObject_29 = __makeTemplateObject(["\n      padding-right: ", "px;\n    "], ["\n      padding-right: ", "px;\n    "])), rightPadding);
        },
        mobileHeaderWithClose: function (t) {
            return css(templateObject_30 || (templateObject_30 = __makeTemplateObject(["\n      padding-right: ", "px;\n    "], ["\n      padding-right: ", "px;\n    "])), 2 * parseInt(t.mobileModalCloseButtonRightPadding) + parseInt(t.mobileModalCloseIconSize));
        },
        footer: function (t) {
            return css(templateObject_31 || (templateObject_31 = __makeTemplateObject(["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "], ["\n      padding: ", " ", " ", " ", ";\n      color: ", ";\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalFooterPaddingTop, t.modalPaddingRight, t.modalFooterPaddingBottom, t.modalPaddingLeft, t.modalFooterTextColor, t.modalBorderRadius, t.modalBorderRadius);
        },
        mobileFooter: function (t) {
            return css(templateObject_32 || (templateObject_32 = __makeTemplateObject(["\n      padding: ", ";\n    "], ["\n      padding: ", ";\n    "])), t.mobileModalFooterPadding);
        },
        panel: function (t) {
            return css(templateObject_33 || (templateObject_33 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n    "])), t.modalFooterPanelPaddingTop, t.modalFooterPanelPaddingBottom, t.modalFooterBg);
        },
        fixedHeader: function (t) {
            return css(templateObject_34 || (templateObject_34 = __makeTemplateObject(["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      margin-bottom: ", ";\n      padding-bottom: ", ";\n      background: ", ";\n      border-bottom: ", ";\n      border-radius: 0;\n\n      &:after {\n        bottom: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedHeaderMarginBottom, t.modalFixedHeaderPaddingBottom, t.modalFixedHeaderBg, t.modalFixedHeaderBorder, t.modalFixedHeaderShadow);
        },
        mobileFixedHeader: function (t) {
            return css(templateObject_35 || (templateObject_35 = __makeTemplateObject(["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "], ["\n      padding-bottom: ", ";\n      border-radius: ", " ", " 0 0;\n    "])), t.mobileModalHeaderPadding, t.modalBorderRadius, t.modalBorderRadius);
        },
        fixedFooter: function (t) {
            return css(templateObject_36 || (templateObject_36 = __makeTemplateObject(["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "], ["\n      padding-top: ", ";\n      margin-top: ", ";\n      background: ", ";\n      border-top: ", ";\n      border-radius: 0;\n\n      &:before {\n        top: 11px;\n        content: '';\n        position: absolute;\n        height: 1px;\n        width: 100%;\n        left: 0;\n        z-index: -1;\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedFooterPaddingTop, t.modalFixedFooterMarginTop, t.modalFixedHeaderBg, t.modalFixedFooterBorder, t.modalFixedFooterShadow);
        },
        mobileFixedFooter: function (t) {
            return css(templateObject_37 || (templateObject_37 = __makeTemplateObject(["\n      border-radius: 0 0 ", " ", ";\n    "], ["\n      border-radius: 0 0 ", " ", ";\n    "])), t.modalBorderRadius, t.modalBorderRadius);
        },
        fixedPanel: function (t) {
            return css(templateObject_38 || (templateObject_38 = __makeTemplateObject(["\n      &:before {\n        box-shadow: ", ";\n      }\n    "], ["\n      &:before {\n        box-shadow: ", ";\n      }\n    "])), t.modalFixedPanelShadow);
        },
        headerAddPadding: function (t) {
            return css(templateObject_39 || (templateObject_39 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.modalHeaderAdditionalPaddingBottom);
        },
        bodyWithoutHeader: function (t) {
            return css(templateObject_40 || (templateObject_40 = __makeTemplateObject(["\n      padding-top: ", ";\n    "], ["\n      padding-top: ", ";\n    "])), t.modalPaddingTop);
        },
        mobileBodyWithoutHeader: function (t) {
            return css(templateObject_41 || (templateObject_41 = __makeTemplateObject(["\n      padding-top: ", ";\n      padding-right: ", ";\n    "], ["\n      padding-top: ", ";\n      padding-right: ", ";\n    "])), t.mobileModalBodyPaddingTop, t.mobileModalWithoutHeaderCloseButtonWidth);
        },
        bodyWithoutPadding: function () {
            return css(templateObject_42 || (templateObject_42 = __makeTemplateObject(["\n      padding: 0;\n    "], ["\n      padding: 0;\n    "])));
        },
        bodyAddPaddingForPanel: function (t) {
            return css(templateObject_43 || (templateObject_43 = __makeTemplateObject(["\n      padding-bottom: ", ";\n    "], ["\n      padding-bottom: ", ";\n    "])), t.modalPaddingBottom);
        },
        mobileBodyAddPaddingForPanel: function (t) {
            return css(templateObject_44 || (templateObject_44 = __makeTemplateObject(["\n      padding: ", ";\n      padding-bottom: ", ";\n    "], ["\n      padding: ", ";\n      padding-bottom: ", ";\n    "])), t.mobileModalBodyPadding, t.mobileModalBodyPaddingBottom);
        },
        columnFlexContainer: function () {
            return css(templateObject_45 || (templateObject_45 = __makeTemplateObject(["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "], ["\n      height: 100%;\n      display: flex;\n      flex-flow: column;\n      overflow-y: auto;\n    "])));
        },
        modalSeparatorWrapper: function () {
            return css(templateObject_46 || (templateObject_46 = __makeTemplateObject(["\n      position: absolute;\n      width: 100%;\n    "], ["\n      position: absolute;\n      width: 100%;\n    "])));
        },
        modalSeparator: function (t) {
            return css(templateObject_47 || (templateObject_47 = __makeTemplateObject(["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "], ["\n      border-bottom: ", ";\n      margin: ", ";\n      transition: margin 0.3s;\n    "])), t.modalSeparatorBorderBottom, t.modalSeparatorMargin);
        },
        modalSeparatorFixed: function (t) {
            return css(templateObject_48 || (templateObject_48 = __makeTemplateObject(["\n      margin: ", ";\n    "], ["\n      margin: ", ";\n    "])), t.modalSeparatorFixedMargin);
        },
    });
});
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15, templateObject_16, templateObject_17, templateObject_18, templateObject_19, templateObject_20, templateObject_21, templateObject_22, templateObject_23, templateObject_24, templateObject_25, templateObject_26, templateObject_27, templateObject_28, templateObject_29, templateObject_30, templateObject_31, templateObject_32, templateObject_33, templateObject_34, templateObject_35, templateObject_36, templateObject_37, templateObject_38, templateObject_39, templateObject_40, templateObject_41, templateObject_42, templateObject_43, templateObject_44, templateObject_45, templateObject_46, templateObject_47, templateObject_48;
//# sourceMappingURL=Modal.styles.js.map