@subiz/widget-v4 4.1.190 → 4.1.195

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (120) hide show
  1. package/assets/less/chatbox.less +0 -1
  2. package/assets/less/message.less +71 -4
  3. package/compiled_src/chatbox/Event.js +38 -8
  4. package/compiled_src/chatbox/Events.js +20 -0
  5. package/compiled_src/chatbox/FileAttachments.js +36 -4
  6. package/compiled_src/chatbox/ImageAttachments.js +31 -4
  7. package/compiled_src/chatbox/QuoteMessage.js +99 -0
  8. package/compiled_src/chatbox/Rating.js +4 -0
  9. package/compiled_src/chatbox/TextMessage.js +49 -4
  10. package/compiled_src/chatbox/Widget.js +43 -1
  11. package/compiled_src/store/api.js +2 -0
  12. package/compiled_src/store/store.js +44 -2
  13. package/compiled_src/util/common.js +13 -1
  14. package/dist/127.js +273 -0
  15. package/dist/132.js +2802 -0
  16. package/dist/185.js +1827 -0
  17. package/dist/19b74edd3c9.127.js +1 -0
  18. package/dist/19b74edd3c9.132.js +1 -0
  19. package/dist/19b74edd3c9.185.js +1 -0
  20. package/dist/19b74edd3c9.27.js +1 -0
  21. package/dist/19b74edd3c9.278.js +1 -0
  22. package/dist/19b74edd3c9.339.js +1 -0
  23. package/dist/19b74edd3c9.459.js +1 -0
  24. package/dist/19b74edd3c9.490.js +1 -0
  25. package/dist/19b74edd3c9.74.js +1 -0
  26. package/dist/19b74edd3c9.997.js +1 -0
  27. package/dist/19b74edd3c9.app.js +1 -0
  28. package/dist/19b74edd3c9.chat.html +1 -0
  29. package/dist/19b74edd3c9.chat.js +1 -0
  30. package/dist/19b74edd3c9.form.html +1 -0
  31. package/dist/19b74edd3c9.form.js +1 -0
  32. package/dist/19b74edd3c9.index.html +72 -0
  33. package/dist/19b74edd3c9.library.html +72 -0
  34. package/dist/19b74edd3c9.library.js +1 -0
  35. package/dist/19b74edd3c9.preview.html +759 -0
  36. package/dist/19b74edd3c9.preview.js +1 -0
  37. package/dist/19b74edd3c9.webview.js +1 -0
  38. package/dist/27.js +35 -0
  39. package/dist/459.js +35 -0
  40. package/dist/490.js +305 -0
  41. package/dist/74.js +372 -0
  42. package/dist/997.js +35 -0
  43. package/dist/HASH +1 -0
  44. package/dist/assets/img/Facebook.64607ec.png +0 -0
  45. package/dist/assets/img/Zalo.6845707.png +0 -0
  46. package/dist/assets/img/award1a.1a58e10.png +0 -0
  47. package/dist/assets/img/award3a.3b74423.png +0 -0
  48. package/dist/assets/img/award4a.ed6ccd4.png +0 -0
  49. package/dist/assets/img/award5.39eb7ae.png +0 -0
  50. package/dist/assets/img/bubble_default.7d5e4ab.svg +20 -0
  51. package/dist/assets/img/caret.998eb8f.svg +1 -0
  52. package/dist/assets/img/convos_empty.2353007.svg +72 -0
  53. package/dist/assets/img/default.06e6ee0.jpg +0 -0
  54. package/dist/assets/img/default_avatar.5b74dc1.png +0 -0
  55. package/dist/assets/img/done_gray.d7e8203.svg +4 -0
  56. package/dist/assets/img/done_green.b817fd4.svg +4 -0
  57. package/dist/assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png +0 -0
  58. package/dist/assets/img/emoji/messenger/sub_23.529_60.784.1420241.png +0 -0
  59. package/dist/assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png +0 -0
  60. package/dist/assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png +0 -0
  61. package/dist/assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png +0 -0
  62. package/dist/assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png +0 -0
  63. package/dist/assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png +0 -0
  64. package/dist/assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png +0 -0
  65. package/dist/assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png +0 -0
  66. package/dist/assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png +0 -0
  67. package/dist/assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png +0 -0
  68. package/dist/assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png +0 -0
  69. package/dist/assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png +0 -0
  70. package/dist/assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png +0 -0
  71. package/dist/assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png +0 -0
  72. package/dist/assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png +0 -0
  73. package/dist/assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png +0 -0
  74. package/dist/assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png +0 -0
  75. package/dist/assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png +0 -0
  76. package/dist/assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png +0 -0
  77. package/dist/assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png +0 -0
  78. package/dist/assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png +0 -0
  79. package/dist/assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png +0 -0
  80. package/dist/assets/img/empty.29bed2d.svg +23 -0
  81. package/dist/assets/img/empty_1.0b98af0.svg +11 -0
  82. package/dist/assets/img/examplte_logo.f86535f.svg +1 -0
  83. package/dist/assets/img/external-link.90577cc.svg +1 -0
  84. package/dist/assets/img/fb_inverse_circle.36c2cfc.png +0 -0
  85. package/dist/assets/img/ghn.070f8e3.svg +17 -0
  86. package/dist/assets/img/ghtk.326eac1.svg +18 -0
  87. package/dist/assets/img/image_default.be0698b.png +0 -0
  88. package/dist/assets/img/info.ebce7ea.svg +1 -0
  89. package/dist/assets/img/loader.37000a7.svg +1 -0
  90. package/dist/assets/img/loading_static.a27f0ac.svg +10 -0
  91. package/dist/assets/img/main-service1.d536cc2.png +0 -0
  92. package/dist/assets/img/main-service2.9b99549.png +0 -0
  93. package/dist/assets/img/not_found_search.2ddb8d1.png +0 -0
  94. package/dist/assets/img/package.8d37d0f.svg +5 -0
  95. package/dist/assets/img/package_fade.763c001.svg +1 -0
  96. package/dist/assets/img/rating--average.1ea492c.svg +12 -0
  97. package/dist/assets/img/rating--great.e3d712e.svg +16 -0
  98. package/dist/assets/img/rating--poor.2938a25.svg +12 -0
  99. package/dist/assets/img/search.f9705ff.svg +1 -0
  100. package/dist/assets/img/send.6db52a9.svg +3 -0
  101. package/dist/assets/img/shop.f7dc7d8.svg +1 -0
  102. package/dist/assets/img/shop_faded.df7845a.svg +1 -0
  103. package/dist/assets/img/stars_v2.79cf728.png +0 -0
  104. package/dist/assets/img/subiz-mono.8fbc067.svg +3 -0
  105. package/dist/assets/img/x.26fdfa3.svg +5 -0
  106. package/dist/malicious-app.js +17 -0
  107. package/dist/screenshoot.html +7 -0
  108. package/dist/screenshoot.js +13015 -0
  109. package/package.json +8 -8
  110. package/src/chatbox/Event.js +49 -9
  111. package/src/chatbox/Events.js +21 -1
  112. package/src/chatbox/FileAttachments.js +31 -4
  113. package/src/chatbox/ImageAttachments.js +26 -3
  114. package/src/chatbox/QuoteMessage.js +94 -0
  115. package/src/chatbox/Rating.js +5 -0
  116. package/src/chatbox/TextMessage.js +50 -2
  117. package/src/chatbox/Widget.js +52 -0
  118. package/src/store/api.js +3 -0
  119. package/src/store/store.js +50 -1
  120. package/src/util/common.js +19 -1
package/dist/27.js ADDED
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ (self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[27],{
3
+
4
+ /***/ 8027
5
+ (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6
+
7
+ __webpack_require__.r(__webpack_exports__);
8
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
10
+ /* harmony export */ });
11
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(9688));
12
+
13
+ /***/ },
14
+
15
+ /***/ 9688
16
+ (module, __webpack_exports__, __webpack_require__) {
17
+
18
+ __webpack_require__.r(__webpack_exports__);
19
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
20
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
21
+ /* harmony export */ });
22
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
23
+ /* 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__);
24
+ // Imports
25
+
26
+ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
27
+ // Module
28
+ ___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/v32/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/v32/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/v32/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/v32/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/v32/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/v32/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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", ""]);
29
+ // Exports
30
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
31
+
32
+
33
+ /***/ }
34
+
35
+ }]);
package/dist/459.js ADDED
@@ -0,0 +1,35 @@
1
+ "use strict";
2
+ (self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[459],{
3
+
4
+ /***/ 4056
5
+ (module, __webpack_exports__, __webpack_require__) {
6
+
7
+ __webpack_require__.r(__webpack_exports__);
8
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
10
+ /* harmony export */ });
11
+ /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
12
+ /* 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__);
13
+ // Imports
14
+
15
+ var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
16
+ // Module
17
+ ___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/v32/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/v32/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/v32/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/v32/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/v32/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/v32/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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/v50/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", ""]);
18
+ // Exports
19
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
20
+
21
+
22
+ /***/ },
23
+
24
+ /***/ 5488
25
+ (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
26
+
27
+ __webpack_require__.r(__webpack_exports__);
28
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
29
+ /* harmony export */ "default": () => (__WEBPACK_DEFAULT_EXPORT__)
30
+ /* harmony export */ });
31
+ /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(4056));
32
+
33
+ /***/ }
34
+
35
+ }]);
package/dist/490.js ADDED
@@ -0,0 +1,305 @@
1
+ "use strict";
2
+ (self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[490],{
3
+
4
+ /***/ 1490
5
+ (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6
+
7
+ __webpack_require__.r(__webpack_exports__);
8
+ /* harmony export */ __webpack_require__.d(__webpack_exports__, {
9
+ /* harmony export */ "default": () => (/* binding */ Notif)
10
+ /* harmony export */ });
11
+ /* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8150);
12
+ /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(172);
13
+ /* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
14
+ /* harmony import */ var _chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(7072);
15
+ 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; }
16
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
17
+ 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); }
18
+
19
+
20
+
21
+
22
+ let notifCSS = (() => __webpack_require__.e(/* import() */ 459).then(__webpack_require__.bind(__webpack_require__, 5488)))();
23
+ class Notif extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
24
+ constructor(props) {
25
+ super(props);
26
+ _defineProperty(this, "state", {
27
+ close: true,
28
+ cssready: false,
29
+ closeAnimation: true,
30
+ imageReady: false,
31
+ user: {},
32
+ timestamp: '',
33
+ message: '',
34
+ title: '',
35
+ last_show: 0
36
+ });
37
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(async () => {
38
+ let {
39
+ body: impression
40
+ } = await this.props.store.sendImpression(this.props.plugin.id);
41
+ this.impressionToken = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(impression, 'impression_token') || '';
42
+ let image = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.background_url');
43
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(image, () => this.setState({
44
+ imageReady: true
45
+ }));
46
+ });
47
+ }
48
+ setOver(over) {
49
+ if (!over) this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();else this.mouse_leave = 0;
50
+ }
51
+ randomTimestampt() {
52
+ let random = Math.floor(Math.random() * 5);
53
+ if (random == 0) return this.props.t('just_now');
54
+ if (random == 1) return '1 ' + this.props.t('minute_ago');
55
+ if (random == 2) return '2 ' + this.props.t('minutes_ago');
56
+ if (random == 3) return '3 ' + this.props.t('minutes_ago');
57
+ return '4 ' + this.props.t('minutes_ago');
58
+ }
59
+ onClick(e) {
60
+ if (this.props.plugin._dont_follow) return;
61
+ this.props.store.sendConversion(this.props.plugin.id, null, this.impressionToken);
62
+ let url = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.url');
63
+ if (!url) return;
64
+ if (!url.startsWith('http://') && !url.startsWith('https://')) url = '//' + url;
65
+ let new_tab = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.new_tab', false);
66
+ if (new_tab) return window.open(url);
67
+ window.location.href = url;
68
+ }
69
+ onCloseButtonClick(e) {
70
+ e.preventDefault();
71
+ e.stopPropagation();
72
+ this.setClose(true);
73
+ }
74
+ renderCloseButton() {
75
+ return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
76
+ class: "btn_close",
77
+ onClick: e => this.onCloseButtonClick(e)
78
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
79
+ class: "btn_close__icon",
80
+ xmlns: "http://www.w3.org/2000/svg",
81
+ width: "24",
82
+ height: "24",
83
+ viewBox: "0 0 24 24",
84
+ "stroke-linecap": "round",
85
+ "stroke-linejoin": "round"
86
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
87
+ x1: "18",
88
+ y1: "6",
89
+ x2: "6",
90
+ y2: "18",
91
+ style: "stroke-width: 3 !important;"
92
+ }), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("line", {
93
+ x1: "6",
94
+ y1: "6",
95
+ x2: "18",
96
+ y2: "18",
97
+ style: "stroke-width: 3 !important;"
98
+ })));
99
+ }
100
+ async waitForT() {
101
+ if (this.props.t) return;
102
+ await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.sleep(100);
103
+ return this.waitForT();
104
+ }
105
+ async setClose(close) {
106
+ await this.waitForT();
107
+ if (!this.props.t) return;
108
+ if (!close) {
109
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearTimeout(this.lastCloseTimeout);
110
+ this.setState({
111
+ closeAnimation: false
112
+ });
113
+ let timestamp = this.randomTimestampt();
114
+ let profiles = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.profiles', []);
115
+ _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 => {
116
+ profiles.push({
117
+ type: 'person',
118
+ fullname: randomName(),
119
+ avatar_url: url,
120
+ email: randomEmail(),
121
+ address: randomAddress(),
122
+ phone: ramdomPhone(),
123
+ age: randomAge()
124
+ });
125
+ });
126
+ if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles) == 0) {
127
+ profiles.push({
128
+ type: 'person',
129
+ fullname: randomName(),
130
+ avatar_url: 'https://public-gcs.subiz-cdn.com/widget_assets/profile_images/VNF25.png',
131
+ email: randomEmail(),
132
+ address: randomAddress(),
133
+ phone: ramdomPhone(),
134
+ age: randomAge()
135
+ });
136
+ }
137
+ let user = profiles[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(profiles))] || {};
138
+ if (user.avatar_url && user.avatar_url.startsWith('http')) {
139
+ await _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.preloadImg(user.avatar_url);
140
+ }
141
+ let i18n_messages = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_message_blocks', []);
142
+ let i18n_message = i18n_messages[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(i18n_messages))].i18n;
143
+ let fallbackmsgs = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.message_blocks', []);
144
+ let fallbackmessage = fallbackmsgs[Math.floor(Math.random() * _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(fallbackmsgs))];
145
+ let i18n_title = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.i18n_title_block');
146
+ return this.setState({
147
+ close: false,
148
+ last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now(),
149
+ timestamp: timestamp,
150
+ user: user,
151
+ title: this.props.t.i18n(i18n_title) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props, 'plugin.notification.title_block'),
152
+ message: this.props.t.i18n(i18n_message) || fallbackmessage
153
+ });
154
+ }
155
+ this.setState({
156
+ closeAnimation: true
157
+ });
158
+ this.mouse_leave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
159
+ this.lastCloseTimeout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
160
+ close: true,
161
+ closeAnimation: false
162
+ }), 150);
163
+ if (this.props.plugin._dont_close) _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => this.setState({
164
+ closeAnimation: false,
165
+ close: false
166
+ }), 1000);
167
+ }
168
+ async refreshCSS() {
169
+ let plugins = this.props.store.matchPlugin();
170
+ let found = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.find(plugins, plugin => plugin.id === this.props.plugin.id);
171
+ if (!found) return;
172
+ let css = (await notifCSS).default.default.toString();
173
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, css);
174
+ this.setClose(this.state.close);
175
+ }
176
+ componentWillUnmount() {
177
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.clearInterval(this.interval);
178
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setCss(this.props.plugin.id, this.$cssStyleDiv, '');
179
+ }
180
+ async componentDidMount() {
181
+ this.setState({
182
+ last_show: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now()
183
+ });
184
+ this.$cssStyleDiv = document.getElementById('subiz-style-for-' + this.props.plugin.id);
185
+ if (!this.$cssStyleDiv) {
186
+ this.$cssStyleDiv = document.createElement('style');
187
+ document.head.appendChild(this.$cssStyleDiv);
188
+ this.$cssStyleDiv.type = 'text/css';
189
+ this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
190
+ }
191
+ this.props.store.onResetCSS(this, () => this.refreshCSS());
192
+ await this.refreshCSS();
193
+ this.interval = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setInterval(() => {
194
+ if (this.props._destroy) return this.componentWillUnmount();
195
+ let mouseleave = this.mouse_leave;
196
+ if (mouseleave === 0) mouseleave = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now();
197
+ if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - mouseleave < 1000) return;
198
+ if (!this.state.close && !this.props.plugin._dont_close) {
199
+ if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > 8000) return this.setClose(true);
200
+ return;
201
+ }
202
+ if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.Date.now() - this.state.last_show > this.props.plugin.notification.interval_sec) {
203
+ return this.setClose(false);
204
+ }
205
+ }, 1000);
206
+ _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.setTimeout(() => {
207
+ this.setState({
208
+ cssready: true
209
+ });
210
+ this.setClose(false);
211
+ }, 50);
212
+ }
213
+ render() {
214
+ if (!this.props.t) return null;
215
+ if (!this.state.cssready) return null;
216
+ if (!this.state.imageReady) return null;
217
+ if (this.state.close) return null;
218
+ if (!this.state.message) return null;
219
+ let notif = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, 'notification', {});
220
+ if (!notif) return null;
221
+ let animation = '';
222
+ let pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'position', 'bottom-left');
223
+ if (this.props.mobile) pos = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'mobile_position', pos);
224
+ 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') {
225
+ animation = 'fadeInUpBig';
226
+ } else {
227
+ pos = 'bottom-left';
228
+ animation = 'fadeInUpBig';
229
+ }
230
+ let user = this.state.user || {};
231
+ let subtextStyle = notif.subtext_style || {};
232
+ if (subtextStyle.color === undefined) subtextStyle.color = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(notif, 'message_style.color', 'black');
233
+ let st = 'position: fixed !important; z-index: 1000000000 !important';
234
+ if (this.props.plugin._preview) st = 'position: absolute !important;';
235
+ if (this.state.closeAnimation) animation = 'fadeOut';
236
+ let $avatar = null;
237
+ if (user.avatar_url) $avatar = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
238
+ alt: "notification avatar",
239
+ class: "notif_avatar__img",
240
+ src: user.avatar_url
241
+ });
242
+ let $time = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
243
+ class: "notif_time",
244
+ style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.subtext_style)
245
+ }, this.state.timestamp);
246
+ let data = {
247
+ 'user.fullname': user.fullname,
248
+ 'user.email': user.email,
249
+ 'user.address': user.address,
250
+ 'user.phone': user.phone
251
+ };
252
+ return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
253
+ class: animation + ' notif' + ' notif__' + pos,
254
+ onClick: e => this.onClick(e),
255
+ onmouseover: e => this.setOver(true),
256
+ style: st,
257
+ onmouseleave: e => this.setOver(false)
258
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
259
+ style: "position: relative !important; display: flex !important; align-items: center !important;"
260
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("img", {
261
+ alt: "notification background",
262
+ class: "notif_bg",
263
+ src: notif.background_url,
264
+ style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.background_style)
265
+ }), this.renderCloseButton(), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
266
+ class: "notif_avatar",
267
+ style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.avatar_style)
268
+ }, $avatar), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
269
+ class: "notif_body"
270
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
271
+ class: "notif_title",
272
+ style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.title_style)
273
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
274
+ block: this.state.title,
275
+ data: data
276
+ })), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
277
+ class: "notif_message",
278
+ style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.js2css(notif.message_style)
279
+ }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)(_chatbox_block_js__WEBPACK_IMPORTED_MODULE_3__/* ["default"] */ .A, {
280
+ block: this.state.message,
281
+ data: data
282
+ })), $time)));
283
+ }
284
+ }
285
+ function randomName() {
286
+ let db = ['Kiều Thanh', 'Phương Anh', 'Lê Thùy Linh', 'Trang Nguyễn', 'Thanh Hoa', 'Hoài Đức', 'Huơng Giang'];
287
+ return db[Math.floor(Math.random() * db.length)];
288
+ }
289
+ function randomAge() {
290
+ return 15 + Math.floor(Math.random() * 20);
291
+ }
292
+ function ramdomPhone() {
293
+ 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';
294
+ }
295
+ function randomEmail() {
296
+ return randomName().split(' ').join('.').toLowerCase() + '@gmail.com';
297
+ }
298
+ function randomAddress() {
299
+ 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'];
300
+ return db[Math.floor(Math.random() * db.length)];
301
+ }
302
+
303
+ /***/ }
304
+
305
+ }]);