"use strict";
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
    return cooked;
};
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
var styled_components_1 = __importDefault(require("styled-components"));
var theme_interface_1 = require("../../../types/theme.interface");
var css = styled_components_1.default.div;
exports.default = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n   width: 100%;\n   max-width: 450px;\n\n   @keyframes pulse {\n      from {\n         transform: scale3d(0, 0, 0);\n      }\n\n      90% {\n         transform: scale3d(1.1, 1.1, 1.1);\n      }\n\n      to {\n         transform: scale3d(1, 1, 1);\n      }\n   }\n\n   @keyframes pulse-out {\n      from {\n         transform: scale3d(1, 1, 1);\n      }\n\n      to {\n         transform: scale3d(0, 0, 0);\n      }\n   }\n\n   .ds-toast-container {\n      background: #202124;\n      color: #fff;\n      padding: 9px 20px;\n      border-radius: 10px;\n      border: none;\n      letter-spacing: 0.3px;\n      transition: all 400ms;\n      opacity: 0;\n      font-weight: 500;\n      margin-bottom: 9px;\n\n      &.opening {\n         transition: all 1ms;\n         animation-name: pulse;\n         animation-timing-function: ease-in-out;\n         animation-duration: 400ms; /* don't forget to set a duration! */\n         opacity: 1;\n      }\n\n      &.closing {\n         animation-name: pulse-out;\n         animation-timing-function: ease-in-out;\n         animation-duration: 400ms; /* don't forget to set a duration! */\n      }\n\n      &.error {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.danger {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.warning {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.success {\n         background: ", ";\n         color: ", ";\n      }\n   }\n\n   .ds-toast {\n      display: flex;\n      justify-content: center;\n      align-self: center;\n      align-items: center;\n   }\n\n   .close {\n      flex: 0;\n      text-align: right;\n      padding: 5px;\n      padding-left: 10px;\n      cursor: pointer;\n   }\n\n   .message {\n      font-size: 13px;\n      font-weight: 400;\n      flex: 1;\n   }\n"], ["\n   width: 100%;\n   max-width: 450px;\n\n   @keyframes pulse {\n      from {\n         transform: scale3d(0, 0, 0);\n      }\n\n      90% {\n         transform: scale3d(1.1, 1.1, 1.1);\n      }\n\n      to {\n         transform: scale3d(1, 1, 1);\n      }\n   }\n\n   @keyframes pulse-out {\n      from {\n         transform: scale3d(1, 1, 1);\n      }\n\n      to {\n         transform: scale3d(0, 0, 0);\n      }\n   }\n\n   .ds-toast-container {\n      background: #202124;\n      color: #fff;\n      padding: 9px 20px;\n      border-radius: 10px;\n      border: none;\n      letter-spacing: 0.3px;\n      transition: all 400ms;\n      opacity: 0;\n      font-weight: 500;\n      margin-bottom: 9px;\n\n      &.opening {\n         transition: all 1ms;\n         animation-name: pulse;\n         animation-timing-function: ease-in-out;\n         animation-duration: 400ms; /* don't forget to set a duration! */\n         opacity: 1;\n      }\n\n      &.closing {\n         animation-name: pulse-out;\n         animation-timing-function: ease-in-out;\n         animation-duration: 400ms; /* don't forget to set a duration! */\n      }\n\n      &.error {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.danger {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.warning {\n         background: ", ";\n         color: ", ";\n      }\n\n      &.success {\n         background: ", ";\n         color: ", ";\n      }\n   }\n\n   .ds-toast {\n      display: flex;\n      justify-content: center;\n      align-self: center;\n      align-items: center;\n   }\n\n   .close {\n      flex: 0;\n      text-align: right;\n      padding: 5px;\n      padding-left: 10px;\n      cursor: pointer;\n   }\n\n   .message {\n      font-size: 13px;\n      font-weight: 400;\n      flex: 1;\n   }\n"])), function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.danger) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.danger; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.dangerTexTextInside) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.dangerTextInside; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.danger) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.danger; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.dangerTexTextInside) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.dangerTextInside; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.warning) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.warning; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.warningTexTextInside) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.warningTextInside; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.success) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.success; }, function (p) { var _a, _b; return (_b = (_a = p.theme) === null || _a === void 0 ? void 0 : _a.successTexTextInside) !== null && _b !== void 0 ? _b : theme_interface_1.ThemeDefault.successTextInside; });
var templateObject_1;
//# sourceMappingURL=Toast.style.js.map