@subiz/widget-v4 4.1.206 → 4.1.208

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 (107) hide show
  1. package/assets/less/chatbox.less +1 -0
  2. package/assets/less/widget.less +2 -2
  3. package/compiled_src/chatbox/block.js +5 -0
  4. package/compiled_src/chatbox/main.js +11 -6
  5. package/compiled_src/util/common.js +2 -0
  6. package/compiled_src/util/common.test.js +8 -0
  7. package/package.json +7 -7
  8. package/src/chatbox/block.js +6 -1
  9. package/src/chatbox/main.js +16 -8
  10. package/src/util/common.js +2 -0
  11. package/src/util/common.test.js +7 -0
  12. package/dist/127.js +0 -273
  13. package/dist/132.js +0 -2817
  14. package/dist/185.js +0 -1917
  15. package/dist/1a0475c4721.127.js +0 -1
  16. package/dist/1a0475c4721.132.js +0 -1
  17. package/dist/1a0475c4721.185.js +0 -1
  18. package/dist/1a0475c4721.27.js +0 -1
  19. package/dist/1a0475c4721.278.js +0 -1
  20. package/dist/1a0475c4721.339.js +0 -1
  21. package/dist/1a0475c4721.459.js +0 -1
  22. package/dist/1a0475c4721.490.js +0 -1
  23. package/dist/1a0475c4721.74.js +0 -1
  24. package/dist/1a0475c4721.997.js +0 -1
  25. package/dist/1a0475c4721.app.js +0 -1
  26. package/dist/1a0475c4721.chat.html +0 -1
  27. package/dist/1a0475c4721.chat.js +0 -1
  28. package/dist/1a0475c4721.form.html +0 -1
  29. package/dist/1a0475c4721.form.js +0 -1
  30. package/dist/1a0475c4721.index.html +0 -1
  31. package/dist/1a0475c4721.library.html +0 -1
  32. package/dist/1a0475c4721.library.js +0 -1
  33. package/dist/1a0475c4721.preview.html +0 -1
  34. package/dist/1a0475c4721.preview.js +0 -1
  35. package/dist/1a0475c4721.webview.js +0 -1
  36. package/dist/27.js +0 -37
  37. package/dist/459.js +0 -37
  38. package/dist/490.js +0 -305
  39. package/dist/74.js +0 -376
  40. package/dist/997.js +0 -37
  41. package/dist/HASH +0 -1
  42. package/dist/assets/img/Facebook.64607ec.png +0 -0
  43. package/dist/assets/img/Zalo.6845707.png +0 -0
  44. package/dist/assets/img/award1a.1a58e10.png +0 -0
  45. package/dist/assets/img/award3a.3b74423.png +0 -0
  46. package/dist/assets/img/award4a.ed6ccd4.png +0 -0
  47. package/dist/assets/img/award5.39eb7ae.png +0 -0
  48. package/dist/assets/img/bubble_default.7d5e4ab.svg +0 -20
  49. package/dist/assets/img/caret.998eb8f.svg +0 -1
  50. package/dist/assets/img/convos_empty.2353007.svg +0 -72
  51. package/dist/assets/img/default.06e6ee0.jpg +0 -0
  52. package/dist/assets/img/default_avatar.e449b04.png +0 -0
  53. package/dist/assets/img/default_logo.dd13a2b.svg +0 -5
  54. package/dist/assets/img/done_gray.d7e8203.svg +0 -4
  55. package/dist/assets/img/done_green.b817fd4.svg +0 -4
  56. package/dist/assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png +0 -0
  57. package/dist/assets/img/emoji/messenger/sub_23.529_60.784.1420241.png +0 -0
  58. package/dist/assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png +0 -0
  59. package/dist/assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png +0 -0
  60. package/dist/assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png +0 -0
  61. package/dist/assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png +0 -0
  62. package/dist/assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png +0 -0
  63. package/dist/assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png +0 -0
  64. package/dist/assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png +0 -0
  65. package/dist/assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png +0 -0
  66. package/dist/assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png +0 -0
  67. package/dist/assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png +0 -0
  68. package/dist/assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png +0 -0
  69. package/dist/assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png +0 -0
  70. package/dist/assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png +0 -0
  71. package/dist/assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png +0 -0
  72. package/dist/assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png +0 -0
  73. package/dist/assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png +0 -0
  74. package/dist/assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png +0 -0
  75. package/dist/assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png +0 -0
  76. package/dist/assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png +0 -0
  77. package/dist/assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png +0 -0
  78. package/dist/assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png +0 -0
  79. package/dist/assets/img/empty.29bed2d.svg +0 -23
  80. package/dist/assets/img/empty_1.0b98af0.svg +0 -11
  81. package/dist/assets/img/examplte_logo.f86535f.svg +0 -1
  82. package/dist/assets/img/external-link.90577cc.svg +0 -1
  83. package/dist/assets/img/fb_inverse_circle.36c2cfc.png +0 -0
  84. package/dist/assets/img/ghn.070f8e3.svg +0 -17
  85. package/dist/assets/img/ghtk.326eac1.svg +0 -18
  86. package/dist/assets/img/image_default.be0698b.png +0 -0
  87. package/dist/assets/img/info.ebce7ea.svg +0 -1
  88. package/dist/assets/img/loader.37000a7.svg +0 -1
  89. package/dist/assets/img/loading_static.a27f0ac.svg +0 -10
  90. package/dist/assets/img/main-service1.d536cc2.png +0 -0
  91. package/dist/assets/img/main-service2.9b99549.png +0 -0
  92. package/dist/assets/img/not_found_search.2ddb8d1.png +0 -0
  93. package/dist/assets/img/package.8d37d0f.svg +0 -5
  94. package/dist/assets/img/package_fade.763c001.svg +0 -1
  95. package/dist/assets/img/rating--average.1ea492c.svg +0 -12
  96. package/dist/assets/img/rating--great.e3d712e.svg +0 -16
  97. package/dist/assets/img/rating--poor.2938a25.svg +0 -12
  98. package/dist/assets/img/search.f9705ff.svg +0 -1
  99. package/dist/assets/img/send.6db52a9.svg +0 -3
  100. package/dist/assets/img/shop.f7dc7d8.svg +0 -1
  101. package/dist/assets/img/shop_faded.df7845a.svg +0 -1
  102. package/dist/assets/img/stars_v2.79cf728.png +0 -0
  103. package/dist/assets/img/subiz-mono.8fbc067.svg +0 -3
  104. package/dist/assets/img/x.26fdfa3.svg +0 -5
  105. package/dist/malicious-app.js +0 -17
  106. package/dist/screenshoot.html +0 -7
  107. package/dist/screenshoot.js +0 -13480
package/dist/27.js DELETED
@@ -1,37 +0,0 @@
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 default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(9688));
9
- /* harmony export */ __webpack_require__.d(__webpack_exports__, [
10
- /* harmony export */ "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
11
- /* harmony export */ ]);
12
-
13
-
14
- /***/ },
15
-
16
- /***/ 9688
17
- (module, __webpack_exports__, __webpack_require__) {
18
-
19
- __webpack_require__.r(__webpack_exports__);
20
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
21
- /* 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__);
22
- // Imports
23
-
24
- var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
25
- // Module
26
- ___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n font-weight: 600 !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n#sbz92 .badge {\n padding: 2px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n border-radius: 6px !important;\n display: inline-flex !important;\n align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n color: #28a745 !important;\n -webkit-text-fill-color: #28a745 !important;\n background: #28a74526 !important;\n}\n#sbz92 .dot {\n width: 8px !important;\n height: 8px !important;\n border-radius: 4px !important;\n flex-shrink: 0 !important;\n background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n background: #28a745 !important;\n}\n#sbz92 .tick {\n box-sizing: border-box !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n -ms-user-select: none !important;\n user-select: none !important;\n cursor: default !important;\n position: relative !important;\n z-index: 1 !important;\n line-height: 1.4 !important;\n}\n#sbz92 .tick [data-view] {\n max-width: 100% !important;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block !important;\n}\n#sbz92 .tick-flip {\n position: relative !important;\n text-align: center !important;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-spacer {\n display: block !important;\n visibility: hidden !important;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute !important;\n left: 1px !important;\n right: 1px !important;\n top: 1px !important;\n bottom: 1px !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n background: transparent !important !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px) !important;\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px) !important;\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute !important;\n left: 0.15em !important;\n right: 0.15em !important;\n bottom: 0.125em !important;\n height: 0.5em !important;\n background-color: transparent !important;\n border-radius: 0 !important;\n opacity: 0 !important;\n -webkit-transform-origin: 0 100% !important;\n transform-origin: 0 100% !important;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75) !important;\n z-index: 0 !important;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0 !important;\n position: absolute !important;\n z-index: 1 !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n -webkit-perspective: 4em !important;\n perspective: 4em !important;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute !important;\n left: 0 !important;\n width: 100% !important;\n height: 51% !important;\n -webkit-backface-visibility: hidden !important;\n backface-visibility: hidden !important;\n -webkit-transform-style: preserve-3d !important;\n transform-style: preserve-3d !important;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em !important;\n border-top-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em !important;\n border-bottom-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute !important;\n left: -1px !important;\n top: 0 !important;\n right: -1px !important;\n height: 100% !important;\n overflow: hidden !important;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n height: 100% !important;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200% !important;\n top: -100% !important;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom !important;\n transform-origin: center bottom !important;\n top: 0 !important;\n z-index: 2 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05) !important;\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top !important;\n transform-origin: center top !important;\n top: 50% !important;\n z-index: 1 !important;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1 !important;\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2 !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n opacity: 0 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none !important;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0 !important;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em !important;\n margin-right: 0.0625em !important;\n min-width: 1.125em !important;\n border-radius: 0.125em !important;\n letter-spacing: 0.25em !important;\n text-indent: 0.25em !important;\n}\n#sbz92 .tick-flip-panel {\n color: white !important;\n -webkit-text-fill-color: white !important;\n background-color: #444 !important;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25) !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2' !important;\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .overlay {\n position: absolute !important;\n user-select: none !important;\n top: 0 !important;\n left: 0 !important;\n bottom: 0 !important;\n right: 0 !important;\n z-index: 20000000000100 !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n padding: 0 !important;\n right: 10px !important;\n top: 10px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n height: 30px !important;\n padding-top: 4px !important;\n padding-left: 4px !important;\n width: 30px !important;\n border-radius: 50% !important;\n background-color: #00000088 !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8 !important;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white !important;\n}\n#sbz92 .btn_close__icon {\n height: 22px !important;\n width: 22px !important;\n border: 0px !important;\n}\n#sbz92 .btn {\n cursor: pointer !important;\n padding: '@spacer' !important;\n outline: 0 !important;\n border: 0px !important;\n font-family: '@font_family' !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n text-align: center !important;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer' !important;\n background: transparent !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold !important;\n transition: background 200ms ease-out !important;\n padding-left: '@spacer3' !important;\n padding-right: '@spacer3' !important;\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1) !important;\n background: '@text_color' !important;\n}\n#sbz92 .form {\n display: block !important;\n}\n#sbz92 .form-control {\n outline: 0 none !important;\n width: 100% !important;\n font-size: '@font_size' !important;\n}\n#sbz92 .form-label {\n user-select: none !important;\n margin-bottom: '@spacer0' !important;\n font-family: '@font_family' !important;\n font-size: '@font_size' !important;\n}\n#sbz92 select {\n width: 100% !important;\n border: 0 !important;\n border-radius: 0 !important;\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0 !important;\n}\n#sbz92 select.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.bold {\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n padding: '@spacer0' 0 !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 50% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '' !important;\n background-color: '@text_color' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px !important;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 10% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>') !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0 !important;\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control__text_container {\n position: relative !important;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute !important;\n z-index: 10 !important;\n line-height: 1 !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n left: 10px !important;\n transform: translateY(-50%) !important;\n background-color: #fff !important;\n padding: 0 5px !important;\n}\n#sbz92 .field {\n margin-bottom: 20px !important;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n opacity: 0.4 !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden !important;\n position: absolute !important;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards !important;\n}\n#sbz92 .countdown {\n display: flex !important;\n width: 100% !important;\n margin-top: '@spacer' !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n text-transform: uppercase !important;\n font-size: small !important;\n margin-top: 5px !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .countdown_electric {\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px !important;\n padding: 1rem !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n background-color: black !important;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer' !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n font-size: '@font_size' !important;\n font-family: '@font_family' !important;\n text-transform: uppercase !important;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex !important;\n}\n#sbz92 .countdown_electric_number {\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .text__danger {\n color: #ff5722 !important;\n -webkit-text-fill-color: #ff5722 !important;\n}\n#sbz92 .social_buttons {\n display: flex !important;\n align-items: center !important;\n}\n#sbz92 .social_button {\n filter: brightness(1) !important;\n cursor: pointer !important;\n margin-right: 10px !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9) !important;\n}\n#sbz92 .social_button__img {\n width: 32px !important;\n height: 32px !important;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0 !important;\n max-width: 100% !important;\n cursor: pointer !important;\n filter: brightness(1) !important;\n padding: 7px 15px !important;\n border-radius: 3px !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n background: #1877f2 !important;\n font-family: '@font_family' !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85) !important;\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block !important;\n margin-right: 10px !important;\n width: 20px !important;\n height: 20px !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n font-weight: 600;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n#sbz92 .badge {\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n border-radius: 6px;\n display: inline-flex;\n align-items: center;\n}\n#sbz92 .badge.badge--success {\n color: #28a745;\n -webkit-text-fill-color: #28a745;\n background: #28a74526;\n}\n#sbz92 .dot {\n width: 8px;\n height: 8px;\n border-radius: 4px;\n flex-shrink: 0;\n background: #000;\n}\n#sbz92 .dot.dot--success {\n background: #28a745;\n}\n#sbz92 .tick {\n box-sizing: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n position: relative;\n z-index: 1;\n line-height: 1.4;\n}\n#sbz92 .tick [data-view] {\n max-width: 100%;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block;\n}\n#sbz92 .tick-flip {\n position: relative;\n text-align: center;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n#sbz92 .tick-flip-spacer {\n display: block;\n visibility: hidden;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n color: transparent;\n -webkit-text-fill-color: transparent;\n background: transparent !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px);\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px);\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute;\n left: 0.15em;\n right: 0.15em;\n bottom: 0.125em;\n height: 0.5em;\n background-color: transparent;\n border-radius: 0;\n opacity: 0;\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75);\n z-index: 0;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0;\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-perspective: 4em;\n perspective: 4em;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute;\n left: 0;\n width: 100%;\n height: 51%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em;\n border-top-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em;\n border-bottom-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute;\n left: -1px;\n top: 0;\n right: -1px;\n height: 100%;\n overflow: hidden;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200%;\n top: -100%;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n top: 0;\n z-index: 2;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top;\n transform-origin: center top;\n top: 50%;\n z-index: 1;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em;\n margin-right: 0.0625em;\n min-width: 1.125em;\n border-radius: 0.125em;\n letter-spacing: 0.25em;\n text-indent: 0.25em;\n}\n#sbz92 .tick-flip-panel {\n color: white;\n -webkit-text-fill-color: white;\n background-color: #444;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25);\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2';\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0;\n}\n#sbz92 .overlay {\n position: absolute;\n user-select: none;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 20000000000100;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n padding: 0;\n right: 10px;\n top: 10px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n height: 30px;\n padding-top: 4px;\n padding-left: 4px;\n width: 30px;\n border-radius: 50%;\n background-color: #00000088;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white;\n}\n#sbz92 .btn_close__icon {\n height: 22px;\n width: 22px;\n border: 0px;\n}\n#sbz92 .btn {\n cursor: pointer;\n padding: '@spacer';\n outline: 0;\n border: 0px;\n font-family: '@font_family';\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: center;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer';\n background: transparent;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold;\n transition: background 200ms ease-out;\n padding-left: '@spacer3';\n padding-right: '@spacer3';\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1);\n background: '@text_color';\n}\n#sbz92 .form {\n display: block;\n}\n#sbz92 .form-control {\n outline: 0 none;\n width: 100%;\n font-size: '@font_size';\n}\n#sbz92 .form-label {\n user-select: none;\n margin-bottom: '@spacer0';\n font-family: '@font_family';\n font-size: '@font_size';\n}\n#sbz92 select {\n width: 100%;\n border: 0;\n border-radius: 0;\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color';\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0;\n}\n#sbz92 select.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 select.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 select.bold {\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n padding: '@spacer0' 0;\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 50%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '';\n background-color: '@text_color';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 10%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>');\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background-color: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0;\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control__text_container {\n position: relative;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute;\n z-index: 10;\n line-height: 1;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n left: 10px;\n transform: translateY(-50%);\n background-color: #fff;\n padding: 0 5px;\n}\n#sbz92 .field {\n margin-bottom: 20px;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n opacity: 0.4;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden;\n position: absolute;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards;\n}\n#sbz92 .countdown {\n display: flex;\n width: 100%;\n margin-top: '@spacer';\n justify-content: space-between;\n}\n#sbz92 .countdown_group {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n text-transform: uppercase;\n font-size: small;\n margin-top: 5px;\n font-family: '@font_family';\n}\n#sbz92 .countdown_electric {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: black;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer';\n color: white;\n -webkit-text-fill-color: white;\n font-size: '@font_size';\n font-family: '@font_family';\n text-transform: uppercase;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex;\n}\n#sbz92 .countdown_electric_number {\n color: white;\n -webkit-text-fill-color: white;\n}\n#sbz92 .text__danger {\n color: #ff5722;\n -webkit-text-fill-color: #ff5722;\n}\n#sbz92 .social_buttons {\n display: flex;\n align-items: center;\n}\n#sbz92 .social_button {\n filter: brightness(1);\n cursor: pointer;\n margin-right: 10px;\n transition: filter 150ms ease-out;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9);\n}\n#sbz92 .social_button__img {\n width: 32px;\n height: 32px;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0;\n max-width: 100%;\n cursor: pointer;\n filter: brightness(1);\n padding: 7px 15px;\n border-radius: 3px;\n color: white;\n -webkit-text-fill-color: white;\n background: #1877f2;\n font-family: '@font_family';\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 150ms ease-out;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85);\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block;\n margin-right: 10px;\n width: 20px;\n height: 20px;\n}\n", ""]);
27
- // Exports
28
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
29
-
30
- /* harmony export */ __webpack_require__.d(__webpack_exports__, [
31
- /* harmony export */ "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
32
- /* harmony export */ ]);
33
-
34
-
35
- /***/ }
36
-
37
- }]);
package/dist/459.js DELETED
@@ -1,37 +0,0 @@
1
- "use strict";
2
- (self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[459],{
3
-
4
- /***/ 5488
5
- (__unused_webpack_module, __webpack_exports__, __webpack_require__) {
6
-
7
- __webpack_require__.r(__webpack_exports__);
8
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(4056));
9
- /* harmony export */ __webpack_require__.d(__webpack_exports__, [
10
- /* harmony export */ "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
11
- /* harmony export */ ]);
12
-
13
-
14
- /***/ },
15
-
16
- /***/ 4056
17
- (module, __webpack_exports__, __webpack_require__) {
18
-
19
- __webpack_require__.r(__webpack_exports__);
20
- /* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
21
- /* 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__);
22
- // Imports
23
-
24
- var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
25
- // Module
26
- ___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Dancing Script';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/dancingscript/v29/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'EB Garamond';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/ebgaramond/v33/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Inconsolata';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/inconsolata/v37/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Montserrat';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/montserrat/v31/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXiA8.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bWmT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-stretch: normal;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v51/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjammT.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r93zuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9gTuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9szuYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Signika';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/signika/v29/vEF72_JTCgwQ5ejvMV0Ox_Kg1UwJ0tKfX4zNpD8E4ASzH1r9XzyYzQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: italic;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Source Serif Pro';\n font-style: normal;\n font-weight: 600;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/sourceserifpro/v18/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Yeseva One';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/yesevaone/v24/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n font-weight: 600 !important;\n}\n#sbz92 a:hover {\n cursor: pointer !important;\n color: #000000 !important;\n text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n color: inherit !important;\n text-decoration: none !important;\n}\n#sbz92 img {\n vertical-align: middle !important;\n border-style: none !important;\n}\n#sbz92 svg {\n overflow: hidden !important;\n vertical-align: middle !important;\n}\n#sbz92 label {\n display: inline-block !important;\n}\n#sbz92 button {\n border-radius: 0 !important;\n}\n#sbz92 button:focus {\n outline: 1px dotted !important;\n outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none !important;\n}\n#sbz92 select {\n word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0 !important;\n border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box !important;\n padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n overflow: auto !important;\n resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto !important;\n}\n#sbz92 [hidden] {\n display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777 !important;\n}\n#sbz92 ::placeholder {\n color: #777 !important;\n}\n#sbz92 div {\n display: block !important;\n text-rendering: geometricPrecision !important;\n -webkit-font-smoothing: antialiased !important;\n -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px !important;\n height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px !important;\n background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa !important;\n}\n#sbz92 .badge {\n padding: 2px 8px !important;\n font-size: 12px !important;\n font-weight: 600 !important;\n border-radius: 6px !important;\n display: inline-flex !important;\n align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n color: #28a745 !important;\n -webkit-text-fill-color: #28a745 !important;\n background: #28a74526 !important;\n}\n#sbz92 .dot {\n width: 8px !important;\n height: 8px !important;\n border-radius: 4px !important;\n flex-shrink: 0 !important;\n background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n background: #28a745 !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer !important;\n font-family: Inter !important;\n font-size: 14px !important;\n position: absolute !important;\n user-select: none !important;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-left {\n top: 20px !important;\n left: 20px !important;\n}\n#sbz92 .notif__top-right {\n top: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px !important;\n right: 40px !important;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n bottom: 20px !important;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%) !important;\n left: 50% !important;\n top: 20px !important;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px !important;\n margin-top: 10px !important;\n margin-bottom: 10px !important;\n overflow: hidden !important;\n width: 70px !important;\n height: 70px !important;\n z-index: 1 !important;\n}\n#sbz92 .notif_avatar__img {\n width: 100% !important;\n height: 100% !important;\n object-fit: cover !important;\n}\n#sbz92 .notif_body {\n z-index: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n justify-content: center !important;\n position: relative !important;\n padding-top: 10px !important;\n padding-left: 20px !important;\n padding-bottom: 30px !important;\n padding-right: 30px !important;\n width: 235px !important;\n height: 100px !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n background: white !important;\n padding: 0 !important;\n right: -25px !important;\n top: 0px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset !important;\n border: none !important;\n width: 20px !important;\n height: 20px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n border-radius: 50% !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 1 !important;\n}\n#sbz92 .btn_close__icon {\n stroke: #444 !important;\n height: 16px !important;\n width: 16px !important;\n border: 0px !important;\n}\n#sbz92 .notif_bg {\n z-index: 0 !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n}\n#sbz92 .notif_time {\n position: absolute !important;\n bottom: 15px !important;\n left: 20px !important;\n font-size: 12px !important;\n opacity: 0.5 !important;\n}\n#sbz92 .notif_title {\n white-space: nowrap !important;\n flex-shrink: 0 !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis !important;\n margin-top: 5px !important;\n overflow: hidden !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n font-weight: 600;\n}\n#sbz92 a:hover {\n cursor: pointer;\n color: #000000;\n text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n color: inherit;\n text-decoration: none;\n}\n#sbz92 img {\n vertical-align: middle;\n border-style: none;\n}\n#sbz92 svg {\n overflow: hidden;\n vertical-align: middle;\n}\n#sbz92 label {\n display: inline-block;\n}\n#sbz92 button {\n border-radius: 0;\n}\n#sbz92 button:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n text-transform: none;\n}\n#sbz92 select {\n word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n box-sizing: border-box;\n padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n overflow: auto;\n resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n height: auto;\n}\n#sbz92 [hidden] {\n display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n /* Edge */\n color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n /* Internet Explorer 10-11 */\n color: #777;\n}\n#sbz92 ::placeholder {\n color: #777;\n}\n#sbz92 div {\n display: block;\n text-rendering: geometricPrecision;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n width: 7px;\n height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n border-radius: 10px;\n background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n background: #aaa;\n}\n#sbz92 .badge {\n padding: 2px 8px;\n font-size: 12px;\n font-weight: 600;\n border-radius: 6px;\n display: inline-flex;\n align-items: center;\n}\n#sbz92 .badge.badge--success {\n color: #28a745;\n -webkit-text-fill-color: #28a745;\n background: #28a74526;\n}\n#sbz92 .dot {\n width: 8px;\n height: 8px;\n border-radius: 4px;\n flex-shrink: 0;\n background: #000;\n}\n#sbz92 .dot.dot--success {\n background: #28a745;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .notif {\n cursor: pointer;\n font-family: Inter;\n font-size: 14px;\n position: absolute;\n user-select: none;\n}\n#sbz92 .notif__bottom-left {\n bottom: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-left {\n top: 20px;\n left: 20px;\n}\n#sbz92 .notif__top-right {\n top: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-right {\n bottom: 20px;\n right: 40px;\n}\n#sbz92 .notif__bottom-center {\n transform: translateX(-50%);\n left: 50%;\n bottom: 20px;\n}\n#sbz92 .notif__top-center {\n transform: translateX(-50%);\n left: 50%;\n top: 20px;\n}\n#sbz92 .notif_avatar {\n margin-left: 15px;\n margin-top: 10px;\n margin-bottom: 10px;\n overflow: hidden;\n width: 70px;\n height: 70px;\n z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n#sbz92 .notif_body {\n z-index: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n position: relative;\n padding-top: 10px;\n padding-left: 20px;\n padding-bottom: 30px;\n padding-right: 30px;\n width: 235px;\n height: 100px;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n background: white;\n padding: 0;\n right: -25px;\n top: 0px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n border: none;\n width: 20px;\n height: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 50%;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 1;\n}\n#sbz92 .btn_close__icon {\n stroke: #444;\n height: 16px;\n width: 16px;\n border: 0px;\n}\n#sbz92 .notif_bg {\n z-index: 0;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n position: absolute;\n bottom: 15px;\n left: 20px;\n font-size: 12px;\n opacity: 0.5;\n}\n#sbz92 .notif_title {\n white-space: nowrap;\n flex-shrink: 0;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n#sbz92 .notif_message {\n text-overflow: ellipsis;\n margin-top: 5px;\n overflow: hidden;\n}\n", ""]);
27
- // Exports
28
- /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
29
-
30
- /* harmony export */ __webpack_require__.d(__webpack_exports__, [
31
- /* harmony export */ "default", 0, /* export default binding */ __WEBPACK_DEFAULT_EXPORT__
32
- /* harmony export */ ]);
33
-
34
-
35
- /***/ }
36
-
37
- }]);
package/dist/490.js DELETED
@@ -1,305 +0,0 @@
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__(8026);
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__(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
- }]);