@adstore/templates 2.0.12 → 2.0.14

package/dist/style.css

@@ -1,8 +1,8 @@
-._root_241qx_1 {
+._root_f4p14_1 {
   position: relative;
 }
 
-._icon_241qx_5 {
+._icon_f4p14_5 {
   width: 30px;
   height: 30px;
   display: flex;
@@ -14,25 +14,25 @@
   cursor: pointer;
 }
 
-._iconTarget_241qx_17 {
+._iconTarget_f4p14_17 {
   width: 17px;
   height: 20px;
 }
 
-._body_241qx_22 {
+._body_f4p14_22 {
   position: absolute;
   left: -30px;
   top: 50px;
-  width: 290px;
+  width: 300px;
   display: none;
 }
 
-._bodyOpen_241qx_30 {
-  animation: _simpleGift_in_241qx_1 0.3s;
+._bodyOpen_f4p14_30 {
+  animation: _simpleGift_in_f4p14_1 0.3s;
   display: block;
 }
 
-@keyframes _simpleGift_in_241qx_1 {
+@keyframes _simpleGift_in_f4p14_1 {
   from {
     opacity: 0;
   }
@@ -40,7 +40,7 @@
     opacity: 1;
   }
 }
-._close_241qx_43 {
+._close_f4p14_43 {
   position: absolute;
   top: 9px;
   right: 9px;
@@ -49,12 +49,12 @@
   align-items: center;
   cursor: pointer;
 }
-._close_241qx_43 svg {
+._close_f4p14_43 svg {
   width: 15px;
   height: 15px;
 }
 
-._arrow_241qx_57 {
+._arrow_f4p14_57 {
   position: absolute;
   transform: rotate(45deg);
   height: 15px;
@@ -64,26 +64,27 @@
   background-color: #333;
 }
 
-._container_241qx_67 {
+._container_f4p14_67 {
   background-color: #333;
   padding: 10px 10px 4px 10px;
   border-radius: 4px;
 }
 
-._inner_241qx_73 {
+._inner_f4p14_73 {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   padding-right: 30px;
 }
 
-._logo_241qx_80 {
+._logo_f4p14_80 {
   min-width: 60px;
   height: 24px;
   background-color: #eee;
+  background-position: center;
 }
 
-._text_241qx_86 {
+._text_f4p14_87 {
   font-size: 17px;
   line-height: 1.2;
   color: #fff;
@@ -92,13 +93,13 @@
   --accent-size: #fff;
   --font-family: Roboto, sans-serif;
 }
-._text_241qx_86 span {
+._text_f4p14_87 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_241qx_101 {
+._button_f4p14_102 {
   font-size: 13px;
   line-height: 2;
   border-radius: 4px;
@@ -107,11 +108,19 @@
   color: #333;
 }
 
-._buttonAnimated_241qx_110 {
-  animation: _increase_241qx_1 3s infinite;
+._buttonAnimated_f4p14_111 {
+  animation: _increase_f4p14_1 3s infinite;
+}
+
+._legalGap_f4p14_115 {
+  height: 19px;
+  display: none;
+}
+._legalOpen_f4p14_119 ._legalGap_f4p14_115 {
+  display: block;
 }
 
-._legal_241qx_114 {
+._legal_f4p14_115 {
   position: relative;
   display: flex;
   width: calc(100% + 12px);
@@ -127,8 +136,7 @@
   line-height: 11px;
   margin-top: 5px;
 }
-
-._legalOpen_241qx_131 {
+._legalOpen_f4p14_119 ._legal_f4p14_115 {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -136,7 +144,7 @@
   width: 100%;
 }
 
-._legalText_241qx_139 {
+._legalText_f4p14_147 {
   display: inline-block;
   margin: 0;
   -webkit-line-clamp: 1;
@@ -146,26 +154,26 @@
   text-overflow: ellipsis;
   padding-right: 25px;
 }
-._legalOpen_241qx_131 ._legalText_241qx_139 {
+._legalOpen_f4p14_119 ._legalText_f4p14_147 {
   text-align: center;
   padding-right: 0;
   overflow: auto;
 }
 
-._legalButton_241qx_155 {
+._legalButton_f4p14_163 {
   cursor: pointer;
   text-decoration: underline;
   position: absolute;
   right: 4px;
   bottom: 4px;
 }
-._legalOpen_241qx_131 ._legalButton_241qx_155 {
+._legalOpen_f4p14_119 ._legalButton_f4p14_163 {
   position: initial;
   display: inline-block;
   margin: 0 3px;
 }
 
-@keyframes _fadein_241qx_1 {
+@keyframes _fadein_f4p14_1 {
   0%, 100% {
     opacity: 0;
   }
@@ -173,7 +181,7 @@
     opacity: 1;
   }
 }
-@keyframes _pulse_241qx_1 {
+@keyframes _pulse_f4p14_1 {
   from {
     transform: scale(1);
   }
@@ -181,7 +189,7 @@
     transform: scale(1.05);
   }
 }
-@keyframes _gradient_241qx_1 {
+@keyframes _gradient_f4p14_1 {
   0% {
     background-position: 0% 50%;
   }
@@ -192,7 +200,7 @@
     background-position: 0% 50%;
   }
 }
-@keyframes _wiggle_241qx_1 {
+@keyframes _wiggle_f4p14_1 {
   0%, 7% {
     transform: rotateZ(0);
   }
@@ -215,7 +223,7 @@
     transform: rotateZ(0);
   }
 }
-@keyframes _increase_241qx_1 {
+@keyframes _increase_f4p14_1 {
   0% {
     transform: scale(1) translateZ(0);
   }
@@ -385,25 +393,25 @@
   40%, 100% {
     transform: rotateZ(0);
   }
-}._root_5vnui_1 {
+}._root_1dvwc_1 {
   padding: 6px;
   background-color: #fff;
   position: relative;
   display: block;
 }
-._root_5vnui_1:first-child {
+._root_1dvwc_1:first-child {
   border-top-left-radius: 6px;
   border-top-right-radius: 6px;
 }
-._root_5vnui_1:first-child:after {
+._root_1dvwc_1:first-child:after {
   display: none;
 }
-._root_5vnui_1:last-child {
+._root_1dvwc_1:last-child {
   border-bottom-left-radius: 6px;
   border-bottom-right-radius: 6px;
   border-bottom: none;
 }
-._root_5vnui_1:after {
+._root_1dvwc_1:after {
   content: "";
   width: 100%;
   height: 1px;
@@ -414,7 +422,7 @@
   bottom: 0;
 }
 
-._body_5vnui_30 {
+._body_1dvwc_30 {
   display: flex;
   align-items: center;
   position: relative;
@@ -422,12 +430,12 @@
   justify-content: space-between;
 }
 
-._bodyInner_5vnui_38 {
+._bodyInner_1dvwc_38 {
   display: flex;
   align-items: center;
 }
 
-._line_5vnui_43 {
+._line_1dvwc_43 {
   position: absolute;
   left: -6px;
   top: 0;
@@ -437,7 +445,7 @@
   border-radius: 0 2px 2px 0;
 }
 
-._text_5vnui_53 {
+._text_1dvwc_53 {
   font-size: 12px;
   line-height: 1.2;
   color: #333;
@@ -447,13 +455,13 @@
   --accent-color: #ffbc00;
   --font-family: Roboto, sans-serif;
 }
-._text_5vnui_53 span {
+._text_1dvwc_53 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_5vnui_69 {
+._button_1dvwc_69 {
   margin-left: auto;
   padding: 2px;
   background-color: #ffb800;
@@ -465,33 +473,34 @@
   line-height: 2;
   font-weight: bold;
 }
-._button_5vnui_69 ._logo_5vnui_81 {
+._button_1dvwc_69 ._logo_1dvwc_81 {
   width: 30px;
   height: 30px;
   margin-right: initial;
   display: block;
 }
-._variant2_5vnui_87 ._button_5vnui_69 ._logo_5vnui_81 {
+._variant2_1dvwc_87 ._button_1dvwc_69 ._logo_1dvwc_81 {
   display: none;
 }
 
-._buttonText_5vnui_91 {
+._buttonText_1dvwc_91 {
   padding: 0 7px;
 }
 
-._logo_5vnui_81 {
+._logo_1dvwc_81 {
   width: 25px;
   height: 25px;
   border-radius: 30px;
   background-color: #eee;
   margin-right: 10px;
   display: none;
+  background-position: center;
 }
-._variant2_5vnui_87 ._logo_5vnui_81 {
+._variant2_1dvwc_87 ._logo_1dvwc_81 {
   display: block;
 }
 
-._legal_5vnui_107 {
+._legal_1dvwc_108 {
   background-color: #eee;
   padding: 2px 5px;
   height: 14px;
@@ -502,20 +511,20 @@
   font-size: 8px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar {
+._legal_1dvwc_108::-webkit-scrollbar {
   width: 4px;
   background: #e5e6e9;
   border-radius: 5px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar-track {
+._legal_1dvwc_108::-webkit-scrollbar-track {
   border-radius: 5px;
 }
 
-._legal_5vnui_107::-webkit-scrollbar-thumb {
+._legal_1dvwc_108::-webkit-scrollbar-thumb {
   background: #7e8392;
   border-radius: 5px;
-}._root_10an1_1 {
+}._root_1l0ud_1 {
   max-width: 320px;
   width: 100%;
   overflow: hidden;
@@ -525,43 +534,43 @@
   display: flex;
 }
 
-._laptop_10an1_11 {
+._laptop_1l0ud_11 {
   max-width: 930px;
   min-height: 680px;
 }
 
-._tablet_10an1_16 {
+._tablet_1l0ud_16 {
   max-width: 410px;
   min-height: 680px;
 }
 
-._desktop_10an1_21 {
+._desktop_1l0ud_21 {
   max-width: 75%;
   min-height: 500px;
 }
 
-._body_10an1_26 {
+._body_1l0ud_26 {
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
 }
-._desktop_10an1_21 ._body_10an1_26 {
+._desktop_1l0ud_21 ._body_1l0ud_26 {
   padding: 30px 47px 15px 47px;
 }
 
-._logo_10an1_37 {
+._logo_1l0ud_37 {
   width: 100px;
   height: 60px;
-  background: #eee;
+  background: #eee center;
 }
 
-._text_10an1_43 {
+._text_1l0ud_43 {
   margin: auto 0;
 }
 
-._button_10an1_47 {
+._button_1l0ud_47 {
   border-radius: 8px;
   padding: 0 15px;
   font-size: 24px;
@@ -572,11 +581,11 @@
   justify-content: center;
   width: 100%;
 }
-._desktop_10an1_21 ._button_10an1_47 {
+._desktop_1l0ud_21 ._button_1l0ud_47 {
   width: 70%;
 }
 
-._legal_10an1_62 {
+._legal_1l0ud_62 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -584,7 +593,7 @@
   width: 100%;
   line-height: 1.2;
 }
-._desktop_10an1_21 ._legal_10an1_62 {
+._desktop_1l0ud_21 ._legal_1l0ud_62 {
   width: 70%;
 }._root_2ic16_1 {
   font-size: 20px;
@@ -638,7 +647,7 @@
 ._desktop_13k8c_13 ._wrapper_13k8c_33 {
   flex-direction: initial;
   gap: 25px;
-}._root_17kc6_1 {
+}._root_1ska4_1 {
   text-align: center;
   background-color: #f7f7f7;
   overflow: hidden;
@@ -647,57 +656,58 @@
   display: block;
 }
 
-._desktop_17kc6_10 {
+._desktop_1ska4_10 {
   height: 300px;
   width: 300px;
 }
 
-._header_17kc6_15 {
+._header_1ska4_15 {
   display: none;
   background-color: #eee;
   height: 49px;
   align-items: center;
   justify-content: center;
 }
-._desktop_17kc6_10 ._header_17kc6_15 {
+._desktop_1ska4_10 ._header_1ska4_15 {
   display: flex;
 }
 
-._logo_17kc6_26 {
+._logo_1ska4_26 {
   width: 60px;
   background-color: #dbdbdb;
   height: 40px;
+  background-position: center;
 }
 
-._container_17kc6_32 {
+._container_1ska4_33 {
   display: flex;
   flex-direction: column;
   padding: 10px;
 }
-._desktop_17kc6_10 ._container_17kc6_32 {
+._desktop_1ska4_10 ._container_1ska4_33 {
   padding: 0 16px 12px 16px;
   justify-content: space-between;
   height: calc(100% - 50px);
 }
 
-._body_17kc6_43 {
+._body_1ska4_44 {
   padding: 11px 10px 9px 10px;
   display: flex;
   align-items: center;
   margin-bottom: 12px;
 }
-._desktop_17kc6_10 ._body_17kc6_43 {
+._desktop_1ska4_10 ._body_1ska4_44 {
   margin: auto;
 }
-._body_17kc6_43 ._logo_17kc6_26 {
+._body_1ska4_44 ._logo_1ska4_26 {
   display: block;
   margin-right: 12px;
 }
-._desktop_17kc6_10 ._body_17kc6_43 ._logo_17kc6_26 {
+._desktop_1ska4_10 ._body_1ska4_44 ._logo_1ska4_26 {
   display: none;
 }
 
-._text_17kc6_60 {
+._text_1ska4_61 {
   flex: 1;
   display: block;
   justify-content: center;
@@ -710,17 +720,17 @@
   --accent-color: #e23333;
   --font-family: Roboto, sans-serif;
 }
-._text_17kc6_60 span {
+._text_1ska4_61 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
-._desktop_17kc6_10 ._text_17kc6_60 {
+._desktop_1ska4_10 ._text_1ska4_61 {
   font-size: 22px;
   --accent-size: 22px;
 }
 
-._button_17kc6_83 {
+._button_1ska4_84 {
   display: inline-flex;
   align-items: center;
   justify-content: center;
@@ -732,34 +742,34 @@
   border-radius: 8px;
   width: 100%;
 }
-._desktop_17kc6_10 ._button_17kc6_83 {
+._desktop_1ska4_10 ._button_1ska4_84 {
   margin-bottom: 12px;
   width: initial;
   font-size: 16px;
 }
 
-._legal_17kc6_101 {
+._legal_1ska4_102 {
   overflow-y: auto;
   padding: 0 4px;
   height: 15px;
   font-size: 9px;
   color: #333;
 }
-._desktop_17kc6_10 ._legal_17kc6_101 {
+._desktop_1ska4_10 ._legal_1ska4_102 {
   height: 20px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar {
+._legal_1ska4_102::-webkit-scrollbar {
   width: 4px;
   background: #E5E6E9;
   border-radius: 5px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar-track {
+._legal_1ska4_102::-webkit-scrollbar-track {
   border-radius: 5px;
 }
 
-._legal_17kc6_101::-webkit-scrollbar-thumb {
+._legal_1ska4_102::-webkit-scrollbar-thumb {
   background: #7E8392;
   border-radius: 5px;
 }._root_i7e17_1 {
@@ -906,81 +916,82 @@
 }
 ._desktop_i7e17_17 ._legal_i7e17_135 {
   width: 70%;
-}._root_10yn9_1 {
+}._root_14sq5_1 {
   padding: 10px;
   display: flex;
   align-items: center;
   width: 100%;
 }
 
-._left_10yn9_8 {
+._left_14sq5_8 {
   padding-right: 15px;
   display: none;
   align-items: center;
   border-right: 1px solid #333;
   flex: 1;
 }
-._desktop_10yn9_15 ._left_10yn9_8 {
+._desktop_14sq5_15 ._left_14sq5_8 {
   display: flex;
 }
 
-._teams_10yn9_19 {
+._teams_14sq5_19 {
   margin-right: 30px;
   display: flex;
   align-items: center;
 }
 
-._logo_10yn9_25 {
+._logo_14sq5_25 {
   width: 50px;
   height: 50px;
   background-color: #eee;
+  background-position: center;
 }
 
-._league_10yn9_31 {
+._league_14sq5_32 {
   font-size: 15px;
   color: #333;
 }
 
-._name_10yn9_36 {
+._name_14sq5_37 {
   font-size: 18px;
   font-weight: bold;
   color: #333;
 }
 
-._right_10yn9_42 {
+._right_14sq5_43 {
   padding: 0 10px;
   width: 100%;
   display: flex;
 }
-._desktop_10yn9_15 ._right_10yn9_42 {
+._desktop_14sq5_15 ._right_14sq5_43 {
   align-items: center;
   padding: 0 30px;
   width: 30%;
 }
 
-._odd_10yn9_53 {
+._odd_14sq5_54 {
   display: flex;
   align-items: center;
   flex-direction: column;
   flex: 1;
 }
-._desktop_10yn9_15 ._odd_10yn9_53 {
+._desktop_14sq5_15 ._odd_14sq5_54 {
   flex-direction: row;
   flex: initial;
   justify-content: space-between;
   width: 100%;
 }
 
-._oddLabel_10yn9_66 {
+._oddLabel_14sq5_67 {
   font-size: 13px;
   color: #333;
 }
-._desktop_10yn9_15 ._oddLabel_10yn9_66 {
+._desktop_14sq5_15 ._oddLabel_14sq5_67 {
   font-size: 19px;
   margin-right: 15px;
 }
 
-._oddValue_10yn9_75 {
+._oddValue_14sq5_76 {
   padding: 3px 10px;
   background-color: #ffbc00;
   border-radius: 2px;
@@ -988,29 +999,29 @@
   color: #333;
   margin-top: 3px;
 }
-._desktop_10yn9_15 ._oddValue_10yn9_75 {
+._desktop_14sq5_15 ._oddValue_14sq5_76 {
   font-size: 19px;
   padding: 3px 20px;
   margin-top: initial;
 }
 
-._team_10yn9_19 {
+._team_14sq5_19 {
   display: flex;
   flex-direction: column;
   align-items: center;
   width: 30%;
 }
-._desktop_10yn9_15 ._team_10yn9_19 {
+._desktop_14sq5_15 ._team_14sq5_19 {
   display: none;
 }
 
-._teamLogo_10yn9_99 {
+._teamLogo_14sq5_100 {
   width: 34px;
   height: 34px;
   background-color: #eee;
 }
 
-._teamName_10yn9_105 {
+._teamName_14sq5_106 {
   font-size: 11px;
   text-transform: uppercase;
 }._root_1slvw_1 {