@subiz/widget-v4 4.1.208 → 4.1.210

package/dist/27.js

@@ -0,0 +1,37 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[27],{
+
+/***/ 8027
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(7988));
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
+
+/***/ },
+
+/***/ 7988
+(module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Yeseva One';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n  all: unset !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n  /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n  /**\n * Layout\n */\n  /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500 !important;\n}\n#sbz92 a {\n  color: #020202 !important;\n  text-decoration: none !important;\n  background-color: transparent !important;\n  font-weight: 600 !important;\n}\n#sbz92 a:hover {\n  cursor: pointer !important;\n  color: #000000 !important;\n  text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 img {\n  vertical-align: middle !important;\n  border-style: none !important;\n}\n#sbz92 svg {\n  overflow: hidden !important;\n  vertical-align: middle !important;\n}\n#sbz92 label {\n  display: inline-block !important;\n}\n#sbz92 button {\n  border-radius: 0 !important;\n}\n#sbz92 button:focus {\n  outline: 1px dotted !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none !important;\n}\n#sbz92 select {\n  word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0 !important;\n  border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box !important;\n  padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n  overflow: auto !important;\n  resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto !important;\n}\n#sbz92 [hidden] {\n  display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777 !important;\n}\n#sbz92 ::placeholder {\n  color: #777 !important;\n}\n#sbz92 div {\n  display: block !important;\n  text-rendering: geometricPrecision !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px !important;\n  height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa !important;\n}\n#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n#sbz92 .tick {\n  box-sizing: border-box !important;\n  -webkit-user-select: none !important;\n  -moz-user-select: none !important;\n  -ms-user-select: none !important;\n  user-select: none !important;\n  cursor: default !important;\n  position: relative !important;\n  z-index: 1 !important;\n  line-height: 1.4 !important;\n}\n#sbz92 .tick [data-view] {\n  max-width: 100% !important;\n}\n#sbz92 .tick span[data-view] {\n  display: inline-block !important;\n}\n#sbz92 .tick-flip {\n  position: relative !important;\n  text-align: center !important;\n}\n#sbz92 .tick-flip-front {\n  border-bottom-left-radius: 0 !important;\n  border-bottom-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-back {\n  border-top-left-radius: 0 !important;\n  border-top-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-spacer {\n  display: block !important;\n  visibility: hidden !important;\n}\n#sbz92 .tick-flip-shadow {\n  position: absolute !important;\n  left: 1px !important;\n  right: 1px !important;\n  top: 1px !important;\n  bottom: 1px !important;\n  color: transparent !important;\n  -webkit-text-fill-color: transparent !important;\n  background: transparent !important !important;\n}\n#sbz92 .tick-flip-shadow-top {\n  bottom: calc(50% - 1px) !important;\n}\n#sbz92 .tick-flip-shadow-bottom {\n  top: calc(50% + 1px) !important;\n}\n#sbz92 .tick-flip-card-shadow {\n  position: absolute !important;\n  left: 0.15em !important;\n  right: 0.15em !important;\n  bottom: 0.125em !important;\n  height: 0.5em !important;\n  background-color: transparent !important;\n  border-radius: 0 !important;\n  opacity: 0 !important;\n  -webkit-transform-origin: 0 100% !important;\n  transform-origin: 0 100% !important;\n  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75) !important;\n  z-index: 0 !important;\n}\n#sbz92 .tick-flip-card {\n  border-radius: 0 !important;\n  position: absolute !important;\n  z-index: 1 !important;\n  left: 0 !important;\n  top: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  -webkit-perspective: 4em !important;\n  perspective: 4em !important;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n  position: absolute !important;\n  left: 0 !important;\n  width: 100% !important;\n  height: 51% !important;\n  -webkit-backface-visibility: hidden !important;\n  backface-visibility: hidden !important;\n  -webkit-transform-style: preserve-3d !important;\n  transform-style: preserve-3d !important;\n}\n#sbz92 .tick-flip-panel-front {\n  border-top-left-radius: 0.125em !important;\n  border-top-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n  border-bottom-left-radius: 0.125em !important;\n  border-bottom-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n  position: absolute !important;\n  left: -1px !important;\n  top: 0 !important;\n  right: -1px !important;\n  height: 100% !important;\n  overflow: hidden !important;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  right: 0 !important;\n  height: 100% !important;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n  height: 200% !important;\n  top: -100% !important;\n}\n#sbz92 .tick-flip-panel-front {\n  -webkit-transform-origin: center bottom !important;\n  transform-origin: center bottom !important;\n  top: 0 !important;\n  z-index: 2 !important;\n  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05) !important;\n}\n#sbz92 .tick-flip-panel-back {\n  -webkit-transform-origin: center top !important;\n  transform-origin: center top !important;\n  top: 50% !important;\n  z-index: 1 !important;\n  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .tick-flip-panel-back::after {\n  z-index: 1 !important;\n  content: '' !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  width: 100% !important;\n  height: 100% !important;\n  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n  z-index: 2 !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n  z-index: 3 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n  position: absolute !important;\n  left: 0 !important;\n  top: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n  opacity: 0 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n  box-shadow: none !important;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n  border-radius: 0 !important;\n}\n#sbz92 .tick-flip {\n  margin-left: 0.0625em !important;\n  margin-right: 0.0625em !important;\n  min-width: 1.125em !important;\n  border-radius: 0.125em !important;\n  letter-spacing: 0.25em !important;\n  text-indent: 0.25em !important;\n}\n#sbz92 .tick-flip-panel {\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  background-color: #444 !important;\n}\n#sbz92 .tick-flip-shadow {\n  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25) !important;\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut !important;\n  animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s !important;\n  animation-name: bounceIn !important;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .popup_component {\n  margin-bottom: '@spacer2' !important;\n}\n#sbz92 .popup_component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .overlay {\n  position: absolute !important;\n  user-select: none !important;\n  top: 0 !important;\n  left: 0 !important;\n  bottom: 0 !important;\n  right: 0 !important;\n  z-index: 20000000000100 !important;\n  overflow: hidden !important;\n}\n#sbz92 .btn_close {\n  padding: 0 !important;\n  right: 10px !important;\n  top: 10px !important;\n  position: absolute !important;\n  z-index: 10 !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s ease-out !important;\n  height: 30px !important;\n  padding-top: 4px !important;\n  padding-left: 4px !important;\n  width: 30px !important;\n  border-radius: 50% !important;\n  background-color: #00000088 !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n  opacity: 0.8 !important;\n}\n#sbz92 .btn_close .btn_close__icon {\n  stroke: white !important;\n}\n#sbz92 .btn_close__icon {\n  height: 22px !important;\n  width: 22px !important;\n  border: 0px !important;\n}\n#sbz92 .btn {\n  cursor: pointer !important;\n  padding: '@spacer' !important;\n  outline: 0 !important;\n  border: 0px !important;\n  font-family: '@font_family' !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  text-align: center !important;\n}\n#sbz92 .btn.btn__secondary {\n  padding: '@spacer' !important;\n  background: transparent !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .btn.btn__primary {\n  font-weight: bold !important;\n  transition: background 200ms ease-out !important;\n  padding-left: '@spacer3' !important;\n  padding-right: '@spacer3' !important;\n}\n#sbz92 .btn.btn__primary:hover {\n  filter: invert(0.1) !important;\n  background: '@text_color' !important;\n}\n#sbz92 .form {\n  display: block !important;\n}\n#sbz92 .form-control {\n  outline: 0 none !important;\n  width: 100% !important;\n  font-size: '@font_size' !important;\n}\n#sbz92 .form-label {\n  user-select: none !important;\n  margin-bottom: '@spacer0' !important;\n  font-family: '@font_family' !important;\n  font-size: '@font_size' !important;\n}\n#sbz92 select {\n  width: 100% !important;\n  border: 0 !important;\n  border-radius: 0 !important;\n  border: solid 1px transparent !important;\n  padding: '@spacer' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-radius: 4px !important;\n  background: rgba(57, 57, 57, 0.1) !important;\n  font-family: '@font_family' !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n  outline: 0 !important;\n}\n#sbz92 select.classic {\n  padding: '@spacer' !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 select.simple {\n  padding: '@spacer' !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 select.vintage {\n  padding: '@spacer' 15px !important;\n  padding-top: 13px !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 select.bold {\n  border: none !important;\n  border-bottom: solid 3px '@faded_text_color' !important;\n  padding: '@spacer0' 0 !important;\n  border-radius: 0 !important;\n  background-color: transparent !important;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.light span:before {\n  border: 1px solid transparent !important;\n  background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n  margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n  border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n  margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select {\n  cursor: pointer !important;\n  margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__select:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n  border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select span {\n  user-select: none !important;\n  font-size: '@font_size' !important;\n  display: flex !important;\n  align-items: center !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding-left: '@spacer2' !important;\n  position: relative !important;\n  padding: 0 0 0 '@spacer3' !important;\n  min-height: 16px !important;\n  word-wrap: break-word !important;\n  word-break: normal !important;\n  height: '@spacer2' !important;\n  font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__select span::before {\n  border: 3px solid '@faded_text_color' !important;\n  border-radius: 50% !important;\n  content: '' !important;\n  width: '@spacer2' !important;\n  height: '@spacer2' !important;\n  top: 0 !important;\n  position: absolute !important;\n  left: 0 !important;\n  display: block !important;\n}\n#sbz92 .form-control.form-control__select span::after {\n  content: '' !important;\n  background-color: '@text_color' !important;\n  border-radius: 50% !important;\n  width: 10px !important;\n  height: 10px !important;\n  left: calc('@spacer' - 5px) !important;\n  top: calc('@spacer' - 5px) !important;\n  will-change: transform !important;\n  transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n  transform: scale(0, 0) !important;\n  position: absolute !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n  transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.light span:before {\n  border: 1px solid transparent !important;\n  background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n  margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n  border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n  margin-top: 10px !important;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n  margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n  border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n  border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check {\n  cursor: pointer !important;\n  margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__check:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n  border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check span {\n  user-select: none !important;\n  font-size: '@font_size' !important;\n  display: flex !important;\n  align-items: center !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding-left: '@spacer2' !important;\n  position: relative !important;\n  padding: 0 0 0 '@spacer3' !important;\n  min-height: 16px !important;\n  word-wrap: break-word !important;\n  word-break: normal !important;\n  height: '@spacer2' !important;\n  font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__check span::before {\n  border: 3px solid '@faded_text_color' !important;\n  border-radius: 10% !important;\n  content: '' !important;\n  width: '@spacer2' !important;\n  height: '@spacer2' !important;\n  top: 0 !important;\n  position: absolute !important;\n  left: 0 !important;\n  display: block !important;\n}\n#sbz92 .form-control.form-control__check span::after {\n  content: '' !important;\n  border-radius: 50% !important;\n  width: 10px !important;\n  height: 10px !important;\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>') !important;\n  left: calc('@spacer' - 5px) !important;\n  top: calc('@spacer' - 5px) !important;\n  will-change: transform !important;\n  transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n  transform: scale(0, 0) !important;\n  position: absolute !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n  transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text {\n  border: solid 1px transparent !important;\n  padding: '@spacer' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-radius: 4px !important;\n  background-color: rgba(57, 57, 57, 0.1) !important;\n  font-family: '@font_family' !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.bold {\n  padding: '@spacer0' 0 !important;\n  border: none !important;\n  border-bottom: solid 3px '@faded_text_color' !important;\n  border-radius: 0 !important;\n  background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.classic {\n  padding: '@spacer' !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.simple {\n  padding: '@spacer' !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.vintage {\n  padding: '@spacer' 15px !important;\n  padding-top: 13px !important;\n  border: 1px solid '@faded_text_color' !important;\n  border-radius: 4px !important;\n  background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n  border-color: '@text_color' !important;\n}\n#sbz92 .form-control__text_container {\n  position: relative !important;\n}\n#sbz92 .form-control_inside_label.form-label {\n  position: absolute !important;\n  z-index: 10 !important;\n  line-height: 1 !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  left: 10px !important;\n  transform: translateY(-50%) !important;\n  background-color: #fff !important;\n  padding: 0 5px !important;\n}\n#sbz92 .field {\n  margin-bottom: 20px !important;\n}\n#sbz92 .form-control::placeholder {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  opacity: 0.4 !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  visibility: hidden !important;\n  position: absolute !important;\n}\n#sbz92 .text__shake {\n  animation: 2s shake normal forwards !important;\n}\n#sbz92 .countdown {\n  display: flex !important;\n  width: 100% !important;\n  margin-top: '@spacer' !important;\n  justify-content: space-between !important;\n}\n#sbz92 .countdown_group {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n#sbz92 .countdown_label {\n  margin-bottom: '@spacer' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  text-transform: uppercase !important;\n  font-size: small !important;\n  margin-top: 5px !important;\n  font-family: '@font_family' !important;\n}\n#sbz92 .countdown_electric {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n#sbz92 .countdown_electric_group {\n  border-radius: 5px !important;\n  padding: 1rem !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  background-color: black !important;\n}\n#sbz92 .countdown_electric_label {\n  margin-bottom: '@spacer' !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  font-size: '@font_size' !important;\n  font-family: '@font_family' !important;\n  text-transform: uppercase !important;\n}\n#sbz92 .countdown_electric_numbers {\n  display: flex !important;\n}\n#sbz92 .countdown_electric_number {\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .text__danger {\n  color: #ff5722 !important;\n  -webkit-text-fill-color: #ff5722 !important;\n}\n#sbz92 .social_buttons {\n  display: flex !important;\n  align-items: center !important;\n}\n#sbz92 .social_button {\n  filter: brightness(1) !important;\n  cursor: pointer !important;\n  margin-right: 10px !important;\n  transition: filter 150ms ease-out !important;\n}\n#sbz92 .social_button:hover {\n  filter: brightness(0.9) !important;\n}\n#sbz92 .social_button__img {\n  width: 32px !important;\n  height: 32px !important;\n}\n#sbz92 .follow_fb_btn {\n  margin: '@spacer' 0 !important;\n  max-width: 100% !important;\n  cursor: pointer !important;\n  filter: brightness(1) !important;\n  padding: 7px 15px !important;\n  border-radius: 3px !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  background: #1877f2 !important;\n  font-family: '@font_family' !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  transition: filter 150ms ease-out !important;\n}\n#sbz92 .follow_fb_btn:hover {\n  filter: brightness(0.85) !important;\n}\n#sbz92 .follow_fb_btn__img {\n  display: inline-block !important;\n  margin-right: 10px !important;\n  width: 20px !important;\n  height: 20px !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n  /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n  /**\n * Layout\n */\n  /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500;\n}\n#sbz92 a {\n  color: #020202;\n  text-decoration: none;\n  background-color: transparent;\n  font-weight: 600;\n}\n#sbz92 a:hover {\n  cursor: pointer;\n  color: #000000;\n  text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 img {\n  vertical-align: middle;\n  border-style: none;\n}\n#sbz92 svg {\n  overflow: hidden;\n  vertical-align: middle;\n}\n#sbz92 label {\n  display: inline-block;\n}\n#sbz92 button {\n  border-radius: 0;\n}\n#sbz92 button:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none;\n}\n#sbz92 select {\n  word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n  overflow: auto;\n  resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n#sbz92 [hidden] {\n  display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777;\n}\n#sbz92 ::placeholder {\n  color: #777;\n}\n#sbz92 div {\n  display: block;\n  text-rendering: geometricPrecision;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa;\n}\n#sbz92 .badge {\n  padding: 2px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  display: inline-flex;\n  align-items: center;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745;\n  -webkit-text-fill-color: #28a745;\n  background: #28a74526;\n}\n#sbz92 .dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  background: #000;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745;\n}\n#sbz92 .tick {\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n  cursor: default;\n  position: relative;\n  z-index: 1;\n  line-height: 1.4;\n}\n#sbz92 .tick [data-view] {\n  max-width: 100%;\n}\n#sbz92 .tick span[data-view] {\n  display: inline-block;\n}\n#sbz92 .tick-flip {\n  position: relative;\n  text-align: center;\n}\n#sbz92 .tick-flip-front {\n  border-bottom-left-radius: 0;\n  border-bottom-right-radius: 0;\n}\n#sbz92 .tick-flip-back {\n  border-top-left-radius: 0;\n  border-top-right-radius: 0;\n}\n#sbz92 .tick-flip-spacer {\n  display: block;\n  visibility: hidden;\n}\n#sbz92 .tick-flip-shadow {\n  position: absolute;\n  left: 1px;\n  right: 1px;\n  top: 1px;\n  bottom: 1px;\n  color: transparent;\n  -webkit-text-fill-color: transparent;\n  background: transparent !important;\n}\n#sbz92 .tick-flip-shadow-top {\n  bottom: calc(50% - 1px);\n}\n#sbz92 .tick-flip-shadow-bottom {\n  top: calc(50% + 1px);\n}\n#sbz92 .tick-flip-card-shadow {\n  position: absolute;\n  left: 0.15em;\n  right: 0.15em;\n  bottom: 0.125em;\n  height: 0.5em;\n  background-color: transparent;\n  border-radius: 0;\n  opacity: 0;\n  -webkit-transform-origin: 0 100%;\n  transform-origin: 0 100%;\n  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75);\n  z-index: 0;\n}\n#sbz92 .tick-flip-card {\n  border-radius: 0;\n  position: absolute;\n  z-index: 1;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  -webkit-perspective: 4em;\n  perspective: 4em;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n  position: absolute;\n  left: 0;\n  width: 100%;\n  height: 51%;\n  -webkit-backface-visibility: hidden;\n  backface-visibility: hidden;\n  -webkit-transform-style: preserve-3d;\n  transform-style: preserve-3d;\n}\n#sbz92 .tick-flip-panel-front {\n  border-top-left-radius: 0.125em;\n  border-top-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n  border-bottom-left-radius: 0.125em;\n  border-bottom-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n  position: absolute;\n  left: -1px;\n  top: 0;\n  right: -1px;\n  height: 100%;\n  overflow: hidden;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  height: 100%;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n  height: 200%;\n  top: -100%;\n}\n#sbz92 .tick-flip-panel-front {\n  -webkit-transform-origin: center bottom;\n  transform-origin: center bottom;\n  top: 0;\n  z-index: 2;\n  box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n#sbz92 .tick-flip-panel-back {\n  -webkit-transform-origin: center top;\n  transform-origin: center top;\n  top: 50%;\n  z-index: 1;\n  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);\n}\n#sbz92 .tick-flip-panel-back::after {\n  z-index: 1;\n  content: '';\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n}\n#sbz92 .tick-flip-panel-back-shadow {\n  z-index: 2;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n  z-index: 3;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n  position: absolute;\n  left: 0;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  opacity: 0;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n}\n#sbz92 .tick-flip-panel-back-shadow {\n  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n}\n#sbz92 .tick-flip-panel-back-highlight {\n  background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n  box-shadow: none;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n  border-radius: 0;\n}\n#sbz92 .tick-flip {\n  margin-left: 0.0625em;\n  margin-right: 0.0625em;\n  min-width: 1.125em;\n  border-radius: 0.125em;\n  letter-spacing: 0.25em;\n  text-indent: 0.25em;\n}\n#sbz92 .tick-flip-panel {\n  color: white;\n  -webkit-text-fill-color: white;\n  background-color: #444;\n}\n#sbz92 .tick-flip-shadow {\n  box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25);\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut;\n  animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig;\n  animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter;\n  transform-origin: top left;\n  animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s;\n  animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s;\n  animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s;\n  animation-name: bounceIn;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .popup_component {\n  margin-bottom: '@spacer2';\n}\n#sbz92 .popup_component:last-child {\n  margin-bottom: 0;\n}\n#sbz92 .overlay {\n  position: absolute;\n  user-select: none;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  z-index: 20000000000100;\n  overflow: hidden;\n}\n#sbz92 .btn_close {\n  padding: 0;\n  right: 10px;\n  top: 10px;\n  position: absolute;\n  z-index: 10;\n  cursor: pointer;\n  transition: background-color 0.2s ease-out;\n  height: 30px;\n  padding-top: 4px;\n  padding-left: 4px;\n  width: 30px;\n  border-radius: 50%;\n  background-color: #00000088;\n  opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n  opacity: 0.8;\n}\n#sbz92 .btn_close .btn_close__icon {\n  stroke: white;\n}\n#sbz92 .btn_close__icon {\n  height: 22px;\n  width: 22px;\n  border: 0px;\n}\n#sbz92 .btn {\n  cursor: pointer;\n  padding: '@spacer';\n  outline: 0;\n  border: 0px;\n  font-family: '@font_family';\n  text-overflow: ellipsis;\n  overflow: hidden;\n  text-align: center;\n}\n#sbz92 .btn.btn__secondary {\n  padding: '@spacer';\n  background: transparent;\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n}\n#sbz92 .btn.btn__primary {\n  font-weight: bold;\n  transition: background 200ms ease-out;\n  padding-left: '@spacer3';\n  padding-right: '@spacer3';\n}\n#sbz92 .btn.btn__primary:hover {\n  filter: invert(0.1);\n  background: '@text_color';\n}\n#sbz92 .form {\n  display: block;\n}\n#sbz92 .form-control {\n  outline: 0 none;\n  width: 100%;\n  font-size: '@font_size';\n}\n#sbz92 .form-label {\n  user-select: none;\n  margin-bottom: '@spacer0';\n  font-family: '@font_family';\n  font-size: '@font_size';\n}\n#sbz92 select {\n  width: 100%;\n  border: 0;\n  border-radius: 0;\n  border: solid 1px transparent;\n  padding: '@spacer';\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  border-radius: 4px;\n  background: rgba(57, 57, 57, 0.1);\n  font-family: '@font_family';\n  transition: all 150ms ease-out;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n  border-color: '@text_color';\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n  outline: 0;\n}\n#sbz92 select.classic {\n  padding: '@spacer';\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n  border-color: '@text_color';\n}\n#sbz92 select.simple {\n  padding: '@spacer';\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n  border-color: '@text_color';\n}\n#sbz92 select.vintage {\n  padding: '@spacer' 15px;\n  padding-top: 13px;\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n  border-color: '@text_color';\n}\n#sbz92 select.bold {\n  border: none;\n  border-bottom: solid 3px '@faded_text_color';\n  padding: '@spacer0' 0;\n  border-radius: 0;\n  background-color: transparent;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__select.light span:before {\n  border: 1px solid transparent;\n  background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n  margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n  border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n  margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select {\n  cursor: pointer;\n  margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__select:last-child {\n  margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n  border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select span {\n  user-select: none;\n  font-size: '@font_size';\n  display: flex;\n  align-items: center;\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  padding-left: '@spacer2';\n  position: relative;\n  padding: 0 0 0 '@spacer3';\n  min-height: 16px;\n  word-wrap: break-word;\n  word-break: normal;\n  height: '@spacer2';\n  font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__select span::before {\n  border: 3px solid '@faded_text_color';\n  border-radius: 50%;\n  content: '';\n  width: '@spacer2';\n  height: '@spacer2';\n  top: 0;\n  position: absolute;\n  left: 0;\n  display: block;\n}\n#sbz92 .form-control.form-control__select span::after {\n  content: '';\n  background-color: '@text_color';\n  border-radius: 50%;\n  width: 10px;\n  height: 10px;\n  left: calc('@spacer' - 5px);\n  top: calc('@spacer' - 5px);\n  will-change: transform;\n  transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n  transform: scale(0, 0);\n  position: absolute;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n  transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__check.light span:before {\n  border: 1px solid transparent;\n  background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n  margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n  border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n  margin-top: 10px;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n  margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n  border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n  border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check {\n  cursor: pointer;\n  margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__check:last-child {\n  margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n  border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check span {\n  user-select: none;\n  font-size: '@font_size';\n  display: flex;\n  align-items: center;\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  padding-left: '@spacer2';\n  position: relative;\n  padding: 0 0 0 '@spacer3';\n  min-height: 16px;\n  word-wrap: break-word;\n  word-break: normal;\n  height: '@spacer2';\n  font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__check span::before {\n  border: 3px solid '@faded_text_color';\n  border-radius: 10%;\n  content: '';\n  width: '@spacer2';\n  height: '@spacer2';\n  top: 0;\n  position: absolute;\n  left: 0;\n  display: block;\n}\n#sbz92 .form-control.form-control__check span::after {\n  content: '';\n  border-radius: 50%;\n  width: 10px;\n  height: 10px;\n  background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>');\n  left: calc('@spacer' - 5px);\n  top: calc('@spacer' - 5px);\n  will-change: transform;\n  transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n  transform: scale(0, 0);\n  position: absolute;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n  transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text {\n  border: solid 1px transparent;\n  padding: '@spacer';\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  border-radius: 4px;\n  background-color: rgba(57, 57, 57, 0.1);\n  font-family: '@font_family';\n  transition: all 150ms ease-out;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.bold {\n  padding: '@spacer0' 0;\n  border: none;\n  border-bottom: solid 3px '@faded_text_color';\n  border-radius: 0;\n  background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.classic {\n  padding: '@spacer';\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.simple {\n  padding: '@spacer';\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n  border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.vintage {\n  padding: '@spacer' 15px;\n  padding-top: 13px;\n  border: 1px solid '@faded_text_color';\n  border-radius: 4px;\n  background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n  border-color: '@text_color';\n}\n#sbz92 .form-control__text_container {\n  position: relative;\n}\n#sbz92 .form-control_inside_label.form-label {\n  position: absolute;\n  z-index: 10;\n  line-height: 1;\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  left: 10px;\n  transform: translateY(-50%);\n  background-color: #fff;\n  padding: 0 5px;\n}\n#sbz92 .field {\n  margin-bottom: 20px;\n}\n#sbz92 .form-control::placeholder {\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  opacity: 0.4;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  visibility: hidden;\n  position: absolute;\n}\n#sbz92 .text__shake {\n  animation: 2s shake normal forwards;\n}\n#sbz92 .countdown {\n  display: flex;\n  width: 100%;\n  margin-top: '@spacer';\n  justify-content: space-between;\n}\n#sbz92 .countdown_group {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n#sbz92 .countdown_label {\n  margin-bottom: '@spacer';\n  color: '@text_color';\n  -webkit-text-fill-color: '@text_color';\n  text-transform: uppercase;\n  font-size: small;\n  margin-top: 5px;\n  font-family: '@font_family';\n}\n#sbz92 .countdown_electric {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n#sbz92 .countdown_electric_group {\n  border-radius: 5px;\n  padding: 1rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  background-color: black;\n}\n#sbz92 .countdown_electric_label {\n  margin-bottom: '@spacer';\n  color: white;\n  -webkit-text-fill-color: white;\n  font-size: '@font_size';\n  font-family: '@font_family';\n  text-transform: uppercase;\n}\n#sbz92 .countdown_electric_numbers {\n  display: flex;\n}\n#sbz92 .countdown_electric_number {\n  color: white;\n  -webkit-text-fill-color: white;\n}\n#sbz92 .text__danger {\n  color: #ff5722;\n  -webkit-text-fill-color: #ff5722;\n}\n#sbz92 .social_buttons {\n  display: flex;\n  align-items: center;\n}\n#sbz92 .social_button {\n  filter: brightness(1);\n  cursor: pointer;\n  margin-right: 10px;\n  transition: filter 150ms ease-out;\n}\n#sbz92 .social_button:hover {\n  filter: brightness(0.9);\n}\n#sbz92 .social_button__img {\n  width: 32px;\n  height: 32px;\n}\n#sbz92 .follow_fb_btn {\n  margin: '@spacer' 0;\n  max-width: 100%;\n  cursor: pointer;\n  filter: brightness(1);\n  padding: 7px 15px;\n  border-radius: 3px;\n  color: white;\n  -webkit-text-fill-color: white;\n  background: #1877f2;\n  font-family: '@font_family';\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: filter 150ms ease-out;\n}\n#sbz92 .follow_fb_btn:hover {\n  filter: brightness(0.85);\n}\n#sbz92 .follow_fb_btn__img {\n  display: inline-block;\n  margin-right: 10px;\n  width: 20px;\n  height: 20px;\n}\n", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
+
+/***/ }
+
+}]);

package/dist/459.js

@@ -0,0 +1,37 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[459],{
+
+/***/ 5488
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(676));
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
+
+/***/ },
+
+/***/ 676
+(module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Yeseva One';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n  all: unset !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500 !important;\n}\n#sbz92 a {\n  color: #020202 !important;\n  text-decoration: none !important;\n  background-color: transparent !important;\n  font-weight: 600 !important;\n}\n#sbz92 a:hover {\n  cursor: pointer !important;\n  color: #000000 !important;\n  text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 img {\n  vertical-align: middle !important;\n  border-style: none !important;\n}\n#sbz92 svg {\n  overflow: hidden !important;\n  vertical-align: middle !important;\n}\n#sbz92 label {\n  display: inline-block !important;\n}\n#sbz92 button {\n  border-radius: 0 !important;\n}\n#sbz92 button:focus {\n  outline: 1px dotted !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none !important;\n}\n#sbz92 select {\n  word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0 !important;\n  border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box !important;\n  padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n  overflow: auto !important;\n  resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto !important;\n}\n#sbz92 [hidden] {\n  display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777 !important;\n}\n#sbz92 ::placeholder {\n  color: #777 !important;\n}\n#sbz92 div {\n  display: block !important;\n  text-rendering: geometricPrecision !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px !important;\n  height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa !important;\n}\n#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut !important;\n  animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s !important;\n  animation-name: bounceIn !important;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .notif {\n  cursor: pointer !important;\n  font-family: Inter !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  user-select: none !important;\n}\n#sbz92 .notif__bottom-left {\n  bottom: 20px !important;\n  left: 20px !important;\n}\n#sbz92 .notif__top-left {\n  top: 20px !important;\n  left: 20px !important;\n}\n#sbz92 .notif__top-right {\n  top: 20px !important;\n  right: 40px !important;\n}\n#sbz92 .notif__bottom-right {\n  bottom: 20px !important;\n  right: 40px !important;\n}\n#sbz92 .notif__bottom-center {\n  transform: translateX(-50%) !important;\n  left: 50% !important;\n  bottom: 20px !important;\n}\n#sbz92 .notif__top-center {\n  transform: translateX(-50%) !important;\n  left: 50% !important;\n  top: 20px !important;\n}\n#sbz92 .notif_avatar {\n  margin-left: 15px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n  overflow: hidden !important;\n  width: 70px !important;\n  height: 70px !important;\n  z-index: 1 !important;\n}\n#sbz92 .notif_avatar__img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n}\n#sbz92 .notif_body {\n  z-index: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  position: relative !important;\n  padding-top: 10px !important;\n  padding-left: 20px !important;\n  padding-bottom: 30px !important;\n  padding-right: 30px !important;\n  width: 235px !important;\n  height: 100px !important;\n  overflow: hidden !important;\n}\n#sbz92 .btn_close {\n  background: white !important;\n  padding: 0 !important;\n  right: -25px !important;\n  top: 0px !important;\n  position: absolute !important;\n  z-index: 10 !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s ease-out !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset !important;\n  border: none !important;\n  width: 20px !important;\n  height: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-radius: 50% !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .btn_close__icon {\n  stroke: #444 !important;\n  height: 16px !important;\n  width: 16px !important;\n  border: 0px !important;\n}\n#sbz92 .notif_bg {\n  z-index: 0 !important;\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n}\n#sbz92 .notif_time {\n  position: absolute !important;\n  bottom: 15px !important;\n  left: 20px !important;\n  font-size: 12px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .notif_title {\n  white-space: nowrap !important;\n  flex-shrink: 0 !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n}\n#sbz92 .notif_message {\n  text-overflow: ellipsis !important;\n  margin-top: 5px !important;\n  overflow: hidden !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500;\n}\n#sbz92 a {\n  color: #020202;\n  text-decoration: none;\n  background-color: transparent;\n  font-weight: 600;\n}\n#sbz92 a:hover {\n  cursor: pointer;\n  color: #000000;\n  text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 img {\n  vertical-align: middle;\n  border-style: none;\n}\n#sbz92 svg {\n  overflow: hidden;\n  vertical-align: middle;\n}\n#sbz92 label {\n  display: inline-block;\n}\n#sbz92 button {\n  border-radius: 0;\n}\n#sbz92 button:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none;\n}\n#sbz92 select {\n  word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n  overflow: auto;\n  resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n#sbz92 [hidden] {\n  display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777;\n}\n#sbz92 ::placeholder {\n  color: #777;\n}\n#sbz92 div {\n  display: block;\n  text-rendering: geometricPrecision;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa;\n}\n#sbz92 .badge {\n  padding: 2px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  display: inline-flex;\n  align-items: center;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745;\n  -webkit-text-fill-color: #28a745;\n  background: #28a74526;\n}\n#sbz92 .dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  background: #000;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745;\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut;\n  animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig;\n  animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter;\n  transform-origin: top left;\n  animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s;\n  animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s;\n  animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s;\n  animation-name: bounceIn;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .notif {\n  cursor: pointer;\n  font-family: Inter;\n  font-size: 14px;\n  position: absolute;\n  user-select: none;\n}\n#sbz92 .notif__bottom-left {\n  bottom: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-left {\n  top: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-right {\n  top: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-right {\n  bottom: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-center {\n  transform: translateX(-50%);\n  left: 50%;\n  bottom: 20px;\n}\n#sbz92 .notif__top-center {\n  transform: translateX(-50%);\n  left: 50%;\n  top: 20px;\n}\n#sbz92 .notif_avatar {\n  margin-left: 15px;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  overflow: hidden;\n  width: 70px;\n  height: 70px;\n  z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n#sbz92 .notif_body {\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  padding-top: 10px;\n  padding-left: 20px;\n  padding-bottom: 30px;\n  padding-right: 30px;\n  width: 235px;\n  height: 100px;\n  overflow: hidden;\n}\n#sbz92 .btn_close {\n  background: white;\n  padding: 0;\n  right: -25px;\n  top: 0px;\n  position: absolute;\n  z-index: 10;\n  cursor: pointer;\n  transition: background-color 0.2s ease-out;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n  border: none;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n  opacity: 1;\n}\n#sbz92 .btn_close__icon {\n  stroke: #444;\n  height: 16px;\n  width: 16px;\n  border: 0px;\n}\n#sbz92 .notif_bg {\n  z-index: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n  position: absolute;\n  bottom: 15px;\n  left: 20px;\n  font-size: 12px;\n  opacity: 0.5;\n}\n#sbz92 .notif_title {\n  white-space: nowrap;\n  flex-shrink: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n#sbz92 .notif_message {\n  text-overflow: ellipsis;\n  margin-top: 5px;\n  overflow: hidden;\n}\n", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+/* harmony export */ __webpack_require__.d(__webpack_exports__, [
+/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
+/* harmony export */ ]);
+
+
+/***/ }
+
+}]);

package/dist/490.js

@@ -0,0 +1,305 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[490],{
+
+/***/ 1490
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (/* binding */ Notif)
+/* harmony export */ });
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(172);
+/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
+/* harmony import */ var _chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7072);
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+;
+
+
+
+let notifCSS = (() => __webpack_require__.e(/* import() */ 459).then(() => (__webpack_require__(5488))))();
+class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
+  constructor(props) {
+    super(props);
+    _defineProperty(this, "state", {
+      close: true,
+      cssready: false,
+      closeAnimation: true,
+      imageReady: false,
+      user: {},
+      timestamp: '',
+      message: '',
+      title: '',
+      last_show: 0
+    });
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(async () => {
+      let {
+        body: impression
+      } = await this.props.store.sendImpression(this.props.plugin.id);
+      this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(impression, 'impression_token') || '';
+      let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.background_url');
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(image, () => this.setState({
+        imageReady: true
+      }));
+    });
+  }
+  setOver(over) {
+    if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();else this.mouse_leave = 0;
+  }
+  randomTimestampt() {
+    let random = Math.floor(Math.random() * 5);
+    if (random == 0) return this.props.t('just_now');
+    if (random == 1) return '1 ' + this.props.t('minute_ago');
+    if (random == 2) return '2 ' + this.props.t('minutes_ago');
+    if (random == 3) return '3 ' + this.props.t('minutes_ago');
+    return '4 ' + this.props.t('minutes_ago');
+  }
+  onClick(e) {
+    if (this.props.plugin._dont_follow) return;
+    this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
+    let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.url');
+    if (!url) return;
+    if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
+    let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.new_tab', false);
+    if (new_tab) return window.open(url);
+    window.location.href = url;
+  }
+  onCloseButtonClick(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    this.setClose(true);
+  }
+  renderCloseButton() {
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "btn_close",
+      onClick: e => this.onCloseButtonClick(e)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
+      class: "btn_close__icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
+      x1: "18",
+      y1: "6",
+      x2: "6",
+      y2: "18",
+      style: "stroke-width: 3 !important;"
+    }), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
+      x1: "6",
+      y1: "6",
+      x2: "18",
+      y2: "18",
+      style: "stroke-width: 3 !important;"
+    })));
+  }
+  async waitForT() {
+    if (this.props.t) return;
+    await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.sleep(100);
+    return this.waitForT();
+  }
+  async setClose(close) {
+    await this.waitForT();
+    if (!this.props.t) return;
+    if (!close) {
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearTimeout(this.lastCloseTimeout);
+      this.setState({
+        closeAnimation: false
+      });
+      let timestamp = this.randomTimestampt();
+      let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.profiles', []);
+      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.map(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, 'notification.custom_avatar_urls'), url => {
+        profiles.push({
+          type: 'person',
+          fullname: randomName(),
+          avatar_url: url,
+          email: randomEmail(),
+          address: randomAddress(),
+          phone: ramdomPhone(),
+          age: randomAge()
+        });
+      });
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles) == 0) {
+        profiles.push({
+          type: 'person',
+          fullname: randomName(),
+          avatar_url: 'https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF25.png',
+          email: randomEmail(),
+          address: randomAddress(),
+          phone: ramdomPhone(),
+          age: randomAge()
+        });
+      }
+      let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles))] || {};
+      if (user.avatar_url && user.avatar_url.startsWith('http')) {
+        await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(user.avatar_url);
+      }
+      let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_message_blocks', []);
+      let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(i18n_messages))].i18n;
+      let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.message_blocks', []);
+      let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(fallbackmsgs))];
+      let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_title_block');
+      return this.setState({
+        close: false,
+        last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now(),
+        timestamp: timestamp,
+        user: user,
+        title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.title_block'),
+        message: this.props.t.i18n(i18n_message) || fallbackmessage
+      });
+    }
+    this.setState({
+      closeAnimation: true
+    });
+    this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
+    this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
+      close: true,
+      closeAnimation: false
+    }), 150);
+    if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
+      closeAnimation: false,
+      close: false
+    }), 1000);
+  }
+  async refreshCSS() {
+    let plugins = this.props.store.matchPlugin();
+    let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.find(plugins, plugin => plugin.id === this.props.plugin.id);
+    if (!found) return;
+    let css = (await notifCSS).default.default.toString();
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
+    this.setClose(this.state.close);
+  }
+  componentWillUnmount() {
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearInterval(this.interval);
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
+  }
+  async componentDidMount() {
+    this.setState({
+      last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now()
+    });
+    this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
+    if (!this.$cssStyleDiv) {
+      this.$cssStyleDiv = document.createElement('style');
+      document.head.appendChild(this.$cssStyleDiv);
+      this.$cssStyleDiv.type = 'text/css';
+      this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
+    }
+    this.props.store.onResetCSS(this, () => this.refreshCSS());
+    await this.refreshCSS();
+    this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setInterval(() => {
+      if (this.props._destroy) return this.componentWillUnmount();
+      let mouseleave = this.mouse_leave;
+      if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - mouseleave < 1000) return;
+      if (!this.state.close && !this.props.plugin._dont_close) {
+        if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > 8000) return this.setClose(true);
+        return;
+      }
+      if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
+        return this.setClose(false);
+      }
+    }, 1000);
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => {
+      this.setState({
+        cssready: true
+      });
+      this.setClose(false);
+    }, 50);
+  }
+  render() {
+    if (!this.props.t) return null;
+    if (!this.state.cssready) return null;
+    if (!this.state.imageReady) return null;
+    if (this.state.close) return null;
+    if (!this.state.message) return null;
+    let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, 'notification', {});
+    if (!notif) return null;
+    let animation = '';
+    let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'position', 'bottom-left');
+    if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'mobile_position', pos);
+    if (pos === 'top-left' || pos === 'top-right') animation = 'fadeInDown';else if (pos === 'top-center') animation = 'fadeInDownCenter';else if (pos === 'bottom-center') animation = 'fadeInUpCenter';else if (pos === 'bottom-right') {
+      animation = 'fadeInUpBig';
+    } else {
+      pos = 'bottom-left';
+      animation = 'fadeInUpBig';
+    }
+    let user = this.state.user || {};
+    let subtextStyle = notif.subtext_style || {};
+    if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'message_style.color', 'black');
+    let st = 'position: fixed !important; z-index: 1000000000 !important';
+    if (this.props.plugin._preview) st = 'position: absolute !important;';
+    if (this.state.closeAnimation) animation = 'fadeOut';
+    let $avatar = null;
+    if (user.avatar_url) $avatar = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
+      alt: "notification avatar",
+      class: "notif_avatar__img",
+      src: user.avatar_url
+    });
+    let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_time",
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.subtext_style)
+    }, this.state.timestamp);
+    let data = {
+      'user.fullname': user.fullname,
+      'user.email': user.email,
+      'user.address': user.address,
+      'user.phone': user.phone
+    };
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: animation + ' notif' + ' notif__' + pos,
+      onClick: e => this.onClick(e),
+      onmouseover: e => this.setOver(true),
+      style: st,
+      onmouseleave: e => this.setOver(false)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      style: "position: relative !important; display: flex !important; align-items: center !important;"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
+      alt: "notification background",
+      class: "notif_bg",
+      src: notif.background_url,
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.background_style)
+    }), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_avatar",
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.avatar_style)
+    }, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_body"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_title",
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.title_style)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+      block: this.state.title,
+      data: data
+    })), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "notif_message",
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.message_style)
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
+      block: this.state.message,
+      data: data
+    })), $time)));
+  }
+}
+function randomName() {
+  let db = ['Kiều Thanh', 'Phương Anh', 'Lê Thùy Linh', 'Trang Nguyễn', 'Thanh Hoa', 'Hoài Đức', 'Huơng Giang'];
+  return db[Math.floor(Math.random() * db.length)];
+}
+function randomAge() {
+  return 15 + Math.floor(Math.random() * 20);
+}
+function ramdomPhone() {
+  return '+84' + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + Math.floor(Math.random() * 10) + 'xxxx';
+}
+function randomEmail() {
+  return randomName().split(' ').join('.').toLowerCase() + '@gmail.com';
+}
+function randomAddress() {
+  let db = ['Dịch Vọng Hậu, Cầu Giấy', 'Quận 1, TP Hồ Chí Minh', 'Ngõ 34 Tôn Thất Thuyết', '87 Phạm Hùng', 'Đống Đa, Hà Nội'];
+  return db[Math.floor(Math.random() * db.length)];
+}
+
+/***/ }
+
+}]);