@adstore/templates 2.0.11 → 2.0.13

package/dist/style.css

@@ -1,132 +1,8 @@
-*,
-*::before,
-*::after {
-  box-sizing: border-box;
-  -webkit-appearance: none;
-}
-
-html {
-  font-family: sans-serif;
-  line-height: 1.15;
-  -webkit-text-size-adjust: 100%;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-body {
-  margin: 0;
-  font-family: "Roboto", sans-serif;
-  font-size: 12px;
-  line-height: 1.33333333;
-  color: #333;
-  text-align: left;
-}
-
-[tabindex="-1"]:focus {
-  outline: 0 !important;
-}
-
-hr {
-  box-sizing: content-box;
-  height: 0;
-  overflow: visible;
-}
-
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-  margin-top: 0;
-  margin-bottom: 8px;
-}
-
-p {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-ol,
-ul {
-  margin-top: 0;
-  margin-bottom: 16px;
-}
-
-ol ol,
-ul ul,
-ol ul,
-ul ol {
-  margin-bottom: 0;
-}
-
-a {
-  text-decoration: none;
-  background-color: transparent;
-}
-a:hover {
-  text-decoration: none;
-}
-@media (hover: none) {
-  a:hover {
-    color: unset;
-    text-decoration: unset;
-  }
-}
-
-img {
-  vertical-align: middle;
-}
-
-svg {
-  overflow: hidden;
-  vertical-align: middle;
-}
-
-button {
-  border-radius: 0;
-}
-
-button:focus {
-  outline: 1px dotted;
-  outline: 5px auto -webkit-focus-ring-color;
-}
-
-input,
-button,
-select,
-optgroup,
-textarea {
-  margin: 0;
-  font-family: inherit;
-  font-size: inherit;
-  line-height: inherit;
-}
-
-button,
-input {
-  overflow: visible;
-}
-
-button,
-select {
-  text-transform: none;
-}
-
-button,
-[type=button],
-[type=reset],
-[type=submit] {
-  -webkit-appearance: button;
-}
-
-textarea {
-  overflow: auto;
-  resize: vertical;
-}._root_241qx_1 {
+._root_1scoi_1 {
   position: relative;
 }
 
-._icon_241qx_5 {
+._icon_1scoi_5 {
   width: 30px;
   height: 30px;
   display: flex;
@@ -138,25 +14,25 @@ textarea {
   cursor: pointer;
 }
 
-._iconTarget_241qx_17 {
+._iconTarget_1scoi_17 {
   width: 17px;
   height: 20px;
 }
 
-._body_241qx_22 {
+._body_1scoi_22 {
   position: absolute;
   left: -30px;
   top: 50px;
-  width: 290px;
+  width: 300px;
   display: none;
 }
 
-._bodyOpen_241qx_30 {
-  animation: _simpleGift_in_241qx_1 0.3s;
+._bodyOpen_1scoi_30 {
+  animation: _simpleGift_in_1scoi_1 0.3s;
   display: block;
 }
 
-@keyframes _simpleGift_in_241qx_1 {
+@keyframes _simpleGift_in_1scoi_1 {
   from {
     opacity: 0;
   }
@@ -164,7 +40,7 @@ textarea {
     opacity: 1;
   }
 }
-._close_241qx_43 {
+._close_1scoi_43 {
   position: absolute;
   top: 9px;
   right: 9px;
@@ -173,12 +49,12 @@ textarea {
   align-items: center;
   cursor: pointer;
 }
-._close_241qx_43 svg {
+._close_1scoi_43 svg {
   width: 15px;
   height: 15px;
 }
 
-._arrow_241qx_57 {
+._arrow_1scoi_57 {
   position: absolute;
   transform: rotate(45deg);
   height: 15px;
@@ -188,26 +64,27 @@ textarea {
   background-color: #333;
 }
 
-._container_241qx_67 {
+._container_1scoi_67 {
   background-color: #333;
   padding: 10px 10px 4px 10px;
   border-radius: 4px;
 }
 
-._inner_241qx_73 {
+._inner_1scoi_73 {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   padding-right: 30px;
 }
 
-._logo_241qx_80 {
+._logo_1scoi_80 {
   min-width: 60px;
   height: 24px;
   background-color: #eee;
+  background-position: center;
 }
 
-._text_241qx_86 {
+._text_1scoi_87 {
   font-size: 17px;
   line-height: 1.2;
   color: #fff;
@@ -216,13 +93,13 @@ textarea {
   --accent-size: #fff;
   --font-family: Roboto, sans-serif;
 }
-._text_241qx_86 span {
+._text_1scoi_87 span {
   font-family: var(--font-family);
   color: var(--accent-color);
   font-size: var(--accent-size);
 }
 
-._button_241qx_101 {
+._button_1scoi_102 {
   font-size: 13px;
   line-height: 2;
   border-radius: 4px;
@@ -231,11 +108,15 @@ textarea {
   color: #333;
 }
 
-._buttonAnimated_241qx_110 {
-  animation: _increase_241qx_1 3s infinite;
+._buttonAnimated_1scoi_111 {
+  animation: _increase_1scoi_1 3s infinite;
+}
+
+._legalWrapper_1scoi_115 {
+  min-height: 18px;
 }
 
-._legal_241qx_114 {
+._legal_1scoi_115 {
   position: relative;
   display: flex;
   width: calc(100% + 12px);
@@ -251,8 +132,7 @@ textarea {
   line-height: 11px;
   margin-top: 5px;
 }
-
-._legalOpen_241qx_131 {
+._legalOpen_1scoi_135 ._legal_1scoi_115 {
   position: absolute;
   inset: 0;
   z-index: 2;
@@ -260,7 +140,7 @@ textarea {
   width: 100%;
 }
 
-._legalText_241qx_139 {
+._legalText_1scoi_143 {
   display: inline-block;
   margin: 0;
   -webkit-line-clamp: 1;
@@ -270,26 +150,26 @@ textarea {
   text-overflow: ellipsis;
   padding-right: 25px;
 }
-._legalOpen_241qx_131 ._legalText_241qx_139 {
+._legalOpen_1scoi_135 ._legalText_1scoi_143 {
   text-align: center;
   padding-right: 0;
   overflow: auto;
 }
 
-._legalButton_241qx_155 {
+._legalButton_1scoi_159 {
   cursor: pointer;
   text-decoration: underline;
   position: absolute;
   right: 4px;
   bottom: 4px;
 }
-._legalOpen_241qx_131 ._legalButton_241qx_155 {
+._legalOpen_1scoi_135 ._legalButton_1scoi_159 {
   position: initial;
   display: inline-block;
   margin: 0 3px;
 }
 
-@keyframes _fadein_241qx_1 {
+@keyframes _fadein_1scoi_1 {
   0%, 100% {
     opacity: 0;
   }
@@ -297,7 +177,7 @@ textarea {
     opacity: 1;
   }
 }
-@keyframes _pulse_241qx_1 {
+@keyframes _pulse_1scoi_1 {
   from {
     transform: scale(1);
   }
@@ -305,7 +185,7 @@ textarea {
     transform: scale(1.05);
   }
 }
-@keyframes _gradient_241qx_1 {
+@keyframes _gradient_1scoi_1 {
   0% {
     background-position: 0% 50%;
   }
@@ -316,7 +196,7 @@ textarea {
     background-position: 0% 50%;
   }
 }
-@keyframes _wiggle_241qx_1 {
+@keyframes _wiggle_1scoi_1 {
   0%, 7% {
     transform: rotateZ(0);
   }
@@ -339,7 +219,7 @@ textarea {
     transform: rotateZ(0);
   }
 }
-@keyframes _increase_241qx_1 {
+@keyframes _increase_1scoi_1 {
   0% {
     transform: scale(1) translateZ(0);
   }
@@ -509,25 +389,25 @@ textarea {
   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;
@@ -538,7 +418,7 @@ textarea {
   bottom: 0;
 }
 
-._body_5vnui_30 {
+._body_1dvwc_30 {
   display: flex;
   align-items: center;
   position: relative;
@@ -546,12 +426,12 @@ textarea {
   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;
@@ -561,7 +441,7 @@ textarea {
   border-radius: 0 2px 2px 0;
 }
 
-._text_5vnui_53 {
+._text_1dvwc_53 {
   font-size: 12px;
   line-height: 1.2;
   color: #333;
@@ -571,13 +451,13 @@ textarea {
   --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;
@@ -589,33 +469,34 @@ textarea {
   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;
@@ -626,20 +507,20 @@ textarea {
   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_1bgnc_1 {
+}._root_1l0ud_1 {
   max-width: 320px;
   width: 100%;
   overflow: hidden;
@@ -649,38 +530,43 @@ textarea {
   display: flex;
 }
 
-._laptop_1bgnc_11, ._tablet_1bgnc_11 {
+._laptop_1l0ud_11 {
+  max-width: 930px;
+  min-height: 680px;
+}
+
+._tablet_1l0ud_16 {
   max-width: 410px;
   min-height: 680px;
 }
 
-._desktop_1bgnc_16 {
-  max-width: 930px;
+._desktop_1l0ud_21 {
+  max-width: 75%;
   min-height: 500px;
 }
 
-._body_1bgnc_21 {
+._body_1l0ud_26 {
   padding: 25px 10px 12px 10px;
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
   align-items: center;
 }
-._desktop_1bgnc_16 ._body_1bgnc_21 {
+._desktop_1l0ud_21 ._body_1l0ud_26 {
   padding: 30px 47px 15px 47px;
 }
 
-._logo_1bgnc_32 {
+._logo_1l0ud_37 {
   width: 100px;
   height: 60px;
-  background: #eee;
+  background: #eee center;
 }
 
-._text_1bgnc_38 {
+._text_1l0ud_43 {
   margin: auto 0;
 }
 
-._button_1bgnc_42 {
+._button_1l0ud_47 {
   border-radius: 8px;
   padding: 0 15px;
   font-size: 24px;
@@ -691,11 +577,11 @@ textarea {
   justify-content: center;
   width: 100%;
 }
-._desktop_1bgnc_16 ._button_1bgnc_42 {
+._desktop_1l0ud_21 ._button_1l0ud_47 {
   width: 70%;
 }
 
-._legal_1bgnc_57 {
+._legal_1l0ud_62 {
   font-size: 9px;
   color: #333;
   padding: 0 10px;
@@ -703,7 +589,7 @@ textarea {
   width: 100%;
   line-height: 1.2;
 }
-._desktop_1bgnc_16 ._legal_1bgnc_57 {
+._desktop_1l0ud_21 ._legal_1l0ud_62 {
   width: 70%;
 }._root_2ic16_1 {
   font-size: 20px;
@@ -757,7 +643,7 @@ textarea {
 ._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;
@@ -766,57 +652,58 @@ textarea {
   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;
@@ -829,17 +716,17 @@ textarea {
   --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;
@@ -851,34 +738,34 @@ textarea {
   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 {
@@ -1025,81 +912,82 @@ textarea {
 }
 ._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;
@@ -1107,29 +995,29 @@ textarea {
   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 {