@subiz/widget-v4 4.1.175 → 4.1.177

package/dist/459.js

@@ -14,7 +14,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v28/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/v28/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/v28/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/v31/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/v31/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/v31/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/v31/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/v31/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/v31/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/v36/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/v36/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/v36/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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v30/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v28/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/v28/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/v28/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/v28/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/v17/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/v17/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/v17/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/v17/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/v17/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/v17/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/v23/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@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@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", ""]);
+___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/v28/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/v28/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/v28/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/v31/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/v31/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/v31/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/v31/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/v31/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/v31/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v48/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/v28/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/v28/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/v28/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/v28/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/v17/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/v17/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/v17/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/v17/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/v17/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/v17/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/v23/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@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@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut;\n  animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig;\n  animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter;\n  transform-origin: top left;\n  animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s;\n  animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s;\n  animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s;\n  animation-name: bounceIn;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .notif {\n  cursor: pointer;\n  font-family: Inter;\n  font-size: 14px;\n  position: absolute;\n  user-select: none;\n}\n#sbz92 .notif__bottom-left {\n  bottom: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-left {\n  top: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-right {\n  top: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-right {\n  bottom: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-center {\n  transform: translateX(-50%);\n  left: 50%;\n  bottom: 20px;\n}\n#sbz92 .notif__top-center {\n  transform: translateX(-50%);\n  left: 50%;\n  top: 20px;\n}\n#sbz92 .notif_avatar {\n  margin-left: 15px;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  overflow: hidden;\n  width: 70px;\n  height: 70px;\n  z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n#sbz92 .notif_body {\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  padding-top: 10px;\n  padding-left: 20px;\n  padding-bottom: 30px;\n  padding-right: 30px;\n  width: 235px;\n  height: 100px;\n  overflow: hidden;\n}\n#sbz92 .btn_close {\n  background: white;\n  padding: 0;\n  right: -25px;\n  top: 0px;\n  position: absolute;\n  z-index: 10;\n  cursor: pointer;\n  transition: background-color 0.2s ease-out;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n  border: none;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n  opacity: 1;\n}\n#sbz92 .btn_close__icon {\n  stroke: #444;\n  height: 16px;\n  width: 16px;\n  border: 0px;\n}\n#sbz92 .notif_bg {\n  z-index: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n  position: absolute;\n  bottom: 15px;\n  left: 20px;\n  font-size: 12px;\n  opacity: 0.5;\n}\n#sbz92 .notif_title {\n  white-space: nowrap;\n  flex-shrink: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n#sbz92 .notif_message {\n  text-overflow: ellipsis;\n  margin-top: 5px;\n  overflow: hidden;\n}\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 

package/dist/HASH

@@ -1 +1 @@
-198cd86b62f
+1991cfb4656

package/dist/screenshoot.js

@@ -5569,15 +5569,15 @@ class Store {
     if (ev.type === 'user_info_updated') {
       return;
       // removed by dead control flow
-
+{}
       // removed by dead control flow
-
+{}
       // removed by dead control flow
-
+{}
       // removed by dead control flow
-
+{}
       // removed by dead control flow
-
+{}
     }
     let user = this.cache.match('user') || {};
     let cid = util/* default */.A.convoOfEv(ev);
@@ -6020,7 +6020,7 @@ class Store {
     src = src.replace('http://file.mysubiz.com/', this.FileURL);
     return src;
     // removed by dead control flow
-
+{}
   }
   clearBrowserData() {
     util/* default */.A.each(this.cookie.all(), (v, k) => {
@@ -8270,15 +8270,15 @@ class FormSubmitAttachments extends common/* Com */.Mw {
   render() {
     return null;
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
   }
 }
 ;// ./src/chatbox/touchscroll.js
@@ -8553,9 +8553,9 @@ class TextMessage extends common/* Com */.Mw {
   renderTime() {
     return null;
     // removed by dead control flow
-
+{}
     // removed by dead control flow
-
+{}
   }
   render() {
     var format = util/* default */.A.get(this.props.ev, 'data.message.format', 'plaintext');
@@ -10003,7 +10003,6 @@ class Widget extends common/* Com */.Mw {
           convo,
           error
         } = await this.props.store.startConvo({
-          state: 'active',
           locale: this.props.t.locale(),
           message: text,
           members: [{

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.1.175",
+	"version": "4.1.177",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -9,7 +9,7 @@
 		"lib": "rm -rf compiled_src && npx babel --out-dir=compiled_src src"
 	},
 	"dependencies": {
-		"@subiz/ajax": "^3.0.19",
+		"@subiz/ajax": "^3.0.20",
 		"@subiz/flow": "^1.1.0",
 		"@subiz/wsclient": "^4.0.34",
 		"cookie_js": "1.4.2",
@@ -22,14 +22,14 @@
 	},
 	"devDependencies": {
 		"@babel/cli": "^7.28.3",
-		"@babel/core": "^7.28.3",
+		"@babel/core": "^7.28.4",
 		"@babel/plugin-proposal-class-properties": "^7.18.6",
 		"@babel/plugin-transform-react-jsx": "^7.27.1",
 		"@babel/preset-env": "^7.28.3",
 		"babel-loader": "^10.0.0",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.6.4",
-		"puppeteer": "^24.17.0",
+		"puppeteer": "^24.20.0",
 		"webpack": "^5.101.3",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-cli": "^6.0.1",

package/src/chatbox/GenericTemplateAttachments.js

@@ -40,7 +40,7 @@ export default class GenericTemplateAttachments extends Com {
 				let title = this.props.t.i18n(ele.i18n_title) || ele.title
 				let subtitle = this.props.t.i18n(ele.i18n_subtitle) || ele.subtitle
 				let $title = title ? <div class='generic-attachment--element-title'>{title}</div> : null
-				let $subtitle = subtitle ? <div class='generic-attachment--element-subtitle'>{subtitle}</div> : null
+				let $subtitle = subtitle ? <div class='generic-attachment--element-subtitle' title={subtitle}>{subtitle}</div> : null
 
 				let imgsrc = this.props.store.replaceFileUrl(ele.image_url)
 				if (!ele.image_url) {

package/src/chatbox/main.js

@@ -8,7 +8,7 @@ import Widget from './Widget.js'
 import {Com} from '../common.js'
 import {h, createRef} from 'preact'
 
-let promiseMainCSS = (() => import(/*webpackChunkName: "main-css" */ './css.js'))()
+import cssp from './css.js'
 
 export default class Main extends Com {
 	constructor(props) {
@@ -17,14 +17,16 @@ export default class Main extends Com {
 		this.refWidget = createRef()
 	}
 
-	async refreshCSS() {
+	refreshCSS() {
 		// make sure you are still alive
 		let plugins = this.props.store.matchPlugin()
 		let found = sb.find(plugins, (plugin) => plugin.id === this.props.plugin.id)
 		if (!found) return
-		let css = (await promiseMainCSS).default.default.toString()
-
-		var outcss = sb.replaceCssVariable(css, found.chatbox)
+		let css = cssp.default.toString() + ''
+		let chatbox = found.chatbox
+		let margin_y = sb.get(chatbox, 'desktop_button.margin_y')
+		chatbox.desktop_widget_max_height = margin_y ? `calc(100% - ${margin_y + 10}px)` : 'calc(100% - 40px)'
+		var outcss = sb.replaceCssVariable(css, chatbox)
 		sb.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss)
 	}
 
@@ -42,7 +44,7 @@ export default class Main extends Com {
 		}
 
 		this.setState({
-			cssready: false,
+			cssReady: false,
 			isShowWidget: false,
 			widgetView: '',
 			widgetConvoId: '',
@@ -58,8 +60,8 @@ export default class Main extends Com {
 				widgetConvoId: '',
 			})
 		})
-		await this.refreshCSS()
-		this.setState({cssready: true})
+		this.refreshCSS()
+		this.setState({cssReady: true})
 
 		if (this.props.store.matchIsOpen() && this.props.store.matchLastview().view) {
 			if (this.props.store.isMobile()) return // dont auto expand widget on mobile
@@ -73,7 +75,7 @@ export default class Main extends Com {
 	}
 
 	render() {
-		if (!this.state.cssready) {
+		if (!this.state.cssReady) {
 			if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_css_not_ready = sb.Date.now()
 			return null
 		}

package/src/lib.js

@@ -74,9 +74,9 @@ class Widget {
 		return this.store.logout(userref)
 	}
 
-  overrideBotId (botid) {
-    this.store.overrideBotId(botid)
-  }
+	overrideBotId(botid) {
+		this.store.overrideBotId(botid)
+	}
 
 	async init(param, $container) {
 		param = param || {}
@@ -122,6 +122,16 @@ class Widget {
 
 	async setAccount(id, $container, mask, cb) {
 		if (typeof sbz_info != 'undefined') sbz_info.set_account = sb.Date.now()
+		if (
+			document &&
+			document.location &&
+			document.location.href &&
+			document.location.href.indexOf('subiz-verification-1') > 0
+		) {
+			window.subiz_verification_account_id = id
+			if (typeof sbz_info != 'undefined') sbz_info = undefined // do not send chatbox-failed signal
+			return
+		}
 
 		if (!id) return {error: 'empty_account_id'} // do nothing
 		if (typeof sbz_info != 'undefined') sbz_info.set_account_1 = sb.Date.now()

package/src/store/api.js

@@ -94,6 +94,8 @@ export default class {
 				outuser = await ajax
 					.setBaseUrl(this.ApiURL)
 					.withCredentials(true)
+					.afterHook(trackResponseFn)
+					.beforeHook(trackRequestFn)
 					.addQuery('v', '6')
 					.addQuery('x-user-ref', this.ref)
 					.setParser('json')
@@ -198,6 +200,8 @@ export default class {
 					.setBaseUrl(this.ApiURL)
 					.withCredentials(true)
 					.addQuery('v', '6')
+					.afterHook(trackResponseFn)
+					.beforeHook(trackRequestFn)
 					.addQuery('x-access-token', this.last_token)
 					.setParser('json')
 					.get(`/accounts/${this.accid}/users/${profile_id}`)

package/src/store/store.js

@@ -223,7 +223,7 @@ export default class Store {
 	async overrideBotId(botid) {
 		this.forceBotId = botid
 		await this.readyGate.entry()
-    //this.reconnect()
+		//this.reconnect()
 	}
 
 	async overrideChatbox(chatbox) {
@@ -506,18 +506,19 @@ export default class Store {
 
 	async init(accid, mask, userRef, options) {
 		this.g_sync = {}
+		if (typeof sbz_info != 'undefined') sbz_info.store_0 = true
 		if (!options || !options.use_subdomain_cookie) {
 			if (window && window.location && window.location.hostname) {
 				cookie.defaults.domain = '.' + window.location.hostname
 			}
 		}
-
+		if (typeof sbz_info != 'undefined') sbz_info.store_1 = true
 		if (!userRef) {
 			// try to find userRef in cookie
 			try {
 				userRef = this.cookie.get('__sbref', '')
 			} catch (e) {}
-
+			if (typeof sbz_info != 'undefined') sbz_info.store_2 = true
 			if (!userRef) {
 				// try to find mask in cookie
 				if (!mask) {
@@ -543,15 +544,18 @@ export default class Store {
 				}
 			}
 		}
+
+		if (typeof sbz_info != 'undefined') sbz_info.store_3 = true
 		if (this.cookie.get('__sbref', userRef) != userRef) {
 			cleanMyLocalStorage()
 			this.clearBrowserData()
 		}
-
+		if (typeof sbz_info != 'undefined') sbz_info.store_4 = true
 		this.api.setAuth({accid: accid})
+		if (typeof sbz_info != 'undefined') sbz_info.store_5 = true
 		// set cookie forever
 		if (userRef) this.cookie.set('__sbref', userRef)
-
+		if (typeof sbz_info != 'undefined') sbz_info.store_6 = true
 		return this._initResource(
 			accid,
 			{accid: accid, mask: mask, ref: userRef},
@@ -563,6 +567,7 @@ export default class Store {
 		this.g_sync = {}
 
 		let user = await this.api.setAuth(auth)
+		if (typeof sbz_info != 'undefined') sbz_info.store_7 = true
 		if (user.error) {
 			console.error(user)
 			return user
@@ -582,8 +587,11 @@ export default class Store {
 			this.reconnect()
 		})
 
+		if (typeof sbz_info != 'undefined') sbz_info.store_8 = true
 		this.seenLoop()
+		if (typeof sbz_info != 'undefined') sbz_info.store_9 = true
 		await this.reconnect({user: user}) // already fetched
+		if (typeof sbz_info != 'undefined') sbz_info.store_10 = true
 		this.readyGate.open()
 		this.reconnectWs(accid, user.id)
 		return user
@@ -1349,7 +1357,7 @@ export default class Store {
 
 		src = src.replace('https://file.mysubiz.com/', this.FileURL)
 		src = src.replace('http://file.mysubiz.com/', this.FileURL)
-			return src
+		return src
 		return src.replace('vcdn.subiz-cdn.com', 'cdn.subiz.net')
 	}
 

package/src/util/common.js

@@ -667,6 +667,7 @@ export function replaceCssVariable(css, setting) {
 	//tokens = tokenize(tokens, "'@desktop_button.background_mask_url'")
 	tokens = tokenize(tokens, "'@desktop_button.margin_x'")
 	tokens = tokenize(tokens, "'@desktop_button.margin_y'")
+	tokens = tokenize(tokens, "'@desktop_widget_max_height'")
 	tokens = tokenize(tokens, "'@mobile_button.width'")
 	tokens = tokenize(tokens, "'@mobile_button.height'")
 	tokens = tokenize(tokens, "'@mobile_button.background'")

package/tracking.js

@@ -2,7 +2,7 @@
 
 if (typeof sbz_info == 'undefined') {
 	var sbz_logs = []
-	var sbz_info = {}
+	var sbz_info = {0: Date.now()}
 	// Catch synchronous runtime errors (ReferenceError, TypeError, etc.)
 	window.onerror = function (message, source, lineno, colno, error) {
 		sbz_logs.push({
@@ -76,6 +76,7 @@ if (typeof sbz_info == 'undefined') {
 	}
 
 	setTimeout(() => {
+		if (!sbz_info) return
 		var $button = document.querySelector('div.chat-button')
 
 		let status = ''
@@ -97,7 +98,7 @@ if (typeof sbz_info == 'undefined') {
 
 		// Collect device and browser info
 		var info = {
-			v: 3,
+			v: 7,
 			status: status,
 			href: window.location.href,
 			userAgent: navigator.userAgent,