@adstore/templates 2.1.1 → 2.1.3

package/dist/style.css

@@ -527,8 +527,17 @@
 ._legal_tv8qf_108::-webkit-scrollbar-thumb {
   background: #7e8392;
   border-radius: 5px;
-}._root_1l0ud_1 {
-  max-width: 320px;
+}._root_15w5v_1 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  overflow: auto;
+}
+
+._content_15w5v_11 {
   width: 100%;
   overflow: hidden;
   border-radius: 10px;
@@ -537,43 +546,59 @@
   display: flex;
 }
 
-._laptop_1l0ud_11 {
-  max-width: 930px;
+._laptop_15w5v_20 {
   min-height: 680px;
 }
 
-._tablet_1l0ud_16 {
-  max-width: 410px;
+._tablet_15w5v_24 {
   min-height: 680px;
 }
 
-._desktop_1l0ud_21 {
-  max-width: 75%;
+._desktop_15w5v_28 {
   min-height: 500px;
 }
 
-._body_1l0ud_26 {
+._wrapper_15w5v_32 {
+  position: relative;
+}
+
+._overlay_15w5v_36 {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.65);
+}
+
+._close_15w5v_42 {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  color: #cbcdd3;
+  cursor: pointer;
+}
+
+._body_15w5v_50 {
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
+  width: 100%;
 }
-._desktop_1l0ud_21 ._body_1l0ud_26 {
+._desktop_15w5v_28 ._body_15w5v_50 {
   padding: 30px 47px 15px 47px;
 }
 
-._logo_1l0ud_37 {
+._logo_15w5v_62 {
   width: 100px;
   height: 60px;
   background: #eee center;
 }
 
-._text_1l0ud_43 {
+._text_15w5v_68 {
   margin: auto 0;
 }
 
-._button_1l0ud_47 {
+._button_15w5v_72 {
   border-radius: 8px;
   padding: 0 15px;
   font-size: 24px;
@@ -584,11 +609,11 @@
   justify-content: center;
   width: 100%;
 }
-._desktop_1l0ud_21 ._button_1l0ud_47 {
+._desktop_15w5v_28 ._button_15w5v_72 {
   width: 70%;
 }
 
-._legal_1l0ud_62 {
+._legal_15w5v_87 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -596,7 +621,7 @@
   width: 100%;
   line-height: 1.2;
 }
-._desktop_1l0ud_21 ._legal_1l0ud_62 {
+._desktop_15w5v_28 ._legal_15w5v_87 {
   width: 70%;
 }._root_2ic16_1 {
   font-size: 20px;
@@ -609,7 +634,11 @@
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
-}._root_13k8c_1 {
+}._root_1ifs0_1 {
+  position: relative;
+}
+
+._content_1ifs0_5 {
   width: 280px;
   overflow: hidden;
   border-radius: 10px;
@@ -619,14 +648,28 @@
   flex-direction: column;
   justify-content: center;
   height: 100%;
+  position: relative;
 }
 
-._desktop_13k8c_13 {
+._desktop_1ifs0_18 {
   width: 1000px;
   padding: 30px 20px;
 }
 
-._title_13k8c_18 {
+._overlay_1ifs0_23 {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.65);
+}
+
+._close_1ifs0_29 {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  color: #cbcdd3;
+}
+
+._title_1ifs0_36 {
   text-transform: uppercase;
   margin-bottom: 20px;
   font-weight: bold;
@@ -636,18 +679,18 @@
   text-align: center;
   line-height: 1.2;
 }
-._desktop_13k8c_13 ._title_13k8c_18 {
+._desktop_1ifs0_18 ._title_1ifs0_36 {
   margin-bottom: 70px;
   font-size: 26px;
 }
 
-._wrapper_13k8c_33 {
+._wrapper_1ifs0_51 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   gap: 15px;
 }
-._desktop_13k8c_13 ._wrapper_13k8c_33 {
+._desktop_1ifs0_18 ._wrapper_1ifs0_51 {
   flex-direction: initial;
   gap: 25px;
 }._root_1ska4_1 {
@@ -775,28 +818,41 @@
 ._legal_1ska4_102::-webkit-scrollbar-thumb {
   background: #7E8392;
   border-radius: 5px;
-}._root_i7e17_1 {
-  max-width: 320px;
-  width: 100%;
+}._root_14xbh_1 {
+  position: absolute;
+  inset: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 1000;
+  overflow: auto;
+}
+
+._content_14xbh_11 {
   overflow: hidden;
   border-radius: 10px;
   background-color: #fff;
-  min-height: 500px;
   display: block;
+  position: relative;
 }
 
-._laptop_i7e17_11,
-._tablet_i7e17_12 {
-  max-width: 410px;
-  min-height: 680px;
+._close_14xbh_19 {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  color: #cbcdd3;
+  cursor: pointer;
 }
 
-._desktop_i7e17_17 {
-  max-width: 930px;
-  min-height: 500px;
+._overlay_14xbh_27 {
+  position: fixed;
+  inset: 0;
+  background-color: rgba(0, 0, 0, 0.65);
 }
 
-._body_i7e17_22 {
+._body_14xbh_33 {
+  width: 300px;
+  min-height: 500px;
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
@@ -804,47 +860,53 @@
   align-items: center;
   height: 100%;
 }
-._desktop_i7e17_17 ._body_i7e17_22 {
+._desktop_14xbh_43 ._body_14xbh_33 {
   padding: 30px 47px 15px 47px;
+  min-height: 500px;
+  width: 1000px;
+}
+._laptop_14xbh_48 ._body_14xbh_33, ._tablet_14xbh_48 ._body_14xbh_33 {
+  width: 410px;
+  min-height: 680px;
 }
 
-._head_i7e17_34 {
+._head_14xbh_53 {
   display: flex;
   align-items: center;
   flex-direction: column-reverse;
   margin-bottom: 10px;
 }
-._desktop_i7e17_17 ._head_i7e17_34 {
+._desktop_14xbh_43 ._head_14xbh_53 {
   flex-direction: initial;
 }
 
-._title_i7e17_44 {
+._title_14xbh_63 {
   font-size: 23px;
   text-transform: uppercase;
   margin-top: 10px;
   color: #333;
   font-weight: bold;
 }
-._desktop_i7e17_17 ._title_i7e17_44 {
+._desktop_14xbh_43 ._title_14xbh_63 {
   font-size: 36px;
   margin-right: 32px;
   margin-bottom: initial;
 }
 
-._logo_i7e17_57 {
+._logo_14xbh_76 {
   width: 100px;
   height: 60px;
   background: #eee;
 }
 
-._wrapper_i7e17_63 {
+._wrapper_14xbh_82 {
   margin: auto 0;
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-._text_i7e17_70 {
+._text_14xbh_89 {
   font-size: 20px;
   color: #333;
   margin-bottom: 15px;
@@ -853,13 +915,13 @@
   --accent-color: #f0f;
   --font-family: Roboto, sans-serif;
 }
-._text_i7e17_70 span {
+._text_14xbh_89 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_i7e17_85 {
+._button_14xbh_104 {
   display: flex;
   align-items: center;
   width: 100%;
@@ -869,12 +931,12 @@
   border-radius: 4px;
   overflow: hidden;
 }
-._desktop_i7e17_17 ._button_i7e17_85 {
+._desktop_14xbh_43 ._button_14xbh_104 {
   flex-direction: initial;
   width: 80%;
 }
 
-._buttonHead_i7e17_100 {
+._buttonHead_14xbh_119 {
   display: flex;
   align-items: center;
   height: 42px;
@@ -886,14 +948,14 @@
   width: 100%;
   justify-content: center;
 }
-._desktop_i7e17_17 ._buttonHead_i7e17_100 {
+._desktop_14xbh_43 ._buttonHead_14xbh_119 {
   height: 55px;
   width: initial;
   flex-direction: initial;
   font-size: 31px;
 }
 
-._buttonTarget_i7e17_119 {
+._buttonTarget_14xbh_138 {
   display: flex;
   align-items: center;
   height: 35px;
@@ -904,12 +966,12 @@
   width: 100%;
   justify-content: center;
 }
-._desktop_i7e17_17 ._buttonTarget_i7e17_119 {
+._desktop_14xbh_43 ._buttonTarget_14xbh_138 {
   height: 55px;
   font-size: 31px;
 }
 
-._legal_i7e17_135 {
+._legal_14xbh_154 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -917,7 +979,7 @@
   width: 100%;
   line-height: 1.2;
 }
-._desktop_i7e17_17 ._legal_i7e17_135 {
+._desktop_14xbh_43 ._legal_14xbh_154 {
   width: 70%;
 }._root_14sq5_1 {
   padding: 10px;