@crystaldesign/content-box 24.12.0 → 24.12.1
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/build/esm/{index-bf0143f3.js → index-66a34f6b.js} +2 -2
- package/build/esm/{index-f9a6bc5a.js → index-8d227a57.js} +25 -25
- package/build/esm/index-aed05ec2.js +60 -0
- package/build/esm/{index-659e7dfe.js → index-bbb54ad1.js} +2 -2
- package/build/esm/{index-cddc138d.js → index-be90ba24.js} +2 -2
- package/build/esm/{index-860ae969.js → index-e0bf9b8e.js} +4 -4
- package/build/esm/{index-f801d11e.js → index-feb5ef8b.js} +3 -3
- package/build/esm/index.js +1 -1
- package/build/esm/{zoom.module-7733ebfb.js → zoom.module-617dc6d7.js} +3 -3
- package/build/umd/158.content-box.umd.min.js +2 -0
- package/build/umd/158.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/231.content-box.umd.min.js +2 -0
- package/build/umd/231.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/244.content-box.umd.min.js +2 -0
- package/build/umd/244.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/36.content-box.umd.min.js +2 -0
- package/build/umd/36.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/{944.content-box.umd.min.js → 366.content-box.umd.min.js} +2 -2
- package/build/umd/{944.content-box.umd.min.js.LICENSE.txt → 366.content-box.umd.min.js.LICENSE.txt} +1 -1
- package/build/umd/495.content-box.umd.min.js +2 -0
- package/build/umd/495.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/62.content-box.umd.min.js +2 -0
- package/build/umd/62.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/630.content-box.umd.min.js +2 -0
- package/build/umd/630.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/633.content-box.umd.min.js +2 -0
- package/build/umd/633.content-box.umd.min.js.LICENSE.txt +1 -0
- package/build/umd/{721.content-box.umd.min.js → 745.content-box.umd.min.js} +3 -3
- package/build/umd/{721.content-box.umd.min.js.LICENSE.txt → 745.content-box.umd.min.js.LICENSE.txt} +1 -1
- package/build/umd/content-box.umd.min.js +1 -1
- package/build/umd/report.html +1 -1
- package/package.json +2 -2
- package/build/esm/index-f58593d3.js +0 -60
- package/build/umd/145.content-box.umd.min.js +0 -2
- package/build/umd/145.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/163.content-box.umd.min.js +0 -2
- package/build/umd/163.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/182.content-box.umd.min.js +0 -2
- package/build/umd/182.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/266.content-box.umd.min.js +0 -2
- package/build/umd/266.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/28.content-box.umd.min.js +0 -2
- package/build/umd/28.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/337.content-box.umd.min.js +0 -2
- package/build/umd/337.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/467.content-box.umd.min.js +0 -2
- package/build/umd/467.content-box.umd.min.js.LICENSE.txt +0 -1
- package/build/umd/535.content-box.umd.min.js +0 -2
- package/build/umd/535.content-box.umd.min.js.LICENSE.txt +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
2
|
-
import { s as styleInject } from './index-
|
|
2
|
+
import { s as styleInject } from './index-8d227a57.js';
|
|
3
3
|
import { useState } from 'react';
|
|
4
4
|
import { useDivaCore, useTranslation } from '@crystaldesign/diva-core';
|
|
5
5
|
import QRCode from 'react-qr-code';
|
|
@@ -24,7 +24,7 @@ var arMessage = "ar-message-zKBdY";
|
|
|
24
24
|
var qrCode = "qr-code-TQTqE";
|
|
25
25
|
var closingIcon = "closing-icon-XDdcy";
|
|
26
26
|
var textBox = "text-box-rZjH8";
|
|
27
|
-
var css_248z = ".ar-message-zKBdY {\n position: absolute;\n bottom: 10px;\n right: 0px;\n left: 0px;\n margin-left: auto;\n margin-right: auto;\n width: 361px;\n height: 90px;\n margin-bottom: 10px;\n display: flex;\n flex-direction: row;\n gap: 10px;\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\n border-radius: 0.3rem;\n padding-left: 5px;\n padding-right: 5px;\n align-items: center;\n gap: 10px;\n}\n\n.qr-code-TQTqE {\n width: 80px;\n height: 80px;\n}\n\n.closing-icon-XDdcy {\n position: absolute;\n cursor: pointer;\n top: 7px;\n right: 7px;\n width: 12px;\n height: 12px;\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n background-repeat: no-repeat;\n z-index: 1;\n}\n\n.text-box-rZjH8 {\n width: 250px;\n height: 80px;\n word-wrap: break-word;\n font-family: var(--diva-typography-font-family);\n}\n";
|
|
27
|
+
var css_248z = ".ar-message-zKBdY {\r\n position: absolute;\r\n bottom: 10px;\r\n right: 0px;\r\n left: 0px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n width: 361px;\r\n height: 90px;\r\n margin-bottom: 10px;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 10px;\r\n box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0.75rem 0.15rem;\r\n border-radius: 0.3rem;\r\n padding-left: 5px;\r\n padding-right: 5px;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n\r\n.qr-code-TQTqE {\r\n width: 80px;\r\n height: 80px;\r\n}\r\n\r\n.closing-icon-XDdcy {\r\n position: absolute;\r\n cursor: pointer;\r\n top: 7px;\r\n right: 7px;\r\n width: 12px;\r\n height: 12px;\r\n background-image: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%228%22 viewBox%3D%220 0 8 8%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M6.99998 1.13477L1 7.13475M6.99998 7.13477L1 1.13479%22 stroke%3D%22%23B6B6B7%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n background-repeat: no-repeat;\r\n z-index: 1;\r\n}\r\n\r\n.text-box-rZjH8 {\r\n width: 250px;\r\n height: 80px;\r\n word-wrap: break-word;\r\n font-family: var(--diva-typography-font-family);\r\n}\r\n";
|
|
28
28
|
styleInject(css_248z);
|
|
29
29
|
|
|
30
30
|
if (!window.customElements.get('model-viewer')) {
|
|
@@ -74,7 +74,7 @@ function styleInject(css, ref) {
|
|
|
74
74
|
|
|
75
75
|
var wrapper$3 = "wrapper-664fl";
|
|
76
76
|
var icon$1 = "icon-esCB2";
|
|
77
|
-
var css_248z$i = ".wrapper-664fl {\n display: flex;\n align-items: center;\n margin: 6px 12px;\n gap: 6px;\n}\n\n.icon-esCB2 {\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22334.371px%22 height%3D%22380.563px%22 viewBox%3D%220 0 334.371 380.563%22 enable-background%3D%22new 0 0 334.371 380.563%22%09 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22icon_PDF_file%22%3E%09%3Cg id%3D%22contour_1%22%3E%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M201.186%2C31.99l73.46%2C73.393v243.264H59.791V31.99H201.186 M207.809%2C15.99H43.791v348.657h246.854V98.75L207.809%2C15.99%09%09%09L207.809%2C15.99z%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22contour_2%22%3E%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 206.309%2C25.8 206.309%2C100.327 280.904%2C100.327 %09%09%09282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M198.309%2C31.99v60.337v16h16h60.337v240.32H59.791V31.99H198.309 M207.809%2C15.99H43.791v348.657h246.854V98.75%09%09%09l-6.43-6.424h-69.907V22.484L207.809%2C15.99L207.809%2C15.99z%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22triangle%22%3E%09%09%3Cpolygon points%3D%22219.643%2C87.75 219.643%2C48.667 258.309%2C86.38 258.309%2C87.75 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M227.643%2C67.646l12.41%2C12.104h-12.41V67.646 M222.641%2C40.417h-10.998V95.75h54.666V83.008L222.641%2C40.417L222.641%2C40.417z%09%09%09%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22red_square%22%3E%09%09%3Cpolygon fill%3D%22%23ED1C24%22 points%3D%2222.544%2C284.49 22.544%2C167.682 37.291%2C152.935 37.291%2C171.489 297.146%2C171.489 297.146%2C152.935 %09%09%09311.893%2C167.682 311.893%2C284.49 %09%09%22%2F%3E%09%09%3Cpath fill%3D%22%23ED1C24%22 d%3D%22M303.646%2C168.627l1.747%2C1.747V277.99H29.044V170.374l1.747-1.747v9.362h13h246.854h13V168.627%09%09%09 M290.646%2C137.242v27.747H43.791v-27.747l-27.747%2C27.747V290.99h302.349V164.989L290.646%2C137.242L290.646%2C137.242z%22%2F%3E%09%3C%2Fg%3E%09%3Crect x%3D%2252.096%22 y%3D%22189.324%22 fill%3D%22none%22 width%3D%22232.826%22 height%3D%2287.834%22%2F%3E%09%3Ctext transform%3D%22matrix(1 0 0 1 52.0957 271.6621)%22 fill%3D%22%23FFFFFF%22 font-family%3D%22DejaVu Sans%22 font-weight%3D%22bold%22 font-size%3D%22105%22%3EPDF%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-size: contain;\n background-repeat: no-repeat;\n}\n";
|
|
77
|
+
var css_248z$i = ".wrapper-664fl {\r\n display: flex;\r\n align-items: center;\r\n margin: 6px 12px;\r\n gap: 6px;\r\n}\r\n\r\n.icon-esCB2 {\r\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 width%3D%22334.371px%22 height%3D%22380.563px%22 viewBox%3D%220 0 334.371 380.563%22 enable-background%3D%22new 0 0 334.371 380.563%22%0D%09 xml%3Aspace%3D%22preserve%22%3E%0D%3Cg id%3D%22icon_PDF_file%22%3E%0D%09%3Cg id%3D%22contour_1%22%3E%0D%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M201.186%2C31.99l73.46%2C73.393v243.264H59.791V31.99H201.186 M207.809%2C15.99H43.791v348.657h246.854V98.75L207.809%2C15.99%0D%09%09%09L207.809%2C15.99z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22contour_2%22%3E%0D%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 206.309%2C25.8 206.309%2C100.327 280.904%2C100.327 %0D%09%09%09282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M198.309%2C31.99v60.337v16h16h60.337v240.32H59.791V31.99H198.309 M207.809%2C15.99H43.791v348.657h246.854V98.75%0D%09%09%09l-6.43-6.424h-69.907V22.484L207.809%2C15.99L207.809%2C15.99z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22triangle%22%3E%0D%09%09%3Cpolygon points%3D%22219.643%2C87.75 219.643%2C48.667 258.309%2C86.38 258.309%2C87.75 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M227.643%2C67.646l12.41%2C12.104h-12.41V67.646 M222.641%2C40.417h-10.998V95.75h54.666V83.008L222.641%2C40.417L222.641%2C40.417z%0D%09%09%09%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22red_square%22%3E%0D%09%09%3Cpolygon fill%3D%22%23ED1C24%22 points%3D%2222.544%2C284.49 22.544%2C167.682 37.291%2C152.935 37.291%2C171.489 297.146%2C171.489 297.146%2C152.935 %0D%09%09%09311.893%2C167.682 311.893%2C284.49 %09%09%22%2F%3E%0D%09%09%3Cpath fill%3D%22%23ED1C24%22 d%3D%22M303.646%2C168.627l1.747%2C1.747V277.99H29.044V170.374l1.747-1.747v9.362h13h246.854h13V168.627%0D%09%09%09 M290.646%2C137.242v27.747H43.791v-27.747l-27.747%2C27.747V290.99h302.349V164.989L290.646%2C137.242L290.646%2C137.242z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Crect x%3D%2252.096%22 y%3D%22189.324%22 fill%3D%22none%22 width%3D%22232.826%22 height%3D%2287.834%22%2F%3E%0D%09%3Ctext transform%3D%22matrix(1 0 0 1 52.0957 271.6621)%22 fill%3D%22%23FFFFFF%22 font-family%3D%22DejaVu Sans%22 font-weight%3D%22bold%22 font-size%3D%22105%22%3EPDF%3C%2Ftext%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E\");\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n}\r\n";
|
|
78
78
|
styleInject(css_248z$i);
|
|
79
79
|
|
|
80
80
|
var PDF = function PDF(_ref) {
|
|
@@ -113,18 +113,18 @@ var variantsWrapper$1 = "variants-wrapper-jFu0Y";
|
|
|
113
113
|
var right = "right-4TZwV";
|
|
114
114
|
var left$1 = "left-5ViYX";
|
|
115
115
|
var variantsInInfoWrapper = "variants-in-info-wrapper-4vTcs";
|
|
116
|
-
var css_248z$h = ".pdp-wrapper-qWbzb {\n width: 100%;\n height: 100%;\n position: relative;\n font-family: var(--diva-typography-font-family);\n}\n\n.pdp-scroller-SBMN1 {\n width: 100%;\n height: 100%;\n overflow-y: auto;\n}\n\n.pdp-splitter-qTYDV {\n width: 100%;\n height: 100%;\n display: flex;\n}\n\n.pdp-splitter-qTYDV > div:nth-child(1) {\n width: calc(60% - 16px);\n margin-right: 16px;\n transition: width 0.3s ease;\n}\n.pdp-splitter-qTYDV > div:nth-child(2) {\n width: 40%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n transition: width 0.3s ease;\n}\n\n.in-function-gR9tP .pdp-splitter-qTYDV > div:nth-child(1) {\n width: calc(30% - 16px);\n margin-right: 16px;\n}\n.in-function-gR9tP .pdp-splitter-qTYDV > div:nth-child(2) {\n width: 70%;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n}\n\n.desktop-info-wrapper-Kw2XW {\n position: relative;\n padding-bottom: 70px;\n}\n\n.variants-wrapper-jFu0Y {\n width: 100%;\n position: absolute;\n}\n\n.variants-wrapper-jFu0Y > div {\n position: absolute;\n z-index: 100;\n display: flex;\n flex-direction: row;\n gap: 5px;\n top: 20px;\n}\n\n.variants-wrapper-jFu0Y.right-4TZwV > div {\n right: 16px;\n top: 70px;\n}\n\n.variants-wrapper-jFu0Y.left-5ViYX > div {\n left: 16px;\n}\n\n.variants-in-info-wrapper-4vTcs {\n overflow: auto;\n}\n\n.variants-in-info-wrapper-4vTcs span {\n width: 42px;\n height: 42px;\n margin-bottom: 12px;\n}\n";
|
|
116
|
+
var css_248z$h = ".pdp-wrapper-qWbzb {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n font-family: var(--diva-typography-font-family);\r\n}\r\n\r\n.pdp-scroller-SBMN1 {\r\n width: 100%;\r\n height: 100%;\r\n overflow-y: auto;\r\n}\r\n\r\n.pdp-splitter-qTYDV {\r\n width: 100%;\r\n height: 100%;\r\n display: flex;\r\n}\r\n\r\n.pdp-splitter-qTYDV > div:nth-child(1) {\r\n width: calc(60% - 16px);\r\n margin-right: 16px;\r\n transition: width 0.3s ease;\r\n}\r\n.pdp-splitter-qTYDV > div:nth-child(2) {\r\n width: 40%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n transition: width 0.3s ease;\r\n}\r\n\r\n.in-function-gR9tP .pdp-splitter-qTYDV > div:nth-child(1) {\r\n width: calc(30% - 16px);\r\n margin-right: 16px;\r\n}\r\n.in-function-gR9tP .pdp-splitter-qTYDV > div:nth-child(2) {\r\n width: 70%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: flex-start;\r\n}\r\n\r\n.desktop-info-wrapper-Kw2XW {\r\n position: relative;\r\n padding-bottom: 70px;\r\n}\r\n\r\n.variants-wrapper-jFu0Y {\r\n width: 100%;\r\n position: absolute;\r\n}\r\n\r\n.variants-wrapper-jFu0Y > div {\r\n position: absolute;\r\n z-index: 100;\r\n display: flex;\r\n flex-direction: row;\r\n gap: 5px;\r\n top: 20px;\r\n}\r\n\r\n.variants-wrapper-jFu0Y.right-4TZwV > div {\r\n right: 16px;\r\n top: 70px;\r\n}\r\n\r\n.variants-wrapper-jFu0Y.left-5ViYX > div {\r\n left: 16px;\r\n}\r\n\r\n.variants-in-info-wrapper-4vTcs {\r\n overflow: auto;\r\n}\r\n\r\n.variants-in-info-wrapper-4vTcs span {\r\n width: 42px;\r\n height: 42px;\r\n margin-bottom: 12px;\r\n}\r\n";
|
|
117
117
|
styleInject(css_248z$h);
|
|
118
118
|
|
|
119
119
|
var headerWrapper = "header-wrapper-3U1SO";
|
|
120
120
|
var infoIcon = "info-icon-JiM5P";
|
|
121
|
-
var css_248z$g = ".diva-product-wrapper {\n height: 100%;\n width: 100%;\n position: relative;\n}\n.header-wrapper-3U1SO {\n display: flex;\n justify-content: flex-end;\n position: absolute;\n top: 0;\n width: calc(100% - 58px);\n margin-top: 15px;\n margin-left: 8px;\n z-index: 100;\n}\n.header-wrapper-3U1SO > div:first-child {\n flex-basis: 100%;\n}\n\n.info-icon-JiM5P {\n width: 32px;\n height: 32px;\n margin-right: 16px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9.25 15C9.25 15.4142 9.58579 15.75 10 15.75C10.4142 15.75 10.75 15.4142 10.75 15H9.25ZM10.75 8C10.75 7.58579 10.4142 7.25 10 7.25C9.58579 7.25 9.25 7.58579 9.25 8H10.75ZM9.25 5.00996C9.25 5.42418 9.58579 5.75996 10 5.75996C10.4142 5.75996 10.75 5.42418 10.75 5.00996H9.25ZM10.75 4.99997C10.75 4.58576 10.4142 4.24997 10 4.24997C9.58579 4.24997 9.25 4.58576 9.25 4.99997H10.75ZM10.75 15L10.75 8H9.25L9.25 15H10.75ZM10.75 5.00996V4.99997H9.25V5.00996H10.75ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25V19.75C15.3848 19.75 19.75 15.3848 19.75 10H18.25ZM10 18.25C5.44365 18.25 1.75 14.5563 1.75 10H0.25C0.25 15.3848 4.61522 19.75 10 19.75V18.25ZM1.75 10C1.75 5.44365 5.44365 1.75 10 1.75V0.25C4.61522 0.25 0.25 4.61522 0.25 10H1.75ZM10 1.75C14.5563 1.75 18.25 5.44365 18.25 10H19.75C19.75 4.61522 15.3848 0.25 10 0.25V1.75Z%22 fill%3D%22%234F4F4F%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
121
|
+
var css_248z$g = ".diva-product-wrapper {\r\n height: 100%;\r\n width: 100%;\r\n position: relative;\r\n}\r\n.header-wrapper-3U1SO {\r\n display: flex;\r\n justify-content: flex-end;\r\n position: absolute;\r\n top: 0;\r\n width: calc(100% - 58px);\r\n margin-top: 15px;\r\n margin-left: 8px;\r\n z-index: 100;\r\n}\r\n.header-wrapper-3U1SO > div:first-child {\r\n flex-basis: 100%;\r\n}\r\n\r\n.info-icon-JiM5P {\r\n width: 32px;\r\n height: 32px;\r\n margin-right: 16px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M9.25 15C9.25 15.4142 9.58579 15.75 10 15.75C10.4142 15.75 10.75 15.4142 10.75 15H9.25ZM10.75 8C10.75 7.58579 10.4142 7.25 10 7.25C9.58579 7.25 9.25 7.58579 9.25 8H10.75ZM9.25 5.00996C9.25 5.42418 9.58579 5.75996 10 5.75996C10.4142 5.75996 10.75 5.42418 10.75 5.00996H9.25ZM10.75 4.99997C10.75 4.58576 10.4142 4.24997 10 4.24997C9.58579 4.24997 9.25 4.58576 9.25 4.99997H10.75ZM10.75 15L10.75 8H9.25L9.25 15H10.75ZM10.75 5.00996V4.99997H9.25V5.00996H10.75ZM18.25 10C18.25 14.5563 14.5563 18.25 10 18.25V19.75C15.3848 19.75 19.75 15.3848 19.75 10H18.25ZM10 18.25C5.44365 18.25 1.75 14.5563 1.75 10H0.25C0.25 15.3848 4.61522 19.75 10 19.75V18.25ZM1.75 10C1.75 5.44365 5.44365 1.75 10 1.75V0.25C4.61522 0.25 0.25 4.61522 0.25 10H1.75ZM10 1.75C14.5563 1.75 18.25 5.44365 18.25 10H19.75C19.75 4.61522 15.3848 0.25 10 0.25V1.75Z%22 fill%3D%22%234F4F4F%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
|
|
122
122
|
styleInject(css_248z$g);
|
|
123
123
|
|
|
124
124
|
var headerContainer = "header-container-Z01So";
|
|
125
125
|
var marginLeft = "margin-left-G-1uJ";
|
|
126
126
|
var price$1 = "price-4kAy0";
|
|
127
|
-
var css_248z$f = ".header-container-Z01So {\n z-index: 10;\n color: #4b4b4b;\n margin-bottom: 32px;\n width: calc(100% - 60px);\n}\n.header-container-Z01So.margin-left-G-1uJ {\n margin-left: 54px;\n width: calc(100% - 114px);\n}\n.header-container-Z01So h2 {\n line-height: 26px;\n margin-top: 0px;\n margin-bottom: 8px;\n}\n\n.price-4kAy0 {\n font-weight: normal;\n font-size: 18px;\n line-height: 28px;\n}\n";
|
|
127
|
+
var css_248z$f = ".header-container-Z01So {\r\n z-index: 10;\r\n color: #4b4b4b;\r\n margin-bottom: 32px;\r\n width: calc(100% - 60px);\r\n}\r\n.header-container-Z01So.margin-left-G-1uJ {\r\n margin-left: 54px;\r\n width: calc(100% - 114px);\r\n}\r\n.header-container-Z01So h2 {\r\n line-height: 26px;\r\n margin-top: 0px;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.price-4kAy0 {\r\n font-weight: normal;\r\n font-size: 18px;\r\n line-height: 28px;\r\n}\r\n";
|
|
128
128
|
styleInject(css_248z$f);
|
|
129
129
|
|
|
130
130
|
var _excluded$4 = ["product", "marginLeftHeader"];
|
|
@@ -155,14 +155,14 @@ var Header$1 = observer(Header);
|
|
|
155
155
|
var infoWrapper = "info-wrapper-UDcc4";
|
|
156
156
|
var technicalDesc = "technical-desc-p1WXF";
|
|
157
157
|
var pContainer = "p-container-Lwhnp";
|
|
158
|
-
var css_248z$e = ".info-wrapper-UDcc4 {\n width: 100%;\n position: relative;\n flex-basis: 100%;\n overflow: hidden;\n}\n\n.technical-desc-p1WXF {\n font-weight: normal;\n font-size: 14px;\n color: #8f8f8f;\n}\n\n.p-container-Lwhnp {\n width: 100%;\n height: -moz-fit-content;\n height: fit-content;\n max-height: calc(100% - 40px);\n overflow: auto;\n}\n\np.p-container-Lwhnp p:first-child {\n margin-top: 0;\n}\n";
|
|
158
|
+
var css_248z$e = ".info-wrapper-UDcc4 {\r\n width: 100%;\r\n position: relative;\r\n flex-basis: 100%;\r\n overflow: hidden;\r\n}\r\n\r\n.technical-desc-p1WXF {\r\n font-weight: normal;\r\n font-size: 14px;\r\n color: #8f8f8f;\r\n}\r\n\r\n.p-container-Lwhnp {\r\n width: 100%;\r\n height: -moz-fit-content;\r\n height: fit-content;\r\n max-height: calc(100% - 40px);\r\n overflow: auto;\r\n}\r\n\r\np.p-container-Lwhnp p:first-child {\r\n margin-top: 0;\r\n}\r\n";
|
|
159
159
|
styleInject(css_248z$e);
|
|
160
160
|
|
|
161
161
|
var wrapper$2 = "wrapper-032sJ";
|
|
162
162
|
var row = "row-f-nQk";
|
|
163
163
|
var colum = "colum-9xbAO";
|
|
164
164
|
var textWrapper = "text-wrapper-WvpyS";
|
|
165
|
-
var css_248z$d = ".wrapper-032sJ {\n width: 100%;\n padding: 12px;\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow: auto;\n font-size: 12px;\n position: relative;\n height: 100%;\n}\n\n.row-f-nQk {\n display: flex;\n flex-direction: row;\n gap: 0px;\n align-items: center;\n border-bottom: 1px solid lightgrey;\n justify-content: space-between;\n padding: 10px;\n max-width: 100%;\n}\n\n.row-f-nQk img {\n margin-left: 12px;\n width: 120px;\n height: auto;\n}\n.colum-9xbAO {\n display: flex;\n align-items: center;\n gap: 10px;\n}\n.colum-9xbAO img {\n width: 50px;\n height: 50px;\n}\n\n.text-wrapper-WvpyS {\n display: flex;\n flex-direction: column;\n gap: 5px;\n width: 150px;\n}\n";
|
|
165
|
+
var css_248z$d = ".wrapper-032sJ {\r\n width: 100%;\r\n padding: 12px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-start;\r\n overflow: auto;\r\n font-size: 12px;\r\n position: relative;\r\n height: 100%;\r\n}\r\n\r\n.row-f-nQk {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 0px;\r\n align-items: center;\r\n border-bottom: 1px solid lightgrey;\r\n justify-content: space-between;\r\n padding: 10px;\r\n max-width: 100%;\r\n}\r\n\r\n.row-f-nQk img {\r\n margin-left: 12px;\r\n width: 120px;\r\n height: auto;\r\n}\r\n.colum-9xbAO {\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n}\r\n.colum-9xbAO img {\r\n width: 50px;\r\n height: 50px;\r\n}\r\n\r\n.text-wrapper-WvpyS {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n width: 150px;\r\n}\r\n";
|
|
166
166
|
styleInject(css_248z$d);
|
|
167
167
|
|
|
168
168
|
var Functions = function Functions(_ref) {
|
|
@@ -210,7 +210,7 @@ var _excluded$3 = ["pdpState"];
|
|
|
210
210
|
function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
211
211
|
function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
212
212
|
var Checkpoint = /*#__PURE__*/React.lazy(function () {
|
|
213
|
-
return import('./index-
|
|
213
|
+
return import('./index-feb5ef8b.js');
|
|
214
214
|
});
|
|
215
215
|
var InfoSlider = function InfoSlider(_ref) {
|
|
216
216
|
var _pdpState$infoTabs$ma, _pdpState$infoTabs;
|
|
@@ -292,7 +292,7 @@ var rotationWrapper = "rotation-wrapper-MryZM";
|
|
|
292
292
|
var rotationIcon = "rotation-icon-10luP";
|
|
293
293
|
var rotationText = "rotation-text-N7GQl";
|
|
294
294
|
var hide = "hide-39OOm";
|
|
295
|
-
var css_248z$c = ".rotation-wrapper-MryZM {\n right: 0;\n position: absolute;\n margin-right: 24px;\n margin-top: 24px;\n display: flex;\n z-index: 100;\n}\n\n.rotation-icon-10luP {\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%221%22 y%3D%2220%22 width%3D%2210.1704%22 height%3D%2215.6467%22 rx%3D%223%22 transform%3D%22rotate(-90 1 20)%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22%2F%3E%3Cpath d%3D%22M18.9985 16.9904L18.9985 4.34375C18.9985 2.6869 17.6553 1.34375 15.9985 1.34375L11.8281 1.34375C10.1713 1.34375 8.82813 2.68689 8.82813 4.34375L8.82813 9.1671%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M6 4C3.79086 4 2 5.79086 2 8%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M5.2909 5.64514L6.62891 4.26953L5.2909 2.89392%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n z-index: 100;\n}\n\n.rotation-text-N7GQl {\n transition: opacity 0.4s ease;\n opacity: 1;\n margin-right: 16px;\n line-height: 32px;\n}\n\n.hide-39OOm {\n opacity: 0;\n}\n";
|
|
295
|
+
var css_248z$c = ".rotation-wrapper-MryZM {\r\n right: 0;\r\n position: absolute;\r\n margin-right: 24px;\r\n margin-top: 24px;\r\n display: flex;\r\n z-index: 100;\r\n}\r\n\r\n.rotation-icon-10luP {\r\n width: 30px;\r\n height: 30px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2221%22 viewBox%3D%220 0 20 21%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect x%3D%221%22 y%3D%2220%22 width%3D%2210.1704%22 height%3D%2215.6467%22 rx%3D%223%22 transform%3D%22rotate(-90 1 20)%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22%2F%3E%0D%3Cpath d%3D%22M18.9985 16.9904L18.9985 4.34375C18.9985 2.6869 17.6553 1.34375 15.9985 1.34375L11.8281 1.34375C10.1713 1.34375 8.82813 2.68689 8.82813 4.34375L8.82813 9.1671%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M6 4C3.79086 4 2 5.79086 2 8%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M5.2909 5.64514L6.62891 4.26953L5.2909 2.89392%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n z-index: 100;\r\n}\r\n\r\n.rotation-text-N7GQl {\r\n transition: opacity 0.4s ease;\r\n opacity: 1;\r\n margin-right: 16px;\r\n line-height: 32px;\r\n}\r\n\r\n.hide-39OOm {\r\n opacity: 0;\r\n}\r\n";
|
|
296
296
|
styleInject(css_248z$c);
|
|
297
297
|
|
|
298
298
|
var RotationIcon = function RotationIcon(props) {
|
|
@@ -343,7 +343,7 @@ var RotationIcon = function RotationIcon(props) {
|
|
|
343
343
|
|
|
344
344
|
var wrapper$1 = "wrapper-WJVhP";
|
|
345
345
|
var icon = "icon-xPuPu";
|
|
346
|
-
var css_248z$b = ".wrapper-WJVhP {\n display: flex;\n /* justify-content: center; */\n align-items: center;\n width: 100%;\n margin: 6px 12px;\n gap: 12px;\n}\n\n.icon-xPuPu {\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%09 width%3D%22334.371px%22 height%3D%22380.563px%22 viewBox%3D%220 0 334.371 380.563%22 enable-background%3D%22new 0 0 334.371 380.563%22%09 xml%3Aspace%3D%22preserve%22%3E%3Cg id%3D%22icon_PDF_file%22%3E%09%3Cg id%3D%22contour_1%22%3E%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M201.186%2C31.99l73.46%2C73.393v243.264H59.791V31.99H201.186 M207.809%2C15.99H43.791v348.657h246.854V98.75L207.809%2C15.99%09%09%09L207.809%2C15.99z%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22contour_2%22%3E%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 206.309%2C25.8 206.309%2C100.327 280.904%2C100.327 %09%09%09282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M198.309%2C31.99v60.337v16h16h60.337v240.32H59.791V31.99H198.309 M207.809%2C15.99H43.791v348.657h246.854V98.75%09%09%09l-6.43-6.424h-69.907V22.484L207.809%2C15.99L207.809%2C15.99z%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22triangle%22%3E%09%09%3Cpolygon points%3D%22219.643%2C87.75 219.643%2C48.667 258.309%2C86.38 258.309%2C87.75 %09%09%22%2F%3E%09%09%3Cpath d%3D%22M227.643%2C67.646l12.41%2C12.104h-12.41V67.646 M222.641%2C40.417h-10.998V95.75h54.666V83.008L222.641%2C40.417L222.641%2C40.417z%09%09%09%22%2F%3E%09%3C%2Fg%3E%09%3Cg id%3D%22red_square%22%3E%09%09%3Cpolygon fill%3D%22%23ED1C24%22 points%3D%2222.544%2C284.49 22.544%2C167.682 37.291%2C152.935 37.291%2C171.489 297.146%2C171.489 297.146%2C152.935 %09%09%09311.893%2C167.682 311.893%2C284.49 %09%09%22%2F%3E%09%09%3Cpath fill%3D%22%23ED1C24%22 d%3D%22M303.646%2C168.627l1.747%2C1.747V277.99H29.044V170.374l1.747-1.747v9.362h13h246.854h13V168.627%09%09%09 M290.646%2C137.242v27.747H43.791v-27.747l-27.747%2C27.747V290.99h302.349V164.989L290.646%2C137.242L290.646%2C137.242z%22%2F%3E%09%3C%2Fg%3E%09%3Crect x%3D%2252.096%22 y%3D%22189.324%22 fill%3D%22none%22 width%3D%22232.826%22 height%3D%2287.834%22%2F%3E%09%3Ctext transform%3D%22matrix(1 0 0 1 52.0957 271.6621)%22 fill%3D%22%23FFFFFF%22 font-family%3D%22DejaVu Sans%22 font-weight%3D%22bold%22 font-size%3D%22105%22%3EPDF%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E\");\n background-position: center center;\n background-size: contain;\n background-repeat: no-repeat;\n display: block;\n width: 26px;\n height: 26px;\n}\n";
|
|
346
|
+
var css_248z$b = ".wrapper-WJVhP {\r\n display: flex;\r\n /* justify-content: center; */\r\n align-items: center;\r\n width: 100%;\r\n margin: 6px 12px;\r\n gap: 12px;\r\n}\r\n\r\n.icon-xPuPu {\r\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 x%3D%220px%22 y%3D%220px%22%0D%09 width%3D%22334.371px%22 height%3D%22380.563px%22 viewBox%3D%220 0 334.371 380.563%22 enable-background%3D%22new 0 0 334.371 380.563%22%0D%09 xml%3Aspace%3D%22preserve%22%3E%0D%3Cg id%3D%22icon_PDF_file%22%3E%0D%09%3Cg id%3D%22contour_1%22%3E%0D%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M201.186%2C31.99l73.46%2C73.393v243.264H59.791V31.99H201.186 M207.809%2C15.99H43.791v348.657h246.854V98.75L207.809%2C15.99%0D%09%09%09L207.809%2C15.99z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22contour_2%22%3E%0D%09%09%3Cpolygon fill%3D%22%23FFFFFF%22 points%3D%2251.791%2C356.646 51.791%2C23.99 204.497%2C23.99 206.309%2C25.8 206.309%2C100.327 280.904%2C100.327 %0D%09%09%09282.646%2C102.066 282.646%2C356.646 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M198.309%2C31.99v60.337v16h16h60.337v240.32H59.791V31.99H198.309 M207.809%2C15.99H43.791v348.657h246.854V98.75%0D%09%09%09l-6.43-6.424h-69.907V22.484L207.809%2C15.99L207.809%2C15.99z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22triangle%22%3E%0D%09%09%3Cpolygon points%3D%22219.643%2C87.75 219.643%2C48.667 258.309%2C86.38 258.309%2C87.75 %09%09%22%2F%3E%0D%09%09%3Cpath d%3D%22M227.643%2C67.646l12.41%2C12.104h-12.41V67.646 M222.641%2C40.417h-10.998V95.75h54.666V83.008L222.641%2C40.417L222.641%2C40.417z%0D%09%09%09%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Cg id%3D%22red_square%22%3E%0D%09%09%3Cpolygon fill%3D%22%23ED1C24%22 points%3D%2222.544%2C284.49 22.544%2C167.682 37.291%2C152.935 37.291%2C171.489 297.146%2C171.489 297.146%2C152.935 %0D%09%09%09311.893%2C167.682 311.893%2C284.49 %09%09%22%2F%3E%0D%09%09%3Cpath fill%3D%22%23ED1C24%22 d%3D%22M303.646%2C168.627l1.747%2C1.747V277.99H29.044V170.374l1.747-1.747v9.362h13h246.854h13V168.627%0D%09%09%09 M290.646%2C137.242v27.747H43.791v-27.747l-27.747%2C27.747V290.99h302.349V164.989L290.646%2C137.242L290.646%2C137.242z%22%2F%3E%0D%09%3C%2Fg%3E%0D%09%3Crect x%3D%2252.096%22 y%3D%22189.324%22 fill%3D%22none%22 width%3D%22232.826%22 height%3D%2287.834%22%2F%3E%0D%09%3Ctext transform%3D%22matrix(1 0 0 1 52.0957 271.6621)%22 fill%3D%22%23FFFFFF%22 font-family%3D%22DejaVu Sans%22 font-weight%3D%22bold%22 font-size%3D%22105%22%3EPDF%3C%2Ftext%3E%0D%3C%2Fg%3E%0D%3C%2Fsvg%3E\");\r\n background-position: center center;\r\n background-size: contain;\r\n background-repeat: no-repeat;\r\n display: block;\r\n width: 26px;\r\n height: 26px;\r\n}\r\n";
|
|
347
347
|
styleInject(css_248z$b);
|
|
348
348
|
|
|
349
349
|
var pdfIcon = "data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%22334.371px%22%20height%3D%22380.563px%22%20viewBox%3D%220%200%20334.371%20380.563%22%20enable-background%3D%22new%200%200%20334.371%20380.563%22%20%20xml%3Aspace%3D%22preserve%22%3E%3Cg%20id%3D%22icon_PDF_file%22%3E%20%3Cg%20id%3D%22contour_1%22%3E%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2251.791%2C356.646%2051.791%2C23.99%20204.497%2C23.99%20282.646%2C102.066%20282.646%2C356.646%20%20%20%22%2F%3E%20%20%3Cpath%20d%3D%22M201.186%2C31.99l73.46%2C73.393v243.264H59.791V31.99H201.186%20M207.809%2C15.99H43.791v348.657h246.854V98.75L207.809%2C15.99%20%20%20L207.809%2C15.99z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22contour_2%22%3E%20%20%3Cpolygon%20fill%3D%22%23FFFFFF%22%20points%3D%2251.791%2C356.646%2051.791%2C23.99%20204.497%2C23.99%20206.309%2C25.8%20206.309%2C100.327%20280.904%2C100.327%20%20%20%20282.646%2C102.066%20282.646%2C356.646%20%20%20%22%2F%3E%20%20%3Cpath%20d%3D%22M198.309%2C31.99v60.337v16h16h60.337v240.32H59.791V31.99H198.309%20M207.809%2C15.99H43.791v348.657h246.854V98.75%20%20%20l-6.43-6.424h-69.907V22.484L207.809%2C15.99L207.809%2C15.99z%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22triangle%22%3E%20%20%3Cpolygon%20points%3D%22219.643%2C87.75%20219.643%2C48.667%20258.309%2C86.38%20258.309%2C87.75%20%20%20%22%2F%3E%20%20%3Cpath%20d%3D%22M227.643%2C67.646l12.41%2C12.104h-12.41V67.646%20M222.641%2C40.417h-10.998V95.75h54.666V83.008L222.641%2C40.417L222.641%2C40.417z%20%20%20%22%2F%3E%20%3C%2Fg%3E%20%3Cg%20id%3D%22red_square%22%3E%20%20%3Cpolygon%20fill%3D%22%23ED1C24%22%20points%3D%2222.544%2C284.49%2022.544%2C167.682%2037.291%2C152.935%2037.291%2C171.489%20297.146%2C171.489%20297.146%2C152.935%20%20%20%20311.893%2C167.682%20311.893%2C284.49%20%20%20%22%2F%3E%20%20%3Cpath%20fill%3D%22%23ED1C24%22%20d%3D%22M303.646%2C168.627l1.747%2C1.747V277.99H29.044V170.374l1.747-1.747v9.362h13h246.854h13V168.627%20%20%20%20M290.646%2C137.242v27.747H43.791v-27.747l-27.747%2C27.747V290.99h302.349V164.989L290.646%2C137.242L290.646%2C137.242z%22%2F%3E%20%3C%2Fg%3E%20%3Crect%20x%3D%2252.096%22%20y%3D%22189.324%22%20fill%3D%22none%22%20width%3D%22232.826%22%20height%3D%2287.834%22%2F%3E%20%3Ctext%20transform%3D%22matrix%281%200%200%201%2052.0957%20271.6621%29%22%20fill%3D%22%23FFFFFF%22%20font-family%3D%22DejaVu%20Sans%22%20font-weight%3D%22bold%22%20font-size%3D%22105%22%3EPDF%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fsvg%3E";
|
|
@@ -1173,7 +1173,7 @@ var button = "button-WyDJL";
|
|
|
1173
1173
|
var buttonLeft = "button-left-PGx9m";
|
|
1174
1174
|
var buttonRight = "button-right-Sf-so";
|
|
1175
1175
|
var buttonCenter = "button-center-k0uzz";
|
|
1176
|
-
var css_248z$a = ".footer-wrapper-7owll {\n --spacer: 4px;\n display: flex;\n gap: var(--spacer);\n height: 60px;\n width: 100%;\n align-self: flex-end;\n}\n\n.footer-wrapper-7owll > div:last-child {\n margin-right: 0;\n margin-right: initial;\n}\n.pos-fixed-4hcrc {\n position: fixed;\n bottom: 0;\n left: 0;\n width: calc(100% - 2 * var(--spacer));\n margin: var(--spacer);\n}\n\n.pos-absolute-mEI9N {\n position: absolute;\n bottom: 0;\n left: 0;\n width: calc(100% - 2 * var(--spacer));\n margin: var(--spacer);\n}\n\n.button-WyDJL {\n box-sizing: border-box;\n height: 60px;\n border-radius: 2px;\n border-style: solid;\n border-width: 2px;\n border-color: var(--diva-theme-palette-primary-main);\n white-space: nowrap;\n overflow: hidden;\n transition: box-shadow 0.3s;\n}\n.button-WyDJL:hover {\n box-shadow: 0px 1px 4px #707070;\n cursor: pointer;\n}\n\n.button-left-PGx9m,\n.button-right-Sf-so {\n min-width: 60px;\n}\n\n.button-left-PGx9m {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.button-center-k0uzz {\n background: var(--diva-theme-palette-primary-main);\n flex-basis: 100%;\n color: #ffffff;\n font-size: 16px;\n line-height: 55px;\n text-align: center;\n}\n\n.button-right-Sf-so {\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2224%22 viewBox%3D%220 0 20 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M2.07398 23.25H2.07373C1.97324 23.25 1.88541 23.2041 1.82941 23.1238C1.7568 23.0195 1.69531 22.8631 1.69531 22.6367V2.0373C1.69531 1.38277 2.31882 0.75 3.0752 0.75H17.0003C17.7212 0.75 18.3047 1.34824 18.3047 2.0373V22.6368C18.3047 22.9664 18.2135 23.1135 18.1634 23.169C18.1142 23.2235 18.0521 23.2501 17.9756 23.2501C17.8884 23.2501 17.734 23.2133 17.4991 23.0128L17.4985 23.0123L11.29 17.7245C11.2899 17.7245 11.2899 17.7245 11.2898 17.7244C10.9425 17.4279 10.4866 17.2859 10.0469 17.2859C9.60792 17.2859 9.15139 17.4274 8.80421 17.7236C8.804 17.7238 8.80379 17.7239 8.80358 17.7241L2.57518 23.0123L2.57347 23.0138C2.35255 23.2025 2.17431 23.25 2.07398 23.25Z%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
1176
|
+
var css_248z$a = ".footer-wrapper-7owll {\r\n --spacer: 4px;\r\n display: flex;\r\n gap: var(--spacer);\r\n height: 60px;\r\n width: 100%;\r\n align-self: flex-end;\r\n}\r\n\r\n.footer-wrapper-7owll > div:last-child {\r\n margin-right: 0;\r\n margin-right: initial;\r\n}\r\n.pos-fixed-4hcrc {\r\n position: fixed;\r\n bottom: 0;\r\n left: 0;\r\n width: calc(100% - 2 * var(--spacer));\r\n margin: var(--spacer);\r\n}\r\n\r\n.pos-absolute-mEI9N {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: calc(100% - 2 * var(--spacer));\r\n margin: var(--spacer);\r\n}\r\n\r\n.button-WyDJL {\r\n box-sizing: border-box;\r\n height: 60px;\r\n border-radius: 2px;\r\n border-style: solid;\r\n border-width: 2px;\r\n border-color: var(--diva-theme-palette-primary-main);\r\n white-space: nowrap;\r\n overflow: hidden;\r\n transition: box-shadow 0.3s;\r\n}\r\n.button-WyDJL:hover {\r\n box-shadow: 0px 1px 4px #707070;\r\n cursor: pointer;\r\n}\r\n\r\n.button-left-PGx9m,\r\n.button-right-Sf-so {\r\n min-width: 60px;\r\n}\r\n\r\n.button-left-PGx9m {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.button-center-k0uzz {\r\n background: var(--diva-theme-palette-primary-main);\r\n flex-basis: 100%;\r\n color: #ffffff;\r\n font-size: 16px;\r\n line-height: 55px;\r\n text-align: center;\r\n}\r\n\r\n.button-right-Sf-so {\r\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2224%22 viewBox%3D%220 0 20 24%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M2.07398 23.25H2.07373C1.97324 23.25 1.88541 23.2041 1.82941 23.1238C1.7568 23.0195 1.69531 22.8631 1.69531 22.6367V2.0373C1.69531 1.38277 2.31882 0.75 3.0752 0.75H17.0003C17.7212 0.75 18.3047 1.34824 18.3047 2.0373V22.6368C18.3047 22.9664 18.2135 23.1135 18.1634 23.169C18.1142 23.2235 18.0521 23.2501 17.9756 23.2501C17.8884 23.2501 17.734 23.2133 17.4991 23.0128L17.4985 23.0123L11.29 17.7245C11.2899 17.7245 11.2899 17.7245 11.2898 17.7244C10.9425 17.4279 10.4866 17.2859 10.0469 17.2859C9.60792 17.2859 9.15139 17.4274 8.80421 17.7236C8.804 17.7238 8.80379 17.7239 8.80358 17.7241L2.57518 23.0123L2.57347 23.0138C2.35255 23.2025 2.17431 23.25 2.07398 23.25Z%22 stroke%3D%22%23fff%22 stroke-width%3D%221.5%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
|
|
1177
1177
|
styleInject(css_248z$a);
|
|
1178
1178
|
|
|
1179
1179
|
var ContentBoxContext = /*#__PURE__*/React.createContext({});
|
|
@@ -1196,10 +1196,10 @@ var useContentBoxState = function useContentBoxState() {
|
|
|
1196
1196
|
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1197
1197
|
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1198
1198
|
var CheckpointFooter = /*#__PURE__*/React.lazy(function () {
|
|
1199
|
-
return import('./index-
|
|
1199
|
+
return import('./index-be90ba24.js');
|
|
1200
1200
|
});
|
|
1201
1201
|
var FunctionsFooter = /*#__PURE__*/React.lazy(function () {
|
|
1202
|
-
return import('./index-
|
|
1202
|
+
return import('./index-aed05ec2.js');
|
|
1203
1203
|
});
|
|
1204
1204
|
var Footer = function Footer(_ref) {
|
|
1205
1205
|
_objectDestructuringEmpty(_ref);
|
|
@@ -1465,7 +1465,7 @@ var Image = function Image(_ref) {
|
|
|
1465
1465
|
|
|
1466
1466
|
var container$1 = "container-71EwE";
|
|
1467
1467
|
var textContainer$1 = "textContainer-I3PKX";
|
|
1468
|
-
var css_248z$9 = ".container-71EwE {\n display: flex;\n}\n\n.textContainer-I3PKX {\n display: flex;\n flex-direction: column;\n margin: 0 10px;\n}\n\n.container-71EwE h3 {\n margin-bottom: 0;\n margin-bottom: initial;\n}\n\n.container-71EwE img {\n -o-object-fit: contain;\n object-fit: contain;\n max-height: 100px;\n}\n";
|
|
1468
|
+
var css_248z$9 = ".container-71EwE {\r\n display: flex;\r\n}\r\n\r\n.textContainer-I3PKX {\r\n display: flex;\r\n flex-direction: column;\r\n margin: 0 10px;\r\n}\r\n\r\n.container-71EwE h3 {\r\n margin-bottom: 0;\r\n margin-bottom: initial;\r\n}\r\n\r\n.container-71EwE img {\r\n -o-object-fit: contain;\r\n object-fit: contain;\r\n max-height: 100px;\r\n}\r\n";
|
|
1469
1469
|
styleInject(css_248z$9);
|
|
1470
1470
|
|
|
1471
1471
|
var InfoBox = function InfoBox(_ref) {
|
|
@@ -1488,7 +1488,7 @@ var InfoBox = function InfoBox(_ref) {
|
|
|
1488
1488
|
};
|
|
1489
1489
|
|
|
1490
1490
|
var overlay = "overlay-LUaoB";
|
|
1491
|
-
var css_248z$8 = ".overlay-LUaoB {\n position: absolute;\n z-index: 300;\n}\n";
|
|
1491
|
+
var css_248z$8 = ".overlay-LUaoB {\r\n position: absolute;\r\n z-index: 300;\r\n}\r\n";
|
|
1492
1492
|
styleInject(css_248z$8);
|
|
1493
1493
|
|
|
1494
1494
|
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1534,7 +1534,7 @@ var Translation = function Translation(_ref) {
|
|
|
1534
1534
|
var imageItem = "image-item-IrwGh";
|
|
1535
1535
|
var isMobileClass$3 = "is-mobile-class-8qmwS";
|
|
1536
1536
|
var sel$1 = "sel-D0n-S";
|
|
1537
|
-
var css_248z$7 = ".ral-item-HOMTy {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n cursor: pointer;\n border: solid #f8f8f8 2px;\n margin: 2px;\n display: block;\n}\n\n.image-item-IrwGh {\n width: 26px;\n height: 26px;\n border-radius: 50%;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\n border: solid #f8f8f8 2px;\n display: block;\n}\n\n.is-mobile-class-8qmwS {\n width: 24px;\n height: 24px;\n}\n.image-item-IrwGh,\n.ral-item-HOMTy {\n transition: border-color 200ms ease;\n}\n\n.image-item-IrwGh:hover,\n.ral-item-HOMTy:hover {\n cursor: pointer;\n border: solid #9d9d9d 2px;\n}\n\n.sel-D0n-S.image-item-IrwGh,\n.sel-D0n-S.ral-item-HOMTy {\n border: 2px solid #4f4f4f;\n}\n";
|
|
1537
|
+
var css_248z$7 = ".ral-item-HOMTy {\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n cursor: pointer;\r\n border: solid #f8f8f8 2px;\r\n margin: 2px;\r\n display: block;\r\n}\r\n\r\n.image-item-IrwGh {\r\n width: 26px;\r\n height: 26px;\r\n border-radius: 50%;\r\n background-position: center;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n border: solid #f8f8f8 2px;\r\n display: block;\r\n}\r\n\r\n.is-mobile-class-8qmwS {\r\n width: 24px;\r\n height: 24px;\r\n}\r\n.image-item-IrwGh,\r\n.ral-item-HOMTy {\r\n transition: border-color 200ms ease;\r\n}\r\n\r\n.image-item-IrwGh:hover,\r\n.ral-item-HOMTy:hover {\r\n cursor: pointer;\r\n border: solid #9d9d9d 2px;\r\n}\r\n\r\n.sel-D0n-S.image-item-IrwGh,\r\n.sel-D0n-S.ral-item-HOMTy {\r\n border: 2px solid #4f4f4f;\r\n}\r\n";
|
|
1538
1538
|
styleInject(css_248z$7);
|
|
1539
1539
|
|
|
1540
1540
|
var paletteItem = "paletteItem-S5JEn";
|
|
@@ -1543,7 +1543,7 @@ var sel = "sel-ULdr-";
|
|
|
1543
1543
|
var imageWrapper = "imageWrapper-K247h";
|
|
1544
1544
|
var wcImage = "wcImage-vgZTU";
|
|
1545
1545
|
var title = "title-iwrrb";
|
|
1546
|
-
var css_248z$6 = "/*Size Normal */\n\n.paletteItem-S5JEn {\n border-radius: var(--globalBorderRadius);\n position: relative;\n z-index: 100;\n transition: all 0.15s ease;\n cursor: pointer;\n\n width: 90px;\n}\n\n.paletteItem-S5JEn:active,\n.paletteItem-S5JEn:hover {\n z-index: 200;\n transition: 0.15s ease;\n}\n\n.wcVCodexText-MUOjy {\n position: absolute;\n line-height: 104px;\n width: 100%;\n color: white;\n display: none;\n text-align: center;\n}\n\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\n.sel-ULdr- .wcVCodexText-MUOjy {\n display: block;\n}\n\n.imageWrapper-K247h {\n border-radius: 50%;\n border: 1px rgb(230, 230, 230) solid;\n display: flex;\n transition: 0.15s ease;\n position: relative;\n}\n\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\n overflow: hidden;\n}\n.imageWrapper-K247h:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px var(--primaryColor) solid;\n}\n.sel-ULdr- .imageWrapper-K247h:hover,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n border: 1px rgb(230, 230, 230) solid;\n}\n.sel-ULdr- .imageWrapper-K247h,\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\n}\n\n.wcImage-vgZTU {\n width: calc(100% - 7px);\n aspect-ratio: 1;\n border: 4px white solid;\n border-radius: 50%;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n}\n.sel-ULdr- .wcImage-vgZTU,\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\n border: 4px var(--primaryColor) solid;\n}\n\n.hexColor-sqV-T {\n width: 80px;\n height: 80px;\n}\n\n.title-iwrrb {\n margin-top: 4px;\n text-align: center;\n float: left;\n max-height: 64px;\n min-height: 16px;\n width: 100%;\n font-size: 14px;\n line-height: 16px;\n overflow: hidden;\n display: -webkit-box;\n word-wrap: break-word;\n -webkit-box-orient: vertical;\n -webkit-hyphens: auto;\n hyphens: auto;\n -webkit-line-clamp: 2;\n position: relative;\n -webkit-hyphens: auto;\n hyphens: auto;\n user-select: none;\n -moz-user-select: none;\n -webkit-user-drag: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n z-index: 400;\n}\n\n.paletteItem-S5JEn:hover .title-iwrrb,\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\n max-height: 608px;\n -webkit-line-clamp: 30;\n overflow: visible;\n z-index: 200;\n}\n\n/* Size Small */\n\n.small-BOEaE .wcVCodexText-MUOjy {\n line-height: 58px;\n font-size: 12px;\n}\n\n.small-BOEaE .title-iwrrb {\n font-size: 12px;\n margin-top: 6px;\n -webkit-line-clamp: 1;\n}\n/* Size very Small */\n\n.very-small-isc7q .wcVCodexText-MUOjy {\n line-height: 48px;\n font-size: 10px;\n}\n\n.very-small-isc7q .title-iwrrb {\n font-size: 10px;\n margin-top: 5px;\n -webkit-line-clamp: 1;\n}\n\n/* Size big */\n\n.big-Lz6Oh .wcVCodexText-MUOjy {\n line-height: 158px;\n font-size: 15px;\n}\n\n.big-Lz6Oh .title-iwrrb {\n font-size: 15px;\n margin-top: 10px;\n -webkit-line-clamp: 2;\n}\n";
|
|
1546
|
+
var css_248z$6 = "/*Size Normal */\r\n\r\n.paletteItem-S5JEn {\r\n border-radius: var(--globalBorderRadius);\r\n position: relative;\r\n z-index: 100;\r\n transition: all 0.15s ease;\r\n cursor: pointer;\r\n\r\n width: 90px;\r\n}\r\n\r\n.paletteItem-S5JEn:active,\r\n.paletteItem-S5JEn:hover {\r\n z-index: 200;\r\n transition: 0.15s ease;\r\n}\r\n\r\n.wcVCodexText-MUOjy {\r\n position: absolute;\r\n line-height: 104px;\r\n width: 100%;\r\n color: white;\r\n display: none;\r\n text-align: center;\r\n}\r\n\r\n.paletteItem-S5JEn:hover .wcVCodexText-MUOjy,\r\n.sel-ULdr- .wcVCodexText-MUOjy {\r\n display: block;\r\n}\r\n\r\n.imageWrapper-K247h {\r\n border-radius: 50%;\r\n border: 1px rgb(230, 230, 230) solid;\r\n display: flex;\r\n transition: 0.15s ease;\r\n position: relative;\r\n}\r\n\r\n.paletteItem-S5JEn:not(.sel-ULdr-) .imageWrapper-K247h {\r\n overflow: hidden;\r\n}\r\n.imageWrapper-K247h:hover {\r\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n border: 1px var(--primaryColor) solid;\r\n}\r\n.sel-ULdr- .imageWrapper-K247h:hover,\r\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h:hover {\r\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n border: 1px rgb(230, 230, 230) solid;\r\n}\r\n.sel-ULdr- .imageWrapper-K247h,\r\n.small-BOEaE.sel-ULdr- .imageWrapper-K247h {\r\n box-shadow: 0px 1px 4px rgba(68, 49, 49, 0.15);\r\n}\r\n\r\n.wcImage-vgZTU {\r\n width: calc(100% - 7px);\r\n aspect-ratio: 1;\r\n border: 4px white solid;\r\n border-radius: 50%;\r\n user-select: none;\r\n -moz-user-select: none;\r\n -webkit-user-drag: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n}\r\n.sel-ULdr- .wcImage-vgZTU,\r\n.small-BOEaE.sel-ULdr- .wcImage-vgZTU {\r\n border: 4px var(--primaryColor) solid;\r\n}\r\n\r\n.hexColor-sqV-T {\r\n width: 80px;\r\n height: 80px;\r\n}\r\n\r\n.title-iwrrb {\r\n margin-top: 4px;\r\n text-align: center;\r\n float: left;\r\n max-height: 64px;\r\n min-height: 16px;\r\n width: 100%;\r\n font-size: 14px;\r\n line-height: 16px;\r\n overflow: hidden;\r\n display: -webkit-box;\r\n word-wrap: break-word;\r\n -webkit-box-orient: vertical;\r\n -webkit-hyphens: auto;\r\n hyphens: auto;\r\n -webkit-line-clamp: 2;\r\n position: relative;\r\n -webkit-hyphens: auto;\r\n hyphens: auto;\r\n user-select: none;\r\n -moz-user-select: none;\r\n -webkit-user-drag: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n z-index: 400;\r\n}\r\n\r\n.paletteItem-S5JEn:hover .title-iwrrb,\r\n.small-BOEaE .paletteItem-S5JEn:hover .title-iwrrb {\r\n max-height: 608px;\r\n -webkit-line-clamp: 30;\r\n overflow: visible;\r\n z-index: 200;\r\n}\r\n\r\n/* Size Small */\r\n\r\n.small-BOEaE .wcVCodexText-MUOjy {\r\n line-height: 58px;\r\n font-size: 12px;\r\n}\r\n\r\n.small-BOEaE .title-iwrrb {\r\n font-size: 12px;\r\n margin-top: 6px;\r\n -webkit-line-clamp: 1;\r\n}\r\n/* Size very Small */\r\n\r\n.very-small-isc7q .wcVCodexText-MUOjy {\r\n line-height: 48px;\r\n font-size: 10px;\r\n}\r\n\r\n.very-small-isc7q .title-iwrrb {\r\n font-size: 10px;\r\n margin-top: 5px;\r\n -webkit-line-clamp: 1;\r\n}\r\n\r\n/* Size big */\r\n\r\n.big-Lz6Oh .wcVCodexText-MUOjy {\r\n line-height: 158px;\r\n font-size: 15px;\r\n}\r\n\r\n.big-Lz6Oh .title-iwrrb {\r\n font-size: 15px;\r\n margin-top: 10px;\r\n -webkit-line-clamp: 2;\r\n}\r\n";
|
|
1547
1547
|
styleInject(css_248z$6);
|
|
1548
1548
|
|
|
1549
1549
|
var ImageAndText = function ImageAndText(_ref) {
|
|
@@ -1669,7 +1669,7 @@ var compareCodexes = function compareCodexes(codex1, codex2) {
|
|
|
1669
1669
|
};
|
|
1670
1670
|
|
|
1671
1671
|
var wrapper = "wrapper-uTtaG";
|
|
1672
|
-
var css_248z$5 = ".wrapper-uTtaG {\n width: 85%;\n border-bottom: 1px solid #b1b1b1;\n color: #4f4b49;\n font-size: 20px;\n font-weight: 300;\n}\n";
|
|
1672
|
+
var css_248z$5 = ".wrapper-uTtaG {\r\n width: 85%;\r\n border-bottom: 1px solid #b1b1b1;\r\n color: #4f4b49;\r\n font-size: 20px;\r\n font-weight: 300;\r\n}\r\n";
|
|
1673
1673
|
styleInject(css_248z$5);
|
|
1674
1674
|
|
|
1675
1675
|
var OptionHeader = function OptionHeader(_ref) {
|
|
@@ -1683,7 +1683,7 @@ var OptionHeader = function OptionHeader(_ref) {
|
|
|
1683
1683
|
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
1684
1684
|
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
1685
1685
|
var DragAndDrop = /*#__PURE__*/React.lazy(function () {
|
|
1686
|
-
return import('./index-
|
|
1686
|
+
return import('./index-bbb54ad1.js');
|
|
1687
1687
|
});
|
|
1688
1688
|
var VariantFields = function VariantFields(_ref) {
|
|
1689
1689
|
var variants = _ref.variants,
|
|
@@ -1877,13 +1877,13 @@ var image = "image-qy7pA";
|
|
|
1877
1877
|
var textContainer = "text-container-u-UEj";
|
|
1878
1878
|
var isMobileClass$2 = "is-mobile-class-3s2Ja";
|
|
1879
1879
|
var variantsWrapper = "variants-wrapper-nDeRI";
|
|
1880
|
-
var css_248z$4 = ".pdp-splitter-L-mmZ {\n width: 100%;\n display: flex;\n flex-direction: column;\n font-family: var(--diva-typography-font-family);\n justify-content: flex-start;\n background-color: #f2f2f2;\n cursor: pointer;\n -webkit-tap-highlight-color: transparent;\n overflow: hidden;\n transition: box-shadow 0.2s ease-in-out;\n}\n\n.pdp-splitter-L-mmZ:hover {\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\n}\n\n.image-qy7pA {\n display: flex;\n justify-content: center;\n flex-direction: column;\n background-color: #fff;\n}\n.text-container-u-UEj {\n flex-basis: 100%;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n padding: 16px;\n}\n\n.is-mobile-class-3s2Ja.pdp-splitter-L-mmZ > .text-container-u-UEj {\n padding: 12px;\n}\n\n.variants-wrapper-nDeRI {\n z-index: 100;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n margin-top: 16px;\n}\n\n.is-mobile-class-3s2Ja .variants-wrapper-nDeRI {\n margin-top: 8px;\n}\n\n@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\n";
|
|
1880
|
+
var css_248z$4 = ".pdp-splitter-L-mmZ {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n font-family: var(--diva-typography-font-family);\r\n justify-content: flex-start;\r\n background-color: #f2f2f2;\r\n cursor: pointer;\r\n -webkit-tap-highlight-color: transparent;\r\n overflow: hidden;\r\n transition: box-shadow 0.2s ease-in-out;\r\n}\r\n\r\n.pdp-splitter-L-mmZ:hover {\r\n box-shadow: rgba(0, 0, 0,0.2) 0px 0px 16px 0px;\r\n}\r\n\r\n.image-qy7pA {\r\n display: flex;\r\n justify-content: center;\r\n flex-direction: column;\r\n background-color: #fff;\r\n}\r\n.text-container-u-UEj {\r\n flex-basis: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n padding: 16px;\r\n}\r\n\r\n.is-mobile-class-3s2Ja.pdp-splitter-L-mmZ > .text-container-u-UEj {\r\n padding: 12px;\r\n}\r\n\r\n.variants-wrapper-nDeRI {\r\n z-index: 100;\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n margin-top: 16px;\r\n}\r\n\r\n.is-mobile-class-3s2Ja .variants-wrapper-nDeRI {\r\n margin-top: 8px;\r\n}\r\n\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');\r\n";
|
|
1881
1881
|
styleInject(css_248z$4);
|
|
1882
1882
|
|
|
1883
1883
|
var infoContainer = "info-container-FQDJN";
|
|
1884
1884
|
var price = "price-CiOHp";
|
|
1885
1885
|
var isMobileClass$1 = "is-mobile-class-isVyB";
|
|
1886
|
-
var css_248z$3 = ".info-container-FQDJN {\n z-index: 10;\n color: #4b4b4b;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n}\n.info-container-FQDJN h2 {\n line-height: 17px;\n font-size: 16px;\n margin: 0px;\n color: #000000;\n}\n\n.price-CiOHp {\n margin-top: 8px;\n font-size: 15px;\n font-weight: normal;\n}\n\n.is-mobile-class-isVyB .info-container-FQDJN .price-CiOHp {\n margin-top: 4px;\n}\n";
|
|
1886
|
+
var css_248z$3 = ".info-container-FQDJN {\r\n z-index: 10;\r\n color: #4b4b4b;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n}\r\n.info-container-FQDJN h2 {\r\n line-height: 17px;\r\n font-size: 16px;\r\n margin: 0px;\r\n color: #000000;\r\n}\r\n\r\n.price-CiOHp {\r\n margin-top: 8px;\r\n font-size: 15px;\r\n font-weight: normal;\r\n}\r\n\r\n.is-mobile-class-isVyB .info-container-FQDJN .price-CiOHp {\r\n margin-top: 4px;\r\n}\r\n";
|
|
1887
1887
|
styleInject(css_248z$3);
|
|
1888
1888
|
|
|
1889
1889
|
var Info = function Info(_ref) {
|
|
@@ -2021,10 +2021,10 @@ var getProductKey = function getProductKey(products) {
|
|
|
2021
2021
|
}).join();
|
|
2022
2022
|
};
|
|
2023
2023
|
|
|
2024
|
-
var css_248z$2 = "/**\n * Swiper 8.3.2\n * Most modern mobile touch slider and framework with hardware accelerated transitions\n * https://swiperjs.com\n *\n * Copyright 2014-2022 Vladimir Kharlampidi\n *\n * Released under the MIT License\n *\n * Released on: July 26, 2022\n */\n\n@font-face {\n font-family: swiper-icons;\n src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\n font-weight: 400;\n font-style: normal;\n}\n\n#DivaCore #diva-swiper.swiper {\n margin-left: auto;\n margin-right: auto;\n position: relative;\n overflow: hidden;\n list-style: none;\n padding: 0;\n z-index: 1;\n}\n#DivaCore #diva-swiper .swiper-vertical > .swiper-wrapper {\n flex-direction: column;\n}\n#DivaCore #diva-swiper .swiper-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n transition-property: transform;\n box-sizing: content-box;\n}\n#DivaCore .swiper-android .swiper-slide,\n#DivaCore .swiper-wrapper {\n transform: translate3d(0px, 0, 0);\n}\n#DivaCore #diva-swiper .swiper-pointer-events {\n touch-action: pan-y;\n}\n#DivaCore #diva-swiper .swiper-pointer-events.swiper-vertical {\n touch-action: pan-x;\n}\n#DivaCore #diva-swiper .swiper-slide {\n flex-shrink: 0;\n width: 100%;\n height: 100%;\n position: relative;\n transition-property: transform;\n}\n#DivaCore #diva-swiper .swiper-slide-invisible-blank {\n visibility: hidden;\n}\n#DivaCore #diva-swiper .swiper-autoheight,\n#DivaCore #diva-swiper .swiper-autoheight .swiper-slide {\n height: auto;\n}\n#DivaCore #diva-swiper .swiper-autoheight .swiper-wrapper {\n align-items: flex-start;\n transition-property: transform, height;\n}\n#DivaCore #diva-swiper .swiper-backface-hidden .swiper-slide {\n transform: translateZ(0);\n backface-visibility: hidden;\n}\n#DivaCore .swiper-3d,\n#DivaCore .swiper-3d.swiper-css-mode .swiper-wrapper {\n perspective: 1200px;\n}\n#DivaCore .swiper-3d .swiper-cube-shadow,\n#DivaCore .swiper-3d .swiper-slide,\n#DivaCore .swiper-3d .swiper-slide-shadow,\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom,\n#DivaCore .swiper-3d .swiper-slide-shadow-left,\n#DivaCore .swiper-3d .swiper-slide-shadow-right,\n#DivaCore .swiper-3d .swiper-slide-shadow-top,\n#DivaCore .swiper-3d .swiper-wrapper {\n transform-style: preserve-3d;\n}\n#DivaCore .swiper-3d .swiper-slide-shadow,\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom,\n#DivaCore .swiper-3d .swiper-slide-shadow-left,\n#DivaCore .swiper-3d .swiper-slide-shadow-right,\n#DivaCore .swiper-3d .swiper-slide-shadow-top {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 10;\n}\n#DivaCore .swiper-3d .swiper-slide-shadow {\n background: rgba(0, 0, 0, 0.15);\n}\n#DivaCore .swiper-3d .swiper-slide-shadow-left {\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#DivaCore .swiper-3d .swiper-slide-shadow-right {\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#DivaCore .swiper-3d .swiper-slide-shadow-top {\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom {\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\n}\n#DivaCore .swiper-css-mode > .swiper-wrapper {\n overflow: auto;\n scrollbar-width: none;\n -ms-overflow-style: none;\n}\n#DivaCore .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\n display: none;\n}\n#DivaCore .swiper-css-mode > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: start start;\n}\n#DivaCore .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: x mandatory;\n}\n#DivaCore .swiper-vertical.swiper-css-mode > .swiper-wrapper {\n scroll-snap-type: y mandatory;\n}\n#DivaCore .swiper-centered > .swiper-wrapper::before {\n content: '';\n flex-shrink: 0;\n order: 9999;\n}\n[dir=\"ltr\"] #DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-left: var(--swiper-centered-offset-before);\n}\n[dir=\"rtl\"] #DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\n margin-right: var(--swiper-centered-offset-before);\n}\n#DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\n height: 100%;\n min-height: 1px;\n width: var(--swiper-centered-offset-after);\n}\n#DivaCore .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\n margin-top: var(--swiper-centered-offset-before);\n}\n#DivaCore .swiper-centered.swiper-vertical > .swiper-wrapper::before {\n width: 100%;\n min-width: 1px;\n height: var(--swiper-centered-offset-after);\n}\n#DivaCore .swiper-centered > .swiper-wrapper > .swiper-slide {\n scroll-snap-align: center center;\n}\n\n/*Free mode*/\n#DivaCore .swiper-free-mode > .swiper-wrapper {\n transition-timing-function: ease-out;\n margin: 0 auto;\n}\n/*navigation*/\n#DivaCore :root {\n --swiper-navigation-size: 44px;\n}\n#DivaCore .swiper-button-next,\n#DivaCore .swiper-button-prev {\n position: absolute;\n top: 50%;\n width: calc(var(--swiper-navigation-size) / 44 * 27);\n height: var(--swiper-navigation-size);\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\n z-index: 10;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--swiper-theme-color);\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\n}\n#DivaCore .swiper-button-next.swiper-button-disabled,\n#DivaCore .swiper-button-prev.swiper-button-disabled {\n opacity: 0.35;\n cursor: auto;\n pointer-events: none;\n}\n#DivaCore .swiper-button-next.swiper-button-hidden,\n#DivaCore .swiper-button-prev.swiper-button-hidden {\n opacity: 0;\n cursor: auto;\n pointer-events: none;\n}\n#DivaCore .swiper-navigation-disabled .swiper-button-next,\n#DivaCore .swiper-navigation-disabled .swiper-button-prev {\n display: none !important;\n}\n#DivaCore .swiper-button-next:after,\n#DivaCore .swiper-button-prev:after {\n text-transform: none !important;\n}\n#DivaCore .swiper-button-next:after,\n#DivaCore .swiper-button-prev:after {\n font-family: swiper-icons;\n font-size: var(--swiper-navigation-size);\n letter-spacing: 0;\n font-feature-settings: ;\n font-variant: normal;\n font-variant: initial;\n line-height: 1;\n}\n#DivaCore #diva-swiper .swiper-button-prev,\n#DivaCore #diva-swiper .swiper-rtl .swiper-button-next {\n left: 10px;\n right: auto;\n}\n#DivaCore .swiper-button-prev:after,\n#DivaCore .swiper-rtl .swiper-button-next:after {\n content: 'prev';\n}\n#DivaCore #diva-swiper .swiper-button-next,\n#DivaCore #diva-swiper .swiper-rtl .swiper-button-prev {\n right: 10px;\n left: auto;\n}\n#DivaCore .swiper-button-next:after,\n#DivaCore .swiper-rtl .swiper-button-prev:after {\n content: 'next';\n}\n#DivaCore .swiper-button-lock {\n display: none;\n}\n/*pagination*/\n#DivaCore .swiper-pagination {\n position: absolute;\n text-align: center;\n transition: 0.3s opacity;\n transform: translate3d(0, 0, 0);\n z-index: 10;\n}\n#DivaCore .swiper-pagination.swiper-pagination-hidden {\n opacity: 0;\n}\n#DivaCore .swiper-pagination-disabled > .swiper-pagination,\n#DivaCore .swiper-pagination.swiper-pagination-disabled {\n display: none !important;\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets,\n#DivaCore .swiper-pagination-bullets.swiper-pagination-horizontal,\n#DivaCore .swiper-pagination-custom,\n#DivaCore .swiper-pagination-fraction {\n bottom: 10px;\n left: 0;\n width: 100%;\n}\n#DivaCore .swiper-pagination-bullets-dynamic {\n overflow: hidden;\n font-size: 0;\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transform: scale(0.33);\n position: relative;\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\n transform: scale(1);\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\n transform: scale(1);\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\n transform: scale(0.66);\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\n transform: scale(0.33);\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\n transform: scale(0.66);\n}\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\n transform: scale(0.33);\n}\n#DivaCore .swiper-pagination-bullet {\n width: 8px;\n width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\n height: 8px;\n height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\n display: inline-block;\n border-radius: 50%;\n background: #000;\n background: var(--swiper-pagination-bullet-inactive-color, #000);\n opacity: 0.2;\n opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\n}\n#DivaCore button.swiper-pagination-bullet {\n border: none;\n margin: 0;\n padding: 0;\n box-shadow: none;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n#DivaCore .swiper-pagination-clickable .swiper-pagination-bullet {\n cursor: pointer;\n}\n#DivaCore .swiper-pagination-bullet:only-child {\n display: none !important;\n}\n#DivaCore .swiper-pagination-bullet-active {\n opacity: 1;\n opacity: var(--swiper-pagination-bullet-opacity, 1);\n background: var(--swiper-theme-color);\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n}\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets,\n#DivaCore .swiper-vertical > .swiper-pagination-bullets {\n right: 10px;\n top: 50%;\n transform: translate3d(0px, -50%, 0);\n}\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\n#DivaCore .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 6px 0;\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\n display: block;\n}\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#DivaCore .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n top: 50%;\n transform: translateY(-50%);\n width: 8px;\n}\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#DivaCore .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n display: inline-block;\n transition: 0.2s transform, 0.2s top;\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\n margin: 0 4px;\n margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\n left: 50%;\n transform: translateX(-50%);\n white-space: nowrap;\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 0.2s transform, 0.2s left;\n}\n#DivaCore .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\n transition: 0.2s transform, 0.2s right;\n}\n#DivaCore .swiper-pagination-progressbar {\n background: rgba(0, 0, 0, 0.25);\n position: absolute;\n}\n#DivaCore .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n background: var(--swiper-theme-color);\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n transform: scale(0);\n transform-origin: left top;\n}\n#DivaCore .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\n transform-origin: right top;\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-progressbar,\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-horizontal,\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\n#DivaCore .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\n width: 100%;\n height: 4px;\n left: 0;\n top: 0;\n}\n#DivaCore .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-vertical,\n#DivaCore .swiper-vertical > .swiper-pagination-progressbar {\n width: 4px;\n height: 100%;\n left: 0;\n top: 0;\n}\n#DivaCore .swiper-pagination-lock {\n display: none;\n}\n";
|
|
2024
|
+
var css_248z$2 = "/**\r\n * Swiper 8.3.2\r\n * Most modern mobile touch slider and framework with hardware accelerated transitions\r\n * https://swiperjs.com\r\n *\r\n * Copyright 2014-2022 Vladimir Kharlampidi\r\n *\r\n * Released under the MIT License\r\n *\r\n * Released on: July 26, 2022\r\n */\r\n\r\n@font-face {\r\n font-family: swiper-icons;\r\n src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');\r\n font-weight: 400;\r\n font-style: normal;\r\n}\r\n\r\n#DivaCore #diva-swiper.swiper {\r\n margin-left: auto;\r\n margin-right: auto;\r\n position: relative;\r\n overflow: hidden;\r\n list-style: none;\r\n padding: 0;\r\n z-index: 1;\r\n}\r\n#DivaCore #diva-swiper .swiper-vertical > .swiper-wrapper {\r\n flex-direction: column;\r\n}\r\n#DivaCore #diva-swiper .swiper-wrapper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n display: flex;\r\n transition-property: transform;\r\n box-sizing: content-box;\r\n}\r\n#DivaCore .swiper-android .swiper-slide,\r\n#DivaCore .swiper-wrapper {\r\n transform: translate3d(0px, 0, 0);\r\n}\r\n#DivaCore #diva-swiper .swiper-pointer-events {\r\n touch-action: pan-y;\r\n}\r\n#DivaCore #diva-swiper .swiper-pointer-events.swiper-vertical {\r\n touch-action: pan-x;\r\n}\r\n#DivaCore #diva-swiper .swiper-slide {\r\n flex-shrink: 0;\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n transition-property: transform;\r\n}\r\n#DivaCore #diva-swiper .swiper-slide-invisible-blank {\r\n visibility: hidden;\r\n}\r\n#DivaCore #diva-swiper .swiper-autoheight,\r\n#DivaCore #diva-swiper .swiper-autoheight .swiper-slide {\r\n height: auto;\r\n}\r\n#DivaCore #diva-swiper .swiper-autoheight .swiper-wrapper {\r\n align-items: flex-start;\r\n transition-property: transform, height;\r\n}\r\n#DivaCore #diva-swiper .swiper-backface-hidden .swiper-slide {\r\n transform: translateZ(0);\r\n backface-visibility: hidden;\r\n}\r\n#DivaCore .swiper-3d,\r\n#DivaCore .swiper-3d.swiper-css-mode .swiper-wrapper {\r\n perspective: 1200px;\r\n}\r\n#DivaCore .swiper-3d .swiper-cube-shadow,\r\n#DivaCore .swiper-3d .swiper-slide,\r\n#DivaCore .swiper-3d .swiper-slide-shadow,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-left,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-right,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-top,\r\n#DivaCore .swiper-3d .swiper-wrapper {\r\n transform-style: preserve-3d;\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-left,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-right,\r\n#DivaCore .swiper-3d .swiper-slide-shadow-top {\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n pointer-events: none;\r\n z-index: 10;\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow {\r\n background: rgba(0, 0, 0, 0.15);\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow-left {\r\n background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow-right {\r\n background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow-top {\r\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\r\n}\r\n#DivaCore .swiper-3d .swiper-slide-shadow-bottom {\r\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));\r\n}\r\n#DivaCore .swiper-css-mode > .swiper-wrapper {\r\n overflow: auto;\r\n scrollbar-width: none;\r\n -ms-overflow-style: none;\r\n}\r\n#DivaCore .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {\r\n display: none;\r\n}\r\n#DivaCore .swiper-css-mode > .swiper-wrapper > .swiper-slide {\r\n scroll-snap-align: start start;\r\n}\r\n#DivaCore .swiper-horizontal.swiper-css-mode > .swiper-wrapper {\r\n scroll-snap-type: x mandatory;\r\n}\r\n#DivaCore .swiper-vertical.swiper-css-mode > .swiper-wrapper {\r\n scroll-snap-type: y mandatory;\r\n}\r\n#DivaCore .swiper-centered > .swiper-wrapper::before {\r\n content: '';\r\n flex-shrink: 0;\r\n order: 9999;\r\n}\r\n[dir=\"ltr\"] #DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\r\n margin-left: var(--swiper-centered-offset-before);\r\n}\r\n[dir=\"rtl\"] #DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {\r\n margin-right: var(--swiper-centered-offset-before);\r\n}\r\n#DivaCore .swiper-centered.swiper-horizontal > .swiper-wrapper::before {\r\n height: 100%;\r\n min-height: 1px;\r\n width: var(--swiper-centered-offset-after);\r\n}\r\n#DivaCore .swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {\r\n margin-top: var(--swiper-centered-offset-before);\r\n}\r\n#DivaCore .swiper-centered.swiper-vertical > .swiper-wrapper::before {\r\n width: 100%;\r\n min-width: 1px;\r\n height: var(--swiper-centered-offset-after);\r\n}\r\n#DivaCore .swiper-centered > .swiper-wrapper > .swiper-slide {\r\n scroll-snap-align: center center;\r\n}\r\n\r\n/*Free mode*/\r\n#DivaCore .swiper-free-mode > .swiper-wrapper {\r\n transition-timing-function: ease-out;\r\n margin: 0 auto;\r\n}\r\n/*navigation*/\r\n#DivaCore :root {\r\n --swiper-navigation-size: 44px;\r\n}\r\n#DivaCore .swiper-button-next,\r\n#DivaCore .swiper-button-prev {\r\n position: absolute;\r\n top: 50%;\r\n width: calc(var(--swiper-navigation-size) / 44 * 27);\r\n height: var(--swiper-navigation-size);\r\n margin-top: calc(0px - (var(--swiper-navigation-size) / 2));\r\n z-index: 10;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: var(--swiper-theme-color);\r\n color: var(--swiper-navigation-color, var(--swiper-theme-color));\r\n}\r\n#DivaCore .swiper-button-next.swiper-button-disabled,\r\n#DivaCore .swiper-button-prev.swiper-button-disabled {\r\n opacity: 0.35;\r\n cursor: auto;\r\n pointer-events: none;\r\n}\r\n#DivaCore .swiper-button-next.swiper-button-hidden,\r\n#DivaCore .swiper-button-prev.swiper-button-hidden {\r\n opacity: 0;\r\n cursor: auto;\r\n pointer-events: none;\r\n}\r\n#DivaCore .swiper-navigation-disabled .swiper-button-next,\r\n#DivaCore .swiper-navigation-disabled .swiper-button-prev {\r\n display: none !important;\r\n}\r\n#DivaCore .swiper-button-next:after,\r\n#DivaCore .swiper-button-prev:after {\r\n text-transform: none !important;\r\n}\r\n#DivaCore .swiper-button-next:after,\r\n#DivaCore .swiper-button-prev:after {\r\n font-family: swiper-icons;\r\n font-size: var(--swiper-navigation-size);\r\n letter-spacing: 0;\r\n font-feature-settings: ;\r\n font-variant: normal;\r\n font-variant: initial;\r\n line-height: 1;\r\n}\r\n#DivaCore #diva-swiper .swiper-button-prev,\r\n#DivaCore #diva-swiper .swiper-rtl .swiper-button-next {\r\n left: 10px;\r\n right: auto;\r\n}\r\n#DivaCore .swiper-button-prev:after,\r\n#DivaCore .swiper-rtl .swiper-button-next:after {\r\n content: 'prev';\r\n}\r\n#DivaCore #diva-swiper .swiper-button-next,\r\n#DivaCore #diva-swiper .swiper-rtl .swiper-button-prev {\r\n right: 10px;\r\n left: auto;\r\n}\r\n#DivaCore .swiper-button-next:after,\r\n#DivaCore .swiper-rtl .swiper-button-prev:after {\r\n content: 'next';\r\n}\r\n#DivaCore .swiper-button-lock {\r\n display: none;\r\n}\r\n/*pagination*/\r\n#DivaCore .swiper-pagination {\r\n position: absolute;\r\n text-align: center;\r\n transition: 0.3s opacity;\r\n transform: translate3d(0, 0, 0);\r\n z-index: 10;\r\n}\r\n#DivaCore .swiper-pagination.swiper-pagination-hidden {\r\n opacity: 0;\r\n}\r\n#DivaCore .swiper-pagination-disabled > .swiper-pagination,\r\n#DivaCore .swiper-pagination.swiper-pagination-disabled {\r\n display: none !important;\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets,\r\n#DivaCore .swiper-pagination-bullets.swiper-pagination-horizontal,\r\n#DivaCore .swiper-pagination-custom,\r\n#DivaCore .swiper-pagination-fraction {\r\n bottom: 10px;\r\n left: 0;\r\n width: 100%;\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic {\r\n overflow: hidden;\r\n font-size: 0;\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\r\n transform: scale(0.33);\r\n position: relative;\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {\r\n transform: scale(1);\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {\r\n transform: scale(1);\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {\r\n transform: scale(0.66);\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {\r\n transform: scale(0.33);\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {\r\n transform: scale(0.66);\r\n}\r\n#DivaCore .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {\r\n transform: scale(0.33);\r\n}\r\n#DivaCore .swiper-pagination-bullet {\r\n width: 8px;\r\n width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));\r\n height: 8px;\r\n height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));\r\n display: inline-block;\r\n border-radius: 50%;\r\n background: #000;\r\n background: var(--swiper-pagination-bullet-inactive-color, #000);\r\n opacity: 0.2;\r\n opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);\r\n}\r\n#DivaCore button.swiper-pagination-bullet {\r\n border: none;\r\n margin: 0;\r\n padding: 0;\r\n box-shadow: none;\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n appearance: none;\r\n}\r\n#DivaCore .swiper-pagination-clickable .swiper-pagination-bullet {\r\n cursor: pointer;\r\n}\r\n#DivaCore .swiper-pagination-bullet:only-child {\r\n display: none !important;\r\n}\r\n#DivaCore .swiper-pagination-bullet-active {\r\n opacity: 1;\r\n opacity: var(--swiper-pagination-bullet-opacity, 1);\r\n background: var(--swiper-theme-color);\r\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\r\n}\r\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets,\r\n#DivaCore .swiper-vertical > .swiper-pagination-bullets {\r\n right: 10px;\r\n top: 50%;\r\n transform: translate3d(0px, -50%, 0);\r\n}\r\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,\r\n#DivaCore .swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {\r\n margin: 6px 0;\r\n margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;\r\n display: block;\r\n}\r\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\r\n#DivaCore .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\r\n top: 50%;\r\n transform: translateY(-50%);\r\n width: 8px;\r\n}\r\n#DivaCore .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\r\n#DivaCore .swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\r\n display: inline-block;\r\n transition: 0.2s transform, 0.2s top;\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,\r\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {\r\n margin: 0 4px;\r\n margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,\r\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {\r\n left: 50%;\r\n transform: translateX(-50%);\r\n white-space: nowrap;\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,\r\n#DivaCore .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\r\n transition: 0.2s transform, 0.2s left;\r\n}\r\n#DivaCore .swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {\r\n transition: 0.2s transform, 0.2s right;\r\n}\r\n#DivaCore .swiper-pagination-progressbar {\r\n background: rgba(0, 0, 0, 0.25);\r\n position: absolute;\r\n}\r\n#DivaCore .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\r\n background: var(--swiper-theme-color);\r\n background: var(--swiper-pagination-color, var(--swiper-theme-color));\r\n position: absolute;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n transform: scale(0);\r\n transform-origin: left top;\r\n}\r\n#DivaCore .swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {\r\n transform-origin: right top;\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-progressbar,\r\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-horizontal,\r\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,\r\n#DivaCore .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {\r\n width: 100%;\r\n height: 4px;\r\n left: 0;\r\n top: 0;\r\n}\r\n#DivaCore .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,\r\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,\r\n#DivaCore .swiper-pagination-progressbar.swiper-pagination-vertical,\r\n#DivaCore .swiper-vertical > .swiper-pagination-progressbar {\r\n width: 4px;\r\n height: 100%;\r\n left: 0;\r\n top: 0;\r\n}\r\n#DivaCore .swiper-pagination-lock {\r\n display: none;\r\n}\r\n";
|
|
2025
2025
|
styleInject(css_248z$2);
|
|
2026
2026
|
|
|
2027
|
-
var css_248z$1 = "#diva-swiper .swiper {\n --swiper-theme-color: var(--diva-theme-palette-primary-main);\n width: 100%;\n height: 100%;\n}\n\n#diva-swiper .swiper-slide {\n font-size: 18px;\n overflow: hidden;\n\n /* Center slide text vertically */\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.diva-pagination-css .swiper-slide-with-pagination {\n box-sizing: border-box !important;\n}\n\n.diva-pagination-css .swiper-slide-with-pagination {\n height: 100%;\n padding-top: 40px;\n justify-content: initial;\n align-items: initial;\n}\n\n.diva-pagination-css .swiper-pagination-horizontal {\n z-index: 5 !important;\n}\n\n.diva-pagination-css .swiper-pagination-horizontal {\n position: absolute;\n top: 0;\n width: 100%;\n transition: 0.3s opacity;\n width: -moz-fit-content;\n display: flex;\n justify-content: center;\n align-items: flex-end;\n}\n\n/* custom pagination for type tab */\n\n.diva-pagination-css .swiper-pagination-bullets {\n display: flex;\n justify-content: flex-start;\n gap: 12px;\n}\n\n#diva-swiper .paginationTitle {\n display: flex;\n flex-direction: column;\n flex-basis: 100%;\n max-width: 180px;\n font-family: var(--diva-typography-font-family);\n font-style: normal;\n font-weight: 500;\n font-size: 17px;\n line-height: 20px;\n}\n\n#diva-swiper .paginationTitle > div {\n color: #8f8f8f;\n cursor: pointer;\n white-space: nowrap;\n transition: background-color 300ms ease;\n}\n\n#diva-swiper .paginationTitle > div:nth-child(1) {\n padding: 5px 5px 5px 2px;\n text-align: left;\n}\n\n#diva-swiper .paginationTitle > div:nth-child(2) {\n height: 3px;\n background-color: #e0e0e0;\n border-radius: 3px;\n}\n\n#diva-swiper .paginationTitle:hover > div:nth-child(2) {\n background-color: grey;\n}\n#diva-swiper .paginationTitleSel:hover > div:nth-child(1) {\n color: var(--diva-theme-palette-primary-main);\n}\n#diva-swiper .paginationTitleSel:hover > div:nth-child(2) {\n background-color: var(--diva-theme-palette-primary-main);\n}\n\n#diva-swiper .paginationTitleSel > div:nth-child(1) {\n color: var(--diva-theme-palette-primary-main);\n}\n\n#diva-swiper .paginationTitleSel > div:nth-child(2) {\n background-color: var(--diva-theme-palette-primary-main);\n}\n\n.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\n top: 10px;\n height: -moz-min-content;\n height: min-content;\n}\n";
|
|
2027
|
+
var css_248z$1 = "#diva-swiper .swiper {\r\n --swiper-theme-color: var(--diva-theme-palette-primary-main);\r\n width: 100%;\r\n height: 100%;\r\n}\r\n\r\n#diva-swiper .swiper-slide {\r\n font-size: 18px;\r\n overflow: hidden;\r\n\r\n /* Center slide text vertically */\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n}\r\n\r\n.diva-pagination-css .swiper-slide-with-pagination {\r\n box-sizing: border-box !important;\r\n}\r\n\r\n.diva-pagination-css .swiper-slide-with-pagination {\r\n height: 100%;\r\n padding-top: 40px;\r\n justify-content: initial;\r\n align-items: initial;\r\n}\r\n\r\n.diva-pagination-css .swiper-pagination-horizontal {\r\n z-index: 5 !important;\r\n}\r\n\r\n.diva-pagination-css .swiper-pagination-horizontal {\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n transition: 0.3s opacity;\r\n width: -moz-fit-content;\r\n display: flex;\r\n justify-content: center;\r\n align-items: flex-end;\r\n}\r\n\r\n/* custom pagination for type tab */\r\n\r\n.diva-pagination-css .swiper-pagination-bullets {\r\n display: flex;\r\n justify-content: flex-start;\r\n gap: 12px;\r\n}\r\n\r\n#diva-swiper .paginationTitle {\r\n display: flex;\r\n flex-direction: column;\r\n flex-basis: 100%;\r\n max-width: 180px;\r\n font-family: var(--diva-typography-font-family);\r\n font-style: normal;\r\n font-weight: 500;\r\n font-size: 17px;\r\n line-height: 20px;\r\n}\r\n\r\n#diva-swiper .paginationTitle > div {\r\n color: #8f8f8f;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n transition: background-color 300ms ease;\r\n}\r\n\r\n#diva-swiper .paginationTitle > div:nth-child(1) {\r\n padding: 5px 5px 5px 2px;\r\n text-align: left;\r\n}\r\n\r\n#diva-swiper .paginationTitle > div:nth-child(2) {\r\n height: 3px;\r\n background-color: #e0e0e0;\r\n border-radius: 3px;\r\n}\r\n\r\n#diva-swiper .paginationTitle:hover > div:nth-child(2) {\r\n background-color: grey;\r\n}\r\n#diva-swiper .paginationTitleSel:hover > div:nth-child(1) {\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n#diva-swiper .paginationTitleSel:hover > div:nth-child(2) {\r\n background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n#diva-swiper .paginationTitleSel > div:nth-child(1) {\r\n color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n#diva-swiper .paginationTitleSel > div:nth-child(2) {\r\n background-color: var(--diva-theme-palette-primary-main);\r\n}\r\n\r\n.diva-pagination-css .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {\r\n top: 10px;\r\n height: -moz-min-content;\r\n height: min-content;\r\n}\r\n";
|
|
2028
2028
|
styleInject(css_248z$1);
|
|
2029
2029
|
|
|
2030
2030
|
var _excluded$1 = ["contents", "sliderType", "autoPlay", "pagination", "navigation", "type", "height", "centeredSlides", "scrollToSelectedItem", "swipeRef"];
|
|
@@ -2121,7 +2121,7 @@ var container = "container-o1Fzx";
|
|
|
2121
2121
|
var isMobileClass = "is-mobile-class-DmX9a";
|
|
2122
2122
|
var closeIcon = "closeIcon-PF5Nn";
|
|
2123
2123
|
var left = "left-E5azE";
|
|
2124
|
-
var css_248z = ".container-o1Fzx {\n overflow: hidden;\n width: calc(100% - 32px);\n height: calc(100% - 32px);\n position: relative;\n background-color: white;\n padding: 16px;\n}\n\n.is-mobile-class-DmX9a.container-o1Fzx {\n overflow: auto;\n width: 100%;\n height: 100%;\n padding: 0;\n padding: initial;\n}\n\n.closeIcon-PF5Nn {\n position: absolute;\n right: 32px;\n top: 32px;\n width: var(--closeIconSize);\n height: var(--closeIconSize);\n opacity: 0.3;\n z-index: 300;\n}\n\n.closeIcon-PF5Nn.left-E5azE {\n left: 16px;\n right: auto;\n right: initial;\n}\n\n.closeIcon-PF5Nn:hover {\n cursor: pointer;\n}\n\n.closeIcon-PF5Nn:before {\n transform: rotate(45deg);\n}\n\n.closeIcon-PF5Nn:after {\n transform: rotate(-45deg);\n}\n\n.is-mobile-class-DmX9a .closeIcon-PF5Nn {\n right: 16px;\n top: 16px;\n}\n\n.closeIcon-PF5Nn:before,\n.closeIcon-PF5Nn:after {\n position: absolute;\n left: calc(var(--closeIconSize) / 2);\n content: ' ';\n height: var(--closeIconSize);\n width: 3px;\n background-color: #4b4b4b;\n}\n\n.closeIcon-PF5Nn:hover {\n opacity: 0.8;\n transition: opacity 0.2s ease-in-out;\n}\n";
|
|
2124
|
+
var css_248z = ".container-o1Fzx {\r\n overflow: hidden;\r\n width: calc(100% - 32px);\r\n height: calc(100% - 32px);\r\n position: relative;\r\n background-color: white;\r\n padding: 16px;\r\n}\r\n\r\n.is-mobile-class-DmX9a.container-o1Fzx {\r\n overflow: auto;\r\n width: 100%;\r\n height: 100%;\r\n padding: 0;\r\n padding: initial;\r\n}\r\n\r\n.closeIcon-PF5Nn {\r\n position: absolute;\r\n right: 32px;\r\n top: 32px;\r\n width: var(--closeIconSize);\r\n height: var(--closeIconSize);\r\n opacity: 0.3;\r\n z-index: 300;\r\n}\r\n\r\n.closeIcon-PF5Nn.left-E5azE {\r\n left: 16px;\r\n right: auto;\r\n right: initial;\r\n}\r\n\r\n.closeIcon-PF5Nn:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.closeIcon-PF5Nn:before {\r\n transform: rotate(45deg);\r\n}\r\n\r\n.closeIcon-PF5Nn:after {\r\n transform: rotate(-45deg);\r\n}\r\n\r\n.is-mobile-class-DmX9a .closeIcon-PF5Nn {\r\n right: 16px;\r\n top: 16px;\r\n}\r\n\r\n.closeIcon-PF5Nn:before,\r\n.closeIcon-PF5Nn:after {\r\n position: absolute;\r\n left: calc(var(--closeIconSize) / 2);\r\n content: ' ';\r\n height: var(--closeIconSize);\r\n width: 3px;\r\n background-color: #4b4b4b;\r\n}\r\n\r\n.closeIcon-PF5Nn:hover {\r\n opacity: 0.8;\r\n transition: opacity 0.2s ease-in-out;\r\n}\r\n";
|
|
2125
2125
|
styleInject(css_248z);
|
|
2126
2126
|
|
|
2127
2127
|
var _excluded = ["content", "type", "closeIconSize", "hideCloseIconInPortrait", "switchCloseIconToLeftInPortrait", "hideCloseIcon"];
|
|
@@ -2161,10 +2161,10 @@ var CloseButtonContainer = function CloseButtonContainer(_ref) {
|
|
|
2161
2161
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
2162
2162
|
function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
2163
2163
|
var ArViewer = /*#__PURE__*/React.lazy(function () {
|
|
2164
|
-
return import('./index-
|
|
2164
|
+
return import('./index-66a34f6b.js');
|
|
2165
2165
|
});
|
|
2166
2166
|
var MediaViewer = /*#__PURE__*/React.lazy(function () {
|
|
2167
|
-
return import('./index-
|
|
2167
|
+
return import('./index-e0bf9b8e.js');
|
|
2168
2168
|
});
|
|
2169
2169
|
var ContentBox$1 = function ContentBox(props) {
|
|
2170
2170
|
var _useContentBoxState = useContentBoxState(),
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { s as styleInject, a as usePdpState, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, e as buttonLeft, d as buttonCenter } from './index-8d227a57.js';
|
|
2
|
+
import classNames from 'classnames';
|
|
3
|
+
import { observer } from 'mobx-react-lite';
|
|
4
|
+
import 'react';
|
|
5
|
+
import { useTranslation } from '@crystaldesign/diva-core';
|
|
6
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
+
import '@babel/runtime/helpers/defineProperty';
|
|
8
|
+
import '@babel/runtime/helpers/slicedToArray';
|
|
9
|
+
import '@babel/runtime/helpers/objectWithoutProperties';
|
|
10
|
+
import '@babel/runtime/helpers/asyncToGenerator';
|
|
11
|
+
import '@babel/runtime/regenerator';
|
|
12
|
+
import '@crystaldesign/diva-utils';
|
|
13
|
+
import '@babel/runtime/helpers/classCallCheck';
|
|
14
|
+
import '@babel/runtime/helpers/createClass';
|
|
15
|
+
import 'mobx';
|
|
16
|
+
import '@babel/runtime/helpers/objectDestructuringEmpty';
|
|
17
|
+
import '@babel/runtime/helpers/toConsumableArray';
|
|
18
|
+
import 'react-dom/server';
|
|
19
|
+
import 'swiper/react';
|
|
20
|
+
import 'swiper/modules';
|
|
21
|
+
|
|
22
|
+
var plusIcon = "plus-icon-KKmk0";
|
|
23
|
+
var editIcon = "edit-icon-1jv7K";
|
|
24
|
+
var css_248z = ".accept-icon-NDcAN {\r\n min-width: 60px;\r\n}\r\n\r\n.deny-icon-05mfy {\r\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D%0D\");\r\n}\r\n\r\n.plus-icon-KKmk0 {\r\n background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 fill%3D%22%23fff%22 height%3D%2248%22 viewBox%3D%220 96 960 960%22 width%3D%2248%22%3E%0D%3Cpath d%3D%22M450 856V606H200v-60h250V296h60v250h250v60H510v250h-60Z%22%2F%3E%0D%3C%2Fsvg%3E\");\r\n}\r\n\r\n.edit-icon-1jv7K {\r\n background: center / 60% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%0D%3Csvg fill%3D%22%23fff%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 viewBox%3D%220 0 50 50%22 width%3D%2250px%22 height%3D%2250px%22%3E%3Cpath d%3D%22M 22.199219 2 A 1.0001 1.0001 0 0 0 21.214844 2.8339844 L 20.205078 8.796875 C 19.01608 9.1476749 17.903339 9.6072866 16.835938 10.173828 L 11.875 6.6816406 A 1.0001 1.0001 0 0 0 10.59375 6.7929688 L 6.6933594 10.693359 A 1.0001 1.0001 0 0 0 6.5820312 11.974609 L 10.076172 16.939453 C 9.5032306 17.983292 9.0447681 19.109183 8.6992188 20.298828 L 2.8457031 21.212891 A 1.0001 1.0001 0 0 0 2 22.199219 L 2 27.699219 A 1.0001 1.0001 0 0 0 2.8339844 28.685547 L 8.7949219 29.693359 C 9.1451119 30.880887 9.6045402 31.990547 10.169922 33.056641 L 6.6875 37.917969 A 1.0001 1.0001 0 0 0 6.7929688 39.207031 L 10.693359 43.107422 A 1.0001 1.0001 0 0 0 11.974609 43.21875 L 16.939453 39.724609 C 17.985462 40.298683 19.114316 40.757752 20.306641 41.103516 L 21.314453 47.066406 A 1.0001 1.0001 0 0 0 22.300781 47.900391 L 27.800781 47.900391 A 1.0001 1.0001 0 0 0 28.783203 47.082031 L 29.884766 41.107422 C 31.077734 40.756262 32.193186 40.294742 33.263672 39.726562 L 38.224609 43.21875 A 1.0001 1.0001 0 0 0 39.507812 43.107422 L 43.40625 39.207031 A 1.0001 1.0001 0 0 0 43.509766 37.914062 L 39.931641 32.957031 C 40.500209 31.91951 40.957756 30.82106 41.300781 29.693359 L 47.169922 28.685547 A 1.0001 1.0001 0 0 0 48 27.699219 L 48 22.199219 A 1.0001 1.0001 0 0 0 47.166016 21.214844 L 41.199219 20.203125 C 40.855563 19.074235 40.397841 17.973827 39.828125 16.935547 L 43.318359 11.974609 A 1.0001 1.0001 0 0 0 43.207031 10.693359 L 39.306641 6.7929688 A 1.0001 1.0001 0 0 0 38.013672 6.6894531 L 33.052734 10.273438 C 32.009656 9.7017023 30.885686 9.2413677 29.697266 8.8964844 L 28.685547 2.8359375 A 1.0001 1.0001 0 0 0 27.699219 2 L 22.199219 2 z M 23.044922 4 L 26.853516 4 L 27.814453 9.7636719 A 1.0001 1.0001 0 0 0 28.556641 10.570312 C 30.07104 10.948913 31.478126 11.514935 32.675781 12.251953 A 1.0001 1.0001 0 0 0 33.785156 12.210938 L 38.494141 8.8085938 L 41.197266 11.511719 L 37.882812 16.224609 A 1.0001 1.0001 0 0 0 37.847656 17.324219 C 38.584675 18.521874 39.154586 19.937607 39.533203 21.357422 A 1.0001 1.0001 0 0 0 40.333984 22.085938 L 46 23.044922 L 46 26.857422 L 40.429688 27.814453 A 1.0001 1.0001 0 0 0 39.632812 28.542969 C 39.254196 29.962783 38.686237 31.378517 37.949219 32.576172 A 1.0001 1.0001 0 0 0 37.990234 33.685547 L 41.390625 38.394531 L 38.6875 41.097656 L 33.974609 37.78125 A 1.0001 1.0001 0 0 0 32.904297 37.732422 C 31.566632 38.496802 30.2627 39.053466 28.757812 39.429688 A 1.0001 1.0001 0 0 0 28.017578 40.21875 L 26.966797 45.900391 L 23.144531 45.900391 L 22.185547 40.232422 A 1.0001 1.0001 0 0 0 21.443359 39.429688 C 19.92896 39.051088 18.521874 38.485065 17.324219 37.748047 A 1.0001 1.0001 0 0 0 16.224609 37.78125 L 11.511719 41.097656 L 8.8066406 38.392578 L 12.113281 33.783203 A 1.0001 1.0001 0 0 0 12.167969 32.703125 C 11.403582 31.365465 10.846925 30.061529 10.470703 28.556641 A 1.0001 1.0001 0 0 0 9.6660156 27.814453 L 4 26.855469 L 4 23.056641 L 9.5546875 22.1875 A 1.0001 1.0001 0 0 0 10.371094 21.443359 C 10.749694 19.92896 11.313763 18.521874 12.050781 17.324219 A 1.0001 1.0001 0 0 0 12.017578 16.224609 L 8.7011719 11.511719 L 11.412109 8.8027344 L 16.125 12.117188 A 1.0001 1.0001 0 0 0 17.195312 12.167969 C 18.532978 11.403589 19.836909 10.846925 21.341797 10.470703 A 1.0001 1.0001 0 0 0 22.085938 9.6660156 L 23.044922 4 z M 25 17 C 20.570085 17 17 20.570085 17 25 C 17 29.429915 20.570085 33 25 33 C 29.429915 33 33 29.429915 33 25 C 33 20.570085 29.429915 17 25 17 z M 25 19 C 28.370085 19 31 21.629915 31 25 C 31 28.370085 28.370085 31 25 31 C 21.629915 31 19 28.370085 19 25 C 19 21.629915 21.629915 19 25 19 z%22%2F%3E%3C%2Fsvg%3E\");\r\n}\r\n\r\n.accept-icon-NDcAN {\r\n background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
|
|
25
|
+
styleInject(css_248z);
|
|
26
|
+
|
|
27
|
+
var FunctionsFooter = function FunctionsFooter(_ref) {
|
|
28
|
+
var footerFixed = _ref.footerFixed;
|
|
29
|
+
var _usePdpState = usePdpState(),
|
|
30
|
+
pdpState = _usePdpState.pdpState;
|
|
31
|
+
var _useTranslation = useTranslation(),
|
|
32
|
+
t = _useTranslation.t;
|
|
33
|
+
var creatBaseproduct = !pdpState.isForcedFlat && pdpState.isFlatProduct;
|
|
34
|
+
var editBaseproduct = !pdpState.isForcedFlat && !pdpState.isFlatProduct;
|
|
35
|
+
return /*#__PURE__*/jsxs("div", {
|
|
36
|
+
className: classNames(footerWrapper, footerFixed ? posFixed : posAbsolute),
|
|
37
|
+
children: [editBaseproduct && /*#__PURE__*/jsx("div", {
|
|
38
|
+
title: t('product.edit_baseconfiguration'),
|
|
39
|
+
onClick: function onClick() {
|
|
40
|
+
return pdpState.editBaseconfiguration();
|
|
41
|
+
},
|
|
42
|
+
className: classNames(button, buttonLeft, editIcon)
|
|
43
|
+
}), creatBaseproduct && /*#__PURE__*/jsx("div", {
|
|
44
|
+
title: t('product.create_baseconfiguration'),
|
|
45
|
+
onClick: function onClick() {
|
|
46
|
+
return pdpState.creatBaseconfiguration();
|
|
47
|
+
},
|
|
48
|
+
className: classNames(button, buttonLeft, plusIcon)
|
|
49
|
+
}), /*#__PURE__*/jsx("div", {
|
|
50
|
+
className: classNames(button, buttonCenter),
|
|
51
|
+
onClick: function onClick() {
|
|
52
|
+
return pdpState.openClassification();
|
|
53
|
+
},
|
|
54
|
+
children: t('product.open_classification')
|
|
55
|
+
})]
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
var index = observer(FunctionsFooter);
|
|
59
|
+
|
|
60
|
+
export { index as default };
|
|
@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
|
2
2
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
3
3
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
4
4
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
5
|
-
import { s as styleInject, u as useApiInterface, G as Group } from './index-
|
|
5
|
+
import { s as styleInject, u as useApiInterface, G as Group } from './index-8d227a57.js';
|
|
6
6
|
import { useRef, useEffect, useState } from 'react';
|
|
7
7
|
import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
|
|
8
8
|
import { createPortal } from 'react-dom';
|
|
@@ -51,7 +51,7 @@ var useDraggableInPortal = function useDraggableInPortal() {
|
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
var icon = "icon-E1lDK";
|
|
54
|
-
var css_248z = ".icon-E1lDK {\n width: 100%;\n height: 20px;\n background: center / 50% no-repeat url(\"data:image/svg+xml,%3Csvg class%3D%22svg-icon%22 style%3D%22width%3A 1em%3B height%3A 1em%3Bvertical-align%3A middle%3Bfill%3A currentColor%3Boverflow%3A hidden%3B%22 viewBox%3D%220 0 1024 1024%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M219.428571 585.142857c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858-146.285714c36.571429 0 73.142857-36.571429 73.142857-73.142857s-36.571429-73.142857-73.142857-73.142857-73.142857 36.571429-73.142858 73.142857 36.571429 73.142857 73.142858 73.142857zM219.428571 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858 292.571428c-36.571429 0-73.142857 36.571429-73.142858 73.142857s36.571429 73.142857 73.142858 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857zM512 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z m0 292.571428c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z%22 %2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
54
|
+
var css_248z = ".icon-E1lDK {\r\n width: 100%;\r\n height: 20px;\r\n background: center / 50% no-repeat url(\"data:image/svg+xml,%0D%3Csvg class%3D%22svg-icon%22 style%3D%22width%3A 1em%3B height%3A 1em%3Bvertical-align%3A middle%3Bfill%3A currentColor%3Boverflow%3A hidden%3B%22 viewBox%3D%220 0 1024 1024%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M219.428571 585.142857c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858-146.285714c36.571429 0 73.142857-36.571429 73.142857-73.142857s-36.571429-73.142857-73.142857-73.142857-73.142857 36.571429-73.142858 73.142857 36.571429 73.142857 73.142858 73.142857zM219.428571 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142858-73.142857-36.571429-73.142857-73.142858-73.142857z m585.142858 292.571428c-36.571429 0-73.142857 36.571429-73.142858 73.142857s36.571429 73.142857 73.142858 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857zM512 292.571429c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z m0 292.571428c-36.571429 0-73.142857 36.571429-73.142857 73.142857s36.571429 73.142857 73.142857 73.142857 73.142857-36.571429 73.142857-73.142857-36.571429-73.142857-73.142857-73.142857z%22 %2F%3E%3C%2Fsvg%3E\");\r\n}\r\n";
|
|
55
55
|
styleInject(css_248z);
|
|
56
56
|
|
|
57
57
|
function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-
|
|
1
|
+
import { s as styleInject, a as usePdpState, S as STATES, f as footerWrapper, p as posFixed, b as posAbsolute, c as button, d as buttonCenter } from './index-8d227a57.js';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { observer } from 'mobx-react-lite';
|
|
4
4
|
import 'react';
|
|
@@ -21,7 +21,7 @@ import 'swiper/modules';
|
|
|
21
21
|
|
|
22
22
|
var acceptIcon = "accept-icon-VWOzU";
|
|
23
23
|
var denyIcon = "deny-icon-DDlMJ";
|
|
24
|
-
var css_248z = ".accept-icon-VWOzU,\n.deny-icon-DDlMJ {\n min-width: 60px;\n}\n\n.deny-icon-DDlMJ {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.deny-icon-DDlMJ {\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n\n.accept-icon-VWOzU {\n background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n}\n";
|
|
24
|
+
var css_248z = ".accept-icon-VWOzU,\r\n.deny-icon-DDlMJ {\r\n min-width: 60px;\r\n}\r\n\r\n.deny-icon-DDlMJ {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n}\r\n\r\n.deny-icon-DDlMJ {\r\n background: center / 33% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%2210%22 viewBox%3D%220 0 10 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1 1L9 9M9 1L1 9%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D%0D\");\r\n}\r\n\r\n.accept-icon-VWOzU {\r\n background: center / 43% no-repeat var(--diva-theme-palette-primary-main) url(\"data:image/svg+xml,%3Csvg width%3D%2212%22 height%3D%229%22 viewBox%3D%220 0 12 9%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M1.44531 3.49126L5.625 8.09375L10.75 0.953613%22 stroke%3D%22%23fff%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n}\r\n";
|
|
25
25
|
styleInject(css_248z);
|
|
26
26
|
|
|
27
27
|
var CheckpointFooter = function CheckpointFooter(_ref) {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
2
2
|
import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
|
|
3
3
|
import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
4
|
-
import { s as styleInject } from './index-
|
|
4
|
+
import { s as styleInject } from './index-8d227a57.js';
|
|
5
5
|
import { getLogger, useTranslation, useDivaCore } from '@crystaldesign/diva-core';
|
|
6
6
|
import React, { useMemo, useState, useEffect } from 'react';
|
|
7
7
|
import classNames from 'classnames';
|
|
8
|
-
import ArViewer from './index-
|
|
8
|
+
import ArViewer from './index-66a34f6b.js';
|
|
9
9
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
10
10
|
import '@babel/runtime/helpers/defineProperty';
|
|
11
11
|
import 'mobx-react-lite';
|
|
@@ -24,7 +24,7 @@ import 'react-qr-code';
|
|
|
24
24
|
var hideCloseFullscreen = "hide-close-fullscreen-LcRPK";
|
|
25
25
|
var arIcon = "ar-icon-rYTkh";
|
|
26
26
|
var rotationIcon = "rotation-icon-DvHEW";
|
|
27
|
-
var css_248z = ".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\") !important;\n mask-size: 75% !important;\n -webkit-mask-size: 75% !important;\n}\n\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\n -webkit-mask-repeat: no-repeat;\n mask-repeat: no-repeat;\n background-color: #4f4f4f;\n}\n\n.hide-close-fullscreen-LcRPK .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\n display: none;\n}\n\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\n min-height: 20px !important;\n}\n\n.smv-thumbnails .smv-selector[data-type='spin']:before {\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\n}\n\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\n margin: 10px;\n height: calc(100% - 20px);\n}\n\n#DivaCore .smv-selectors-box {\n z-index: 50;\n}\n\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\n align-items: inherit;\n}\n.ar-icon-rYTkh {\n height: 100%;\n width: 100%;\n background-size: contain;\n background-position: center;\n width: 70px;\n height: 70px;\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%22250.000000pt%22 height%3D%22250.000000pt%22 viewBox%3D%220 0 250.000000 250.000000%22 preserveAspectRatio%3D%22xMidYMid meet%22%3E %3Cg transform%3D%22translate(0.000000%2C250.000000) scale(0.100000%2C-0.100000)%22 fill%3D%22%23000000%22 stroke%3D%22none%22%3E %3Cpath d%3D%22M642 2047 l-32 -33 0 -765 0 -765 33 -32 33 -32 385 0 385 0 32 33 32 33 0 765 0 765 -33 32 -33 32 -385 0 -385 0 -32 -33z m136 -64 c6 -57 11 -58 282 -58 274 0 280 1 280 62 0 34 1 34 33 28 17 -4 38 -13 46 -20 26 -25 32 -202 29 -833 l-3 -634 -24 -19 c-22 -18 -43 -19 -361 -19 -318 0 -339 1 -361 19 l-24 19 -3 694 c-2 381 0 708 3 726 4 23 16 39 38 53 43 26 61 21 65 -18z%22%2F%3E %3Cpath d%3D%22M1153 1629 l-213 -121 0 -321 0 -322 97 -55 c255 -145 337 -189 345 -184 4 3 8 19 8 35 0 33 -5 37 -245 182 l-120 72 -3 248 c-1 136 0 247 2 247 2 0 74 -40 159 -90 86 -49 166 -91 179 -92 20 -3 23 1 23 31 0 33 -3 36 -157 125 -87 50 -158 94 -158 98 0 3 64 44 142 89 78 46 150 91 160 101 21 21 25 78 6 78 -7 0 -109 -55 -225 -121z%22%2F%3E %3Cpath d%3D%22M1580 1726 c0 -21 7 -43 18 -54 10 -10 83 -56 163 -102 79 -45 145 -84 147 -85 2 -1 -61 -40 -140 -85 -165 -95 -188 -114 -188 -150 0 -52 -4 -54 218 76 79 46 145 84 148 84 2 0 3 -111 2 -247 l-3 -248 -120 -72 c-240 -145 -245 -149 -245 -182 0 -16 4 -32 8 -35 8 -5 87 37 345 184 l97 55 -2 323 -3 324 -160 90 c-88 49 -188 106 -222 125 l-63 35 0 -36z%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\");\n}\n\n.rotation-icon-DvHEW {\n position: absolute;\n top: 0;\n left: 0;\n width: 30px;\n height: 30px;\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%2219%22 y%3D%229%22 width%3D%2210%22 height%3D%2215%22 rx%3D%223%22 transform%3D%22rotate(90 19 9)%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22%2F%3E%3Cpath d%3D%22M1 17.0009L1 4.00085C1 2.344 2.34315 1.00085 4 1.00085L8 1.00085C9.65685 1.00085 11 2.344 11 4.00085L11 9.00085%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M17 6.00085C17 3.79172 15.2091 2.00085 13 2.00085%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22%2F%3E%3Cpath d%3D%22M15 5.00084L17 6.94617L19 5.00082%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\");\n z-index: 100;\n margin: 16px;\n}\n\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\n width: auto !important;\n height: auto !important;\n}\n";
|
|
27
|
+
var css_248z = ".diva-media-viewer .smv-button-fullscreen-open .smv-icon {\r\n -webkit-mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\") !important;\r\n mask-image: url(\"data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220 0 18 18%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M17 7.00002L17 1.00004L11 1.00004M0.999963 11L0.999963 17L6.99998 17%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.5%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\") !important;\r\n mask-size: 75% !important;\r\n -webkit-mask-size: 75% !important;\r\n}\r\n\r\n.diva-media-viewer .smv-button-fullscreen-open .smv-icon {\r\n -webkit-mask-repeat: no-repeat;\r\n mask-repeat: no-repeat;\r\n background-color: #4f4f4f;\r\n}\r\n\r\n.hide-close-fullscreen-LcRPK .smv-button .smv-button-fullscreen .smv-button-fullscreen-close {\r\n display: none;\r\n}\r\n\r\n.diva-media-viewer .smv-bullets.smv-h .smv-selectors {\r\n min-height: 20px !important;\r\n}\r\n\r\n.smv-thumbnails .smv-selector[data-type='spin']:before {\r\n background-image: url('https://scripts.sirv.com/sirvjs/v3/graphics/icons/white/icon.spin.12.svg') !important;\r\n}\r\n\r\n.diva-product-wrapper .smv-selectors-box.smv-v.smv-thumbnails {\r\n margin: 10px;\r\n height: calc(100% - 20px);\r\n}\r\n\r\n#DivaCore .smv-selectors-box {\r\n z-index: 50;\r\n}\r\n\r\n#DivaCore .smv-selectors-scroll-container .smv-scroll {\r\n align-items: inherit;\r\n}\r\n.ar-icon-rYTkh {\r\n height: 100%;\r\n width: 100%;\r\n background-size: contain;\r\n background-position: center;\r\n width: 70px;\r\n height: 70px;\r\n background-image: url(\"data:image/svg+xml,%3Csvg version%3D%221.0%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%0D width%3D%22250.000000pt%22 height%3D%22250.000000pt%22 viewBox%3D%220 0 250.000000 250.000000%22%0D preserveAspectRatio%3D%22xMidYMid meet%22%3E%0D %3Cg transform%3D%22translate(0.000000%2C250.000000) scale(0.100000%2C-0.100000)%22%0D fill%3D%22%23000000%22 stroke%3D%22none%22%3E%0D %3Cpath d%3D%22M642 2047 l-32 -33 0 -765 0 -765 33 -32 33 -32 385 0 385 0 32 33%0D 32 33 0 765 0 765 -33 32 -33 32 -385 0 -385 0 -32 -33z m136 -64 c6 -57 11%0D -58 282 -58 274 0 280 1 280 62 0 34 1 34 33 28 17 -4 38 -13 46 -20 26 -25%0D 32 -202 29 -833 l-3 -634 -24 -19 c-22 -18 -43 -19 -361 -19 -318 0 -339 1%0D -361 19 l-24 19 -3 694 c-2 381 0 708 3 726 4 23 16 39 38 53 43 26 61 21 65%0D -18z%22%2F%3E%0D %3Cpath d%3D%22M1153 1629 l-213 -121 0 -321 0 -322 97 -55 c255 -145 337 -189 345%0D -184 4 3 8 19 8 35 0 33 -5 37 -245 182 l-120 72 -3 248 c-1 136 0 247 2 247%0D 2 0 74 -40 159 -90 86 -49 166 -91 179 -92 20 -3 23 1 23 31 0 33 -3 36 -157%0D 125 -87 50 -158 94 -158 98 0 3 64 44 142 89 78 46 150 91 160 101 21 21 25%0D 78 6 78 -7 0 -109 -55 -225 -121z%22%2F%3E%0D %3Cpath d%3D%22M1580 1726 c0 -21 7 -43 18 -54 10 -10 83 -56 163 -102 79 -45 145%0D -84 147 -85 2 -1 -61 -40 -140 -85 -165 -95 -188 -114 -188 -150 0 -52 -4 -54%0D 218 76 79 46 145 84 148 84 2 0 3 -111 2 -247 l-3 -248 -120 -72 c-240 -145%0D -245 -149 -245 -182 0 -16 4 -32 8 -35 8 -5 87 37 345 184 l97 55 -2 323 -3%0D 324 -160 90 c-88 49 -188 106 -222 125 l-63 35 0 -36z%22%2F%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E\");\r\n}\r\n\r\n.rotation-icon-DvHEW {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 30px;\r\n height: 30px;\r\n background: center / contain no-repeat url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Crect x%3D%2219%22 y%3D%229%22 width%3D%2210%22 height%3D%2215%22 rx%3D%223%22 transform%3D%22rotate(90 19 9)%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22%2F%3E%0D%3Cpath d%3D%22M1 17.0009L1 4.00085C1 2.344 2.34315 1.00085 4 1.00085L8 1.00085C9.65685 1.00085 11 2.344 11 4.00085L11 9.00085%22 stroke%3D%22%234F4F4F%22 stroke-width%3D%221.2%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M17 6.00085C17 3.79172 15.2091 2.00085 13 2.00085%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22%2F%3E%0D%3Cpath d%3D%22M15 5.00084L17 6.94617L19 5.00082%22 stroke%3D%22%234F4F4F%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22%2F%3E%0D%3C%2Fsvg%3E%0D\");\r\n z-index: 100;\r\n margin: 16px;\r\n}\r\n\r\n#DivaCore .smv-item smv-thumbnail[data-type='html'] {\r\n width: auto !important;\r\n height: auto !important;\r\n}\r\n";
|
|
28
28
|
styleInject(css_248z);
|
|
29
29
|
|
|
30
30
|
var MediaViewer = function MediaViewer(_ref) {
|
|
@@ -66,7 +66,7 @@ var MediaViewer = function MediaViewer(_ref) {
|
|
|
66
66
|
setMedias(mediasData);
|
|
67
67
|
}, [mediasData]);
|
|
68
68
|
useEffect(function () {
|
|
69
|
-
if (!keepOldZoomIcons) import('./zoom.module-
|
|
69
|
+
if (!keepOldZoomIcons) import('./zoom.module-617dc6d7.js');
|
|
70
70
|
}, []);
|
|
71
71
|
useEffect(function () {
|
|
72
72
|
var _medias$map;
|