@mailstep/design-system 0.1.19 → 0.1.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -3,11 +3,11 @@ import styled, { th } from '@xstyled/styled-components';
|
|
|
3
3
|
import { createRgba } from '../../utils/CreateRgba/createRgba.js';
|
|
4
4
|
import 'react';
|
|
5
5
|
|
|
6
|
-
var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed; /* Stay in place */\n z-index: 5;\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: ", ";\n text-align: center;\n @media print {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n height: auto !important;\n visibility: hidden;\n }\n"], ["\n position: fixed; /* Stay in place */\n z-index: 5;\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: ", ";\n text-align: center;\n @media print {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n height: auto !important;\n visibility: hidden;\n }\n"])), function (_a) {
|
|
6
|
+
var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed; /* Stay in place */\n z-index: 5;\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: ", ";\n text-align: center;\n @media print {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n height: auto !important;\n visibility: hidden;\n }\n @media (max-width: 576px) {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px 0;\n }\n"], ["\n position: fixed; /* Stay in place */\n z-index: 5;\n left: 0;\n top: 0;\n width: 100%; /* Full width */\n height: 100%; /* Full height */\n overflow: auto; /* Enable scroll if needed */\n background-color: ", ";\n text-align: center;\n @media print {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n height: auto !important;\n visibility: hidden;\n }\n @media (max-width: 576px) {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 16px 0;\n }\n"])), function (_a) {
|
|
7
7
|
var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;
|
|
8
8
|
return createRgba(backgroundColor, 0.6);
|
|
9
9
|
});
|
|
10
|
-
var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n margin: 100px auto 0 auto; /* Location of the box */\n padding: 0;\n border: 0;\n border-radius: 1rem;\n box-shadow: dialogShadow;\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n display: inline-block;\n position: relative;\n text-align: left;\n @media print {\n background-color: #fff;\n margin: 0;\n visibility: visible;\n overflow: visible;\n box-shadow: none;\n max-width: 100%;\n }\n\n @media (max-width: 576px) {\n margin:
|
|
10
|
+
var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n margin: 100px auto 0 auto; /* Location of the box */\n padding: 0;\n border: 0;\n border-radius: 1rem;\n box-shadow: dialogShadow;\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n display: inline-block;\n position: relative;\n text-align: left;\n @media print {\n background-color: #fff;\n margin: 0;\n visibility: visible;\n overflow: visible;\n box-shadow: none;\n max-width: 100%;\n }\n\n @media (max-width: 576px) {\n margin: auto;\n ", ";\n }\n"], ["\n background-color: ", ";\n margin: 100px auto 0 auto; /* Location of the box */\n padding: 0;\n border: 0;\n border-radius: 1rem;\n box-shadow: dialogShadow;\n min-width: ", ";\n max-width: ", ";\n min-height: ", ";\n max-height: ", ";\n display: inline-block;\n position: relative;\n text-align: left;\n @media print {\n background-color: #fff;\n margin: 0;\n visibility: visible;\n overflow: visible;\n box-shadow: none;\n max-width: 100%;\n }\n\n @media (max-width: 576px) {\n margin: auto;\n ", ";\n }\n"])), function (_a) {
|
|
11
11
|
var $whiteBg = _a.$whiteBg;
|
|
12
12
|
return ($whiteBg ? th.color('white') : '#fefefe');
|
|
13
13
|
}, function (_a) {
|
|
@@ -24,18 +24,18 @@ var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemp
|
|
|
24
24
|
return $maxHeight || 'auto';
|
|
25
25
|
}, function (_a) {
|
|
26
26
|
var $mobileFullscreen = _a.$mobileFullscreen;
|
|
27
|
-
return $mobileFullscreen &&
|
|
27
|
+
return $mobileFullscreen && 'border-radius: 0; max-width: 100% !important;';
|
|
28
28
|
});
|
|
29
29
|
var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n justify-content: space-between;\n padding: 30px;\n padding-bottom: ", ";\n\n @media (max-width: 576px) {\n padding: 18px;\n border-bottom: 1px solid ", ";\n }\n"], ["\n display: flex;\n justify-content: space-between;\n padding: 30px;\n padding-bottom: ", ";\n\n @media (max-width: 576px) {\n padding: 18px;\n border-bottom: 1px solid ", ";\n }\n"])), function (_a) {
|
|
30
30
|
var topSpace = _a.topSpace;
|
|
31
31
|
return topSpace;
|
|
32
32
|
}, th.color('lightGray6'));
|
|
33
|
-
var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 30px;\n padding-top: ", ";\n\n @media (max-width: 576px) {\n padding: ", ";\n font-size: 16px;\n line-height: 1.4;\n }\n
|
|
33
|
+
var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n padding: 30px;\n padding-top: ", ";\n\n @media (max-width: 576px) {\n padding: ", ";\n font-size: 16px;\n line-height: 1.4;\n }\n"], ["\n padding: 30px;\n padding-top: ", ";\n\n @media (max-width: 576px) {\n padding: ", ";\n font-size: 16px;\n line-height: 1.4;\n }\n"])), function (_a) {
|
|
34
34
|
var topSpace = _a.topSpace;
|
|
35
35
|
return topSpace;
|
|
36
36
|
}, function (_a) {
|
|
37
37
|
var $mobileFullscreen = _a.$mobileFullscreen;
|
|
38
|
-
return $mobileFullscreen ? '0' : '18px';
|
|
38
|
+
return ($mobileFullscreen ? '0' : '18px');
|
|
39
39
|
});
|
|
40
40
|
var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: flex;\n flex-flow: row;\n align-items: center;\n > div:first-of-type {\n margin-right: 0.5em;\n display: block;\n }\n\n .icon {\n font-size: 24px;\n margin-right: 15px;\n display: flex;\n\n @media (max-width: 576px) {\n font-size: 18px;\n margin-right: 12px;\n }\n }\n"], ["\n display: flex;\n flex-flow: row;\n align-items: center;\n > div:first-of-type {\n margin-right: 0.5em;\n display: block;\n }\n\n .icon {\n font-size: 24px;\n margin-right: 15px;\n display: flex;\n\n @media (max-width: 576px) {\n font-size: 18px;\n margin-right: 12px;\n }\n }\n"])));
|
|
41
41
|
var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n color: typoPrimary;\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n\n @media (max-width: 576px) {\n font-size: 18px;\n line-height: 18px;\n }\n"], ["\n color: typoPrimary;\n margin: 0;\n font-size: 24px;\n line-height: 28px;\n font-weight: 700;\n\n @media (max-width: 576px) {\n font-size: 18px;\n line-height: 18px;\n }\n"])));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/Modal/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n\"], [\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n\"])), function (_a) {\n var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;\n return createRgba(backgroundColor, 0.6);\n});\nexport var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: 20% auto 50px auto;\\n \", \"\\n }\\n\"], [\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: 20% auto 50px auto;\\n \", \"\\n }\\n\"])), function (_a) {\n var $whiteBg = _a.$whiteBg;\n return ($whiteBg ? th.color('white') : '#fefefe');\n}, function (_a) {\n var $minWidth = _a.$minWidth;\n return $minWidth || '10%';\n}, function (_a) {\n var $maxWidth = _a.$maxWidth;\n return $maxWidth || 'calc(100% - 32px)';\n}, function (_a) {\n var $minHeight = _a.$minHeight;\n return $minHeight || 'auto';\n}, function (_a) {\n var $maxHeight = _a.$maxHeight;\n return $maxHeight || 'auto';\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return $mobileFullscreen && \"border-radius: 0; max-width: 100% !important;\";\n});\nexport var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"], [\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, th.color('lightGray6'));\nexport var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n \\n \\n\"], [\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n \\n \\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return $mobileFullscreen ? '0' : '18px';\n});\nexport var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"], [\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"])));\nexport var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"], [\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"])));\nexport var ButtonsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"], [\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"])));\nexport var CloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"], [\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"styles.js","sources":["../../../../packages/ui/Blocks/Modal/styles.ts"],"sourcesContent":["import { __makeTemplateObject } from \"tslib\";\nimport styled, { th } from '@xstyled/styled-components';\nimport { createRgba } from '../../utils';\nexport var DialogOverlay = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject([\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n @media (max-width: 576px) {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 16px 0;\\n }\\n\"], [\"\\n position: fixed; /* Stay in place */\\n z-index: 5;\\n left: 0;\\n top: 0;\\n width: 100%; /* Full width */\\n height: 100%; /* Full height */\\n overflow: auto; /* Enable scroll if needed */\\n background-color: \", \";\\n text-align: center;\\n @media print {\\n position: absolute !important;\\n left: 0 !important;\\n top: 0 !important;\\n height: auto !important;\\n visibility: hidden;\\n }\\n @media (max-width: 576px) {\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n padding: 16px 0;\\n }\\n\"])), function (_a) {\n var _b = _a.backgroundColor, backgroundColor = _b === void 0 ? 'blue2' : _b;\n return createRgba(backgroundColor, 0.6);\n});\nexport var DialogWindow = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject([\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: auto;\\n \", \";\\n }\\n\"], [\"\\n background-color: \", \";\\n margin: 100px auto 0 auto; /* Location of the box */\\n padding: 0;\\n border: 0;\\n border-radius: 1rem;\\n box-shadow: dialogShadow;\\n min-width: \", \";\\n max-width: \", \";\\n min-height: \", \";\\n max-height: \", \";\\n display: inline-block;\\n position: relative;\\n text-align: left;\\n @media print {\\n background-color: #fff;\\n margin: 0;\\n visibility: visible;\\n overflow: visible;\\n box-shadow: none;\\n max-width: 100%;\\n }\\n\\n @media (max-width: 576px) {\\n margin: auto;\\n \", \";\\n }\\n\"])), function (_a) {\n var $whiteBg = _a.$whiteBg;\n return ($whiteBg ? th.color('white') : '#fefefe');\n}, function (_a) {\n var $minWidth = _a.$minWidth;\n return $minWidth || '10%';\n}, function (_a) {\n var $maxWidth = _a.$maxWidth;\n return $maxWidth || 'calc(100% - 32px)';\n}, function (_a) {\n var $minHeight = _a.$minHeight;\n return $minHeight || 'auto';\n}, function (_a) {\n var $maxHeight = _a.$maxHeight;\n return $maxHeight || 'auto';\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return $mobileFullscreen && 'border-radius: 0; max-width: 100% !important;';\n});\nexport var HeaderContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject([\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"], [\"\\n display: flex;\\n justify-content: space-between;\\n padding: 30px;\\n padding-bottom: \", \";\\n\\n @media (max-width: 576px) {\\n padding: 18px;\\n border-bottom: 1px solid \", \";\\n }\\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, th.color('lightGray6'));\nexport var ContentContainer = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject([\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n\"], [\"\\n padding: 30px;\\n padding-top: \", \";\\n\\n @media (max-width: 576px) {\\n padding: \", \";\\n font-size: 16px;\\n line-height: 1.4;\\n }\\n\"])), function (_a) {\n var topSpace = _a.topSpace;\n return topSpace;\n}, function (_a) {\n var $mobileFullscreen = _a.$mobileFullscreen;\n return ($mobileFullscreen ? '0' : '18px');\n});\nexport var TitleContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject([\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"], [\"\\n display: flex;\\n flex-flow: row;\\n align-items: center;\\n > div:first-of-type {\\n margin-right: 0.5em;\\n display: block;\\n }\\n\\n .icon {\\n font-size: 24px;\\n margin-right: 15px;\\n display: flex;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n margin-right: 12px;\\n }\\n }\\n\"])));\nexport var H4 = styled.h4(templateObject_6 || (templateObject_6 = __makeTemplateObject([\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"], [\"\\n color: typoPrimary;\\n margin: 0;\\n font-size: 24px;\\n line-height: 28px;\\n font-weight: 700;\\n\\n @media (max-width: 576px) {\\n font-size: 18px;\\n line-height: 18px;\\n }\\n\"])));\nexport var ButtonsContainer = styled.div(templateObject_7 || (templateObject_7 = __makeTemplateObject([\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"], [\"\\n padding: 1.5rem;\\n text-align: right;\\n > * {\\n margin: 0 0.5em;\\n }\\n\\n @media (max-width: 576px) {\\n display: flex;\\n justify-content: space-around;\\n padding: 32px 18px 18px;\\n\\n > * {\\n margin: 0;\\n }\\n }\\n\"])));\nexport var CloseButton = styled.div(templateObject_8 || (templateObject_8 = __makeTemplateObject([\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"], [\"\\n cursor: pointer;\\n display: flex;\\n align-items: center;\\n justify-content: center;\\n position: absolute;\\n z-index: 1;\\n top: 32px;\\n right: 24px;\\n\\n @media (max-width: 576px) {\\n padding: 0;\\n width: 32px;\\n height: 32px;\\n background-color: bgLightGray1;\\n border-radius: 50%;\\n top: 12px;\\n right: 12px;\\n }\\n\"])));\nvar templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;\n//# sourceMappingURL=styles.js.map"],"names":[],"mappings":"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"}
|