@subiz/widget-v4 4.1.205 → 4.1.207

package/dist/1a046b44d1d.339.js

@@ -1 +0,0 @@
-(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[339],{5339(n,t,o){"use strict";o.r(t),o.d(t,{default:()=>r});const r=o(9104)},9104(n,t,o){"use strict";o.r(t),o.d(t,{default:()=>c});var r=o(6314),e=o.n(r),i=o(4417),a=o.n(i),p=o(5457),f=o.n(p),s=e()(function(n){return n[1]}),l=a()(f());s.push([n.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*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n[tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0;\n}\nb,\nstrong {\n  font-weight: 500;\n}\na {\n  color: #020202;\n  text-decoration: none;\n  background-color: transparent;\n  font-weight: 600;\n}\na:hover {\n  cursor: pointer;\n  color: #000000;\n  text-decoration: underline;\n}\na:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\na:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\nimg {\n  vertical-align: middle;\n  border-style: none;\n}\nsvg {\n  overflow: hidden;\n  vertical-align: middle;\n}\nlabel {\n  display: inline-block;\n}\nbutton {\n  border-radius: 0;\n}\nbutton:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n  margin: 0;\n}\nbutton,\ninput {\n  overflow: visible;\n}\nbutton,\nselect {\n  text-transform: none;\n}\nselect {\n  word-wrap: normal;\n}\nbutton,\n[type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n  -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type='button']:not(:disabled),\n[type='reset']:not(:disabled),\n[type='submit']:not(:disabled) {\n  cursor: pointer;\n}\nbutton::-moz-focus-inner,\n[type='button']::-moz-focus-inner,\n[type='reset']::-moz-focus-inner,\n[type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\ninput[type='radio'],\ninput[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\ninput[type='date'],\ninput[type='time'],\ninput[type='datetime-local'],\ninput[type='month'] {\n  -webkit-appearance: listbox;\n}\ntextarea {\n  overflow: auto;\n  resize: vertical;\n}\n[type='number']::-webkit-inner-spin-button,\n[type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n[hidden] {\n  display: none;\n}\n::-webkit-input-placeholder {\n  /* Edge */\n  color: #777;\n}\n:-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777;\n}\n::placeholder {\n  color: #777;\n}\ndiv {\n  display: block;\n  text-rendering: geometricPrecision;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n::-webkit-scrollbar-track {\n  border-radius: 10px;\n}\n::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: #d6d6d6;\n}\n/* Handle on hover */\n::-webkit-scrollbar-thumb:hover {\n  background: #aaa;\n}\n.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.badge.badge--success {\n  color: #28a745;\n  -webkit-text-fill-color: #28a745;\n  background: #28a74526;\n}\n.dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  background: #000;\n}\n.dot.dot--success {\n  background: #28a745;\n}\n* {\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';\n  font-size: 16px;\n  -webkit-box-sizing: border-box;\n  -moz-box-sizing: border-box;\n  box-sizing: border-box;\n  margin: 0;\n  padding: 0;\n  border: 0;\n  vertical-align: baseline;\n}\nbutton:focus {\n  outline: none;\n}\n.pos-relative {\n  position: relative;\n}\n.flex-row {\n  flex-direction: row;\n}\n.flex-column {\n  flex-direction: column;\n}\n.flex-grow-1 {\n  flex-grow: 1;\n}\n.align-self-end {\n  align-self: flex-end;\n}\n.align-items-end {\n  align-items: flex-end;\n}\n.justify-content-center {\n  justify-content: center;\n}\n.h-full {\n  height: 100%;\n}\n.w-full {\n  width: 100%;\n}\n.text-muted {\n  color: #6c757d;\n  -webkit-text-fill-color: #6c757d;\n}\n.text-lg {\n  font-size: 18px;\n}\n.text-xl {\n  font-size: 20px;\n}\n.text-center {\n  text-align: center;\n}\n.text-danger {\n  color: #dc3545;\n  -webkit-text-fill-color: #dc3545;\n}\n.red {\n  color: #dc3545;\n  -webkit-text-fill-color: #dc3545;\n}\n.text-italic {\n  font-style: italic;\n}\n.d-none {\n  display: none;\n}\n.d-flex {\n  display: flex;\n}\n.d-inline-block {\n  display: inline-block;\n}\n.ml-1 {\n  margin-left: 7.5px;\n}\n.pl-2 {\n  padding-left: 15px;\n}\n.pr-2 {\n  padding-right: 15px;\n}\n.pb-2 {\n  padding-bottom: 15px;\n}\n.mt-1 {\n  margin-top: 7.5px;\n}\n.mt-2 {\n  margin-top: 15px;\n}\n.ml-2 {\n  margin-left: 15px;\n}\n.mr-2 {\n  margin-right: 15px;\n}\n.pt-3 {\n  padding-top: 22.5px;\n}\n.pl-3 {\n  padding-left: 22.5px;\n}\n.pr-3 {\n  padding-right: 22.5px;\n}\n.pb-3 {\n  padding-bottom: 22.5px;\n}\n.mt-3 {\n  margin-top: 22.5px;\n}\n.ml-3 {\n  margin-left: 22.5px;\n}\n.mr-3 {\n  margin-right: 22.5px;\n}\n.mb-3 {\n  margin-bottom: 22.5px;\n}\n.mb-2 {\n  margin-bottom: 15px;\n}\n.mb-1 {\n  margin-bottom: 7.5px;\n}\n.muted {\n  color: #6c757d;\n  -webkit-text-fill-color: #6c757d;\n}\n.i {\n  font-style: italic;\n}\n.align-items-center {\n  align-items: center;\n}\n.text-truncate {\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n}\n.flex_1 {\n  flex: 1;\n  flex-shrink: 0;\n}\n.justify-content-between {\n  justify-content: space-between;\n}\n.no-shrink {\n  flex-shrink: 0;\n}\n.form-page {\n  max-width: 700px;\n  width: 100%;\n  margin: 0 auto;\n  padding: 40px 20px;\n}\n.form-page-header {\n  margin-bottom: 20px;\n}\n.form-page-title {\n  font-size: '@form_header_font_size';\n  font-family: '@form_header_font_family';\n}\n.form-page-desc {\n  color: #6c757d;\n  margin-top: 2px;\n  font-size: '@form_desc_font_size';\n  font-family: '@form_desc_font_family';\n}\n.form-page-logo-wrapper {\n  margin-bottom: 30px;\n}\nimg.form-page-logo {\n  width: 200px;\n  height: 45px;\n}\n.form-page-logo-text {\n  color: '@primary_color';\n  font-size: 18px;\n  font-weight: 500;\n}\n.form-page-logo-text:hover {\n  color: '@primary_color';\n}\n.form-page .form-component .label {\n  font-size: '@form_input_label_font_size';\n  font-family: '@form_input_label_font_family';\n}\n.form-page-body {\n  width: 100%;\n  height: 100%;\n  overflow: auto;\n  background-color: '@form_background_color';\n}\n.btn--start-convo {\n  border-radius: 7px;\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-left: 32px;\n  padding-right: 32px;\n  height: 40px;\n  color: #fff;\n  -webkit-text-fill-color: #fff;\n  font-size: 16px;\n  font-weight: 500;\n  line-height: 20px;\n  text-align: center;\n  background: '@primary_color';\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  transition: filter 250ms ease;\n}\n.btn--start-convo::after {\n  display: none;\n}\n.btn--start-convo:hover {\n  filter: brightness(1.1);\n}\n.btn--start-convo:disabled {\n  opacity: 0.5;\n  cursor: default;\n  pointer-events: none;\n}\n.form-wrapper.form select.form-control {\n  height: 40px;\n}\n.form-page-header-bg {\n  width: 100%;\n  height: 200px;\n  background-color: '@form_background_color';\n}\nselect.form-control {\n  background-color: #fff;\n}\n.form-page-preview-noti {\n  background: #fef7e0;\n  text-align: center;\n  border-radius: 6px;\n  padding: 8px 12px;\n  color: #202122;\n  width: 100%;\n}\n.form-page.sketch {\n  margin-top: -150px;\n}\n.form-label {\n  margin-top: 15px;\n}\n.form {\n  border: 1px solid #eeeeee;\n  box-sizing: border-box;\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);\n  border-radius: 7px;\n}\ntextarea.form-control {\n  resize: none;\n  word-wrap: break-word;\n}\n.form-control--container {\n  position: relative;\n}\ninput.form-control[disabled] {\n  background: #f9f9f9;\n}\n.form-control--container .form-control--check {\n  position: absolute;\n  right: 10px;\n  top: 10px;\n  background-size: 100% 100%;\n  background-repeat: no-repeat;\n  background-position: center;\n  width: 20px;\n  height: 20px;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K');\n}\n.form-control--valid-input--error {\n  color: #dc3545;\n  -webkit-text-fill-color: #dc3545;\n  font-size: 14px;\n  padding-top: 5px;\n}\ninput[type='text'].form-control.input--error,\ninput[type='number'].form-control.input--error,\ninput[type='date'].form-control.input--error,\ntextarea.form-control.input--error,\nselect.form-control.input--error {\n  border: 1px solid #dc3545;\n  background: #dd41500f;\n}\ninput[type='text'].form-control,\ninput[type='number'].form-control,\ninput[type='date'].form-control,\ntextarea.form-control,\nselect.form-control {\n  width: 100%;\n  border: 1px solid #c4c4c4;\n  border-radius: 8px;\n  transition: all 100ms ease;\n  padding: 10px 12px;\n}\ninput[type='text'].form-control:hover,\ninput[type='number'].form-control:hover,\ninput[type='date'].form-control:hover,\ntextarea.form-control:hover,\nselect.form-control:hover {\n  border: 1px solid #6c757d;\n}\ninput[type='text'].form-control.input--error:hover,\ninput[type='number'].form-control.input--error:hover,\ninput[type='date'].form-control.input--error:hover,\ntextarea.form-control.input--error:hover,\nselect.form-control.input--error:hover {\n  border: 1px solid #dc3545;\n}\nselect.form-control {\n  padding: 1px 8px;\n}\ninput[type='date'].form-control {\n  height: 40px;\n  width: 100%;\n  background-color: #fff;\n}\n.form-wrapper-attachment input[type='date'].form-control {\n  height: 32px;\n  padding-top: 6px;\n  padding-bottom: 6px;\n}\ninput[type='text'].form-control:focus,\ninput[type='number'].form-control:focus,\ninput[type='date'].form-control:focus,\ntextarea.form-control:focus,\nselect.form-control:focus {\n  border: 1px solid '@primary_color';\n}\ninput[type='text'].form-control.input--error:focus,\ninput[type='number'].form-control.input--error:focus,\ninput[type='date'].form-control.input--error:focus,\ntextarea.form-control.input--error:focus,\nselect.form-control.input--error:focus {\n  border: 1px solid #dc3545;\n}\n.label {\n  display: block;\n  padding-bottom: 6px;\n  margin-top: 8px;\n  color: #6c757d;\n  -webkit-text-fill-color: #6c757d;\n  font-size: 14px;\n  font-weight: 500;\n}\n.form--btn-submit {\n  border-radius: 7px;\n  padding-left: 32px;\n  padding-right: 32px;\n  width: 100%;\n}\n.form .radio {\n  display: block;\n  position: relative;\n  width: 100%;\n  margin-top: 5px;\n}\n.form .radio:first-of-type {\n  margin-top: 0;\n}\n.form input[type='radio'] {\n  position: absolute;\n  visibility: hidden;\n}\n.form .radio--label {\n  padding-left: 22px;\n  display: block;\n  position: relative;\n  z-index: 9;\n  cursor: pointer;\n}\n.form .radio--check {\n  display: block;\n  position: absolute;\n  border: 1px solid #aaa;\n  border-radius: 100%;\n  height: 16px;\n  width: 16px;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  transition: border 0.15s linear;\n  -webkit-transition: border 0.15s linear;\n}\n.form .radio--check:hover {\n  border: 1px solid #888;\n}\n.form .radio--check::before {\n  display: block;\n  position: absolute;\n  content: '';\n  border-radius: 100%;\n  height: 10px;\n  width: 10px;\n  top: 2px;\n  left: 2px;\n  margin: auto;\n  transition: background 0.15s linear;\n  -webkit-transition: background 0.15s linear;\n}\n.form input[type='radio']:checked ~ .radio--check {\n  border: 1px solid '@primary_color';\n}\n.form input[type='radio']:checked ~ .radio--check::before {\n  background: '@primary_color';\n}\n.form .checkbox {\n  display: block;\n  position: relative;\n  width: 100%;\n  margin-top: 5px;\n}\n.form .checkbox:first-of-type {\n  margin-top: 0;\n}\n.form input[type='checkbox'] {\n  position: absolute;\n  visibility: hidden;\n}\n.form .checkbox--label {\n  padding-left: 22px;\n  display: block;\n  position: relative;\n  z-index: 9;\n  cursor: pointer;\n}\n.form .checkbox--check {\n  display: block;\n  position: absolute;\n  border: 1px solid #aaa;\n  border-radius: 4 px;\n  height: 16px;\n  width: 16px;\n  top: 0px;\n  left: 0px;\n  z-index: 5;\n  transition: border 0.15s linear;\n  -webkit-transition: border 0.15s linear;\n}\n.form .checkbox--check:hover {\n  border: 1px solid #888;\n}\n.form .checkbox--check::before {\n  display: block;\n  position: absolute;\n  content: '';\n  height: 100%;\n  width: 100%;\n  margin: auto;\n  transition: background 0.15s linear;\n  -webkit-transition: background 0.15s linear;\n}\n.form input[type='checkbox']:checked ~ .checkbox--check {\n  border: 1px solid '@primary_color';\n}\n.form input[type='checkbox']:checked ~ .checkbox--check::before {\n  background: '@primary_color';\n}\n.form .select .form-control {\n  padding-right: 20px;\n}\n.form select {\n  /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n.form-require-info--list {\n  background: #fff;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n.form-require-info--title {\n  font-size: 18px;\n  line-height: 20px;\n  color: #000;\n  -webkit-text-fill-color: #000;\n  background: #fff;\n  border-bottom: 1px solid #f0f0f0;\n}\n.form-require-info--item {\n  border-bottom: 1px solid #f0f0f0;\n}\n.form-require-info--item:hover {\n  cursor: pointer;\n  background: #e0e0e0;\n}\ninput[type='checkbox'] {\n  background-color: initial;\n  cursor: default;\n  -webkit-appearance: checkbox;\n  box-sizing: border-box;\n  margin: 3px 3px 3px 4px;\n  padding: initial;\n  border: initial;\n}\ninput[type='radio'] {\n  background-color: initial;\n  cursor: default;\n  -webkit-appearance: radio;\n  box-sizing: border-box;\n  margin: 3px 3px 0px 5px;\n  padding: initial;\n  border: initial;\n}\noption {\n  font-weight: normal;\n  display: block;\n  white-space: pre;\n  min-height: 1.2em;\n  padding: 0px 2px 1px;\n}\nselect {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto;\n  color: -internal-light-dark-color(black, white);\n  letter-spacing: normal;\n  word-spacing: normal;\n  text-transform: none;\n  text-indent: 0px;\n  text-shadow: none;\n  display: inline-block;\n  text-align: start;\n  -webkit-appearance: menulist;\n  box-sizing: border-box;\n  align-items: center;\n  white-space: pre;\n  -webkit-rtl-ordering: logical;\n  background-color: -internal-light-dark-color(white, black);\n  cursor: default;\n  margin: 0em;\n  font: 400 13.3333px Arial;\n  border-radius: 0px;\n  border-width: 1px;\n  border-style: solid;\n  border-color: #a9a9a9;\n  border-image: initial;\n}\nselect {\n  position: relative;\n  display: inline-block;\n  border: 2px #cccc solid;\n  border-radius: 5px;\n  height: 36px;\n  line-height: 34px;\n  padding: 0 12px;\n  font-size: 14px;\n  color: #000;\n  -webkit-text-fill-color: #000;\n}\n.custom-select--wrap-selected {\n  display: flex;\n  position: relative;\n  justify-content: space-between;\n  cursor: pointer;\n  border: 1px solid #d8d8d8;\n  border-radius: 5px;\n  padding: 5px;\n}\n.custom-select--selected-items {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n}\n.custom-select--selected-item {\n  display: flex;\n  align-items: center;\n  margin: 3px 3px;\n  padding: 1px 6px;\n  border-radius: 5px;\n  border: 1px solid #d8d8d8;\n  font-size: 14px;\n  color: #000;\n  -webkit-text-fill-color: #000;\n  vertical-align: top;\n}\n.icn-delete:before {\n  display: flex;\n  justify-items: center;\n  font-size: 12px;\n  margin-left: 5px;\n  opacity: 0.5;\n  content: '\\2715';\n}\n.custom-select--wrap-options {\n  display: flex;\n  flex-direction: column;\n  position: absolute;\n  left: 0;\n  top: 100%;\n  border: 1px solid #dadce0;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 5px;\n  width: 100%;\n  background: #fff;\n  z-index: 11;\n  max-height: 200px;\n  overflow-y: auto;\n}\n.custom-select--input-search {\n  font-size: 15px;\n  padding: 8px;\n  border-bottom: 1px solid #d8d8d8;\n}\n.custom-select--items-options {\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n}\n.custom-select--item-options {\n  padding: 10px;\n  cursor: pointer;\n}\n.custom-select--item-options:hover {\n  background-color: '@primary_color';\n  color: #fff;\n  -webkit-text-fill-color: #fff;\n}\n.custom-select--icon-dropdown {\n  margin-left: auto;\n  float: right;\n  cursor: pointer;\n}\n.custom-select--icon-dropdown path {\n  d: path('M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z');\n  fill: black;\n}\n.form-component {\n  margin-bottom: 15px;\n}\n.form-component:last-child {\n  margin-bottom: 0;\n}\n.form-component.submitted {\n  margin-bottom: 8px;\n}\n.form-component.form-component-submit-button {\n  margin-top: 20px;\n}\n.form-wrapper.form {\n  padding: 20px;\n  background-color: #fff;\n}\n.form-wrapper.form-wrapper-attachment.form {\n  padding: 12px 15px;\n  margin-top: 5px;\n  box-shadow: 0 0 0 1px #eeeeee;\n}\n.form-wrapper.form-wrapper-attachment.form input[type='text'].form-control,\n.form-wrapper.form-wrapper-attachment.form input[type='number'].form-control,\n.form-wrapper.form-wrapper-attachment.form input[type='date'].form-control,\n.form-wrapper.form-wrapper-attachment.form select.form-control,\n.form-wrapper.form-wrapper-attachment.form textarea.form-control {\n  padding: 6px 10px;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component {\n  margin-bottom: 12px;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component:last-child {\n  margin-bottom: 0;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component.submitted {\n  margin-bottom: 5px;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component.submitted:last-child {\n  margin-bottom: 0;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component:first-child .label {\n  margin-top: 0;\n}\n.form-wrapper.form-wrapper-attachment.form .form-component.form-component-submit-button {\n  margin-top: 16px;\n}\n.form-wrapper.form-wrapper-attachment.form .label {\n  padding-bottom: 4px;\n}\n.form-wrapper.form-wrapper-attachment.form .form-control--valid-input--error {\n  padding-top: 3px;\n}\n.form-wrapper.form-wrapper-attachment.form .btn--start-convo {\n  height: 36px;\n}\nselect.form-control.form-control--empty {\n  color: #6c757d;\n  -webkit-text-fill-color: #6c757d;\n}\n@media only screen and (min-width: 968px) {\n  .form-radios-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .form-radios-wrapper.horizontal .radio {\n    margin-right: 10px;\n    width: 300px;\n  }\n  .form-radios-wrapper.horizontal .radio:first-child {\n    margin-top: 0;\n  }\n  .form-radios-wrapper.horizontal .radio:nth-child(2) {\n    margin-top: 0;\n  }\n  .form-radios-wrapper.horizontal .radio:nth-child(2n) {\n    margin-right: 0;\n  }\n  .form-checkboxes-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  .form-checkboxes-wrapper.horizontal .checkbox {\n    margin-right: 10px;\n    width: 300px;\n  }\n  .form-checkboxes-wrapper.horizontal .checkbox:first-child {\n    margin-top: 0;\n  }\n  .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2) {\n    margin-top: 0;\n  }\n  .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n.form-ratings-wrapper {\n  display: inline-flex;\n}\n.star {\n  width: 32px;\n  height: 30px;\n  background-image: url("+l+");\n  background-position: 0px 0px;\n  background-size: cover;\n}\n.form-wrapper-attachment .star-wrapper {\n  padding-right: 12px;\n}\n.star-wrapper {\n  cursor: pointer;\n  padding-right: 20px;\n}\n.star-wrapper:last-child {\n  padding-right: 0;\n}\n.star-wrapper.hovering .star {\n  background-position: -32px 0;\n}\n.star-wrapper.selected {\n  cursor: auto;\n}\n.star-wrapper.selected .star {\n  background-position: -64px 0;\n}\n@media only screen and (max-width: 768px) {\n  .form-page-header-bg {\n    height: 100px;\n  }\n  .form-page.sketch {\n    margin-top: -15px;\n  }\n}\n",""]);const c=s},6314(n){"use strict";n.exports=function(n){var t=[];return t.toString=function(){return this.map(function(t){var o=n(t);return t[2]?"@media ".concat(t[2]," {").concat(o,"}"):o}).join("")},t.i=function(n,o,r){"string"==typeof n&&(n=[[null,n,""]]);var e={};if(r)for(var i=0;i<this.length;i++){var a=this[i][0];null!=a&&(e[a]=!0)}for(var p=0;p<n.length;p++){var f=[].concat(n[p]);r&&e[f[0]]||(o&&(f[2]?f[2]="".concat(o," and ").concat(f[2]):f[2]=o),t.push(f))}},t}},4417(n){"use strict";n.exports=function(n,t){return t||(t={}),"string"!=typeof(n=n&&n.__esModule?n.default:n)?n:(/^['"].*['"]$/.test(n)&&(n=n.slice(1,-1)),t.hash&&(n+=t.hash),/["'() \t\n]/.test(n)||t.needQuotes?'"'.concat(n.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):n)}},5457(n,t,o){n.exports=o.p+"assets/img/stars_v2.79cf728.png"}}]);

package/dist/1a046b44d1d.459.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[459],{5488(n,t,o){o.r(t),o.d(t,{default:()=>a});const a=o(4056)},4056(n,t,o){o.r(t),o.d(t,{default:()=>e});var a=o(6314),r=o.n(a)()(function(n){return n[1]});r.push([n.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",""]);const e=r}}]);

package/dist/1a046b44d1d.490.js

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

package/dist/1a046b44d1d.74.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[74],{9074(t,e,s){s.r(e),s.d(e,{DEFVAL:()=>p,default:()=>n,replaceCssVariable:()=>l});var i=s(5922),a=s(172),o=s(2840);let r=s.e(997).then(s.bind(s,997));class n extends o.Mw{constructor(t){var e,s,i;super(t),e=this,i={map:!1,map_loading:!1,map_initialized:!1},(s=function(t){var e=function(t){if("object"!=typeof t||!t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var s=e.call(t,"string");if("object"!=typeof s)return s;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(t);return"symbol"==typeof e?e:e+""}(s="state"))in e?Object.defineProperty(e,s,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[s]=i,this.showMap=this.showMap.bind(this),this.hideMap=this.hideMap.bind(this)}async initMap(){this.map_initialized||(this.setState({map_initialized:!0,map_loading:!0}),await new Loader({apiKey:"YOUR_API_KEY",version:"weekly"}).load(),this.gmap=new google.maps.Map(document.getElementById("map")),this.setState({map_loading:!1}))}js2css(t,e){return i.A.js2css(t,e,{"@font_size":this.props.plugin.popup.font_size,"@font_family":this.props.plugin.popup.font_family,"@text_color":this.props.plugin.popup.text_color,"@primary_color":this.props.plugin.popup.primary_color,"@background":this.props.plugin.popup.background,"@spacer0":spacer/2+"px","@spacer":spacer+"px","@spacer2":2*spacer+"px","@spacer3":3*spacer+"px"})}renderMapButton(t){let e=(0,a.h)("svg",{width:"20px","aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"map-marker-alt",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 384 512",class:"svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"},(0,a.h)("path",{fill:"red",d:"M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z",class:""}));return(0,a.h)("div",{class:"contact_button",onClick:this.showMap},this.renderMapModal(t),e)}async setMap(t,e){console.log("HEE"),await this.initMap(),console.log("HEE22"),window.gmap=this.gmap,this.gmap.map.setCenter(new google.maps.LatLng(t,e))}renderMapModal(t){let e="map_modal";this.state.map?e+=" map_modal__show":e+=" map_modal__hide";let s="overlay";this.state.map||(s+=" overlay__hidden");let o=i.A.map(t.map.locations,t=>(0,a.h)("div",{class:"map_location",onClick:e=>this.setMap(t.latitude,t.longitude)},(0,a.h)("div",null,t.name),(0,a.h)("div",null,t.latitude),(0,a.h)("div",null,t.longitude)));o.unshift((0,a.h)("div",{class:"map_title"},t.map.title));let r=(0,a.h)("div",{id:"map",style:"height: 100%; width: 100%"}," ");return(0,a.h)("div",{class:s,onClick:this.hideMap},(0,a.h)("div",{class:e,onClick:t=>t.stopPropagation()},(0,a.h)("div",{class:"map_body"},(0,a.h)("div",{class:"map_locations"},o),r,(0,a.h)("div",{class:"mapouter"},(0,a.h)("div",{class:"gmap_canvas"},(0,a.h)("iframe",{width:"300",height:"400",id:"gmap_canvas",src:"https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed",frameborder:"0",scrolling:"no",marginheight:"0",marginwidth:"0"}))))))}hideMap(t){t.stopPropagation(),this.setState({map:!1})}showMap(){this.setState({map:!0})}renderZaloButton(t){let e=(0,a.h)("svg",{width:"20px ","aria-hidden":"true",focusable:"false","data-prefix":"fab","data-icon":"facebook-f",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",class:"svg-inline--fa fa-facebook-f fa-w-10 fa-5x"},(0,a.h)("path",{fill:"currentColor",d:"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",class:""}));return(0,a.h)("div",{class:"contact_button"},e)}renderFacebookButton(t){let e=(0,a.h)("svg",{width:"20px ","aria-hidden":"true",focusable:"false","data-prefix":"fab","data-icon":"facebook-f",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 320 512",class:"svg-inline--fa fa-facebook-f fa-w-10 fa-5x"},(0,a.h)("path",{fill:"currentColor",d:"M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",class:""}));return(0,a.h)("div",{class:"contact_button"},e)}renderChatButton(){return(0,a.h)("div",null,"Chat")}renderCallButton(){let t=(0,a.h)("svg",{width:"20px","aria-hidden":"true",focusable:"false","data-prefix":"fas","data-icon":"phone",role:"img",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 512 512",class:"svg-inline--fa fa-phone fa-w-16 fa-7x"},(0,a.h)("path",{fill:"currentColor",d:"M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z",class:""}));return(0,a.h)("div",null,t)}renderButtons(t){return 0===i.A.size(t)?null:i.A.map(t,t=>"map"===t.type?this.renderMapButton(t):"zalo"===t.type?this.renderZaloButton(t):"facebook"===t.type?this.renderFacebookButton(t):"call"===t.type?this.renderCallButton(t):"chat"===t.type?this.renderChatButton(t):null)}renderByLayoutSideByStandard(){let t=this.renderButtons(this.props.plugin.contact.buttons);return(0,a.h)("div",null,t)}renderLineComponent(t){let e=Object.assign({},t.style,this.props.mobile?t.mobile_style:{});return(0,a.h)("div",{style:this.js2css(e)})}renderTextComponent(t){let e=Object.assign({},t.style,this.props.mobile?t.mobile_style:{});return(0,a.h)("div",{class:"text",style:this.js2css(e),dangerouslySetInnerHTML:{__html:i.A.get(t,"text.html")}})}async refreshCSS(){var t=l((await r).default.default.toString(),this.props.plugin.popup);i.A.setCss(this.props.plugin.id,this.$cssStyleDiv,t),this.setState({cssready:!0})}componentDidMount(){this.$cssStyleDiv=document.createElement("style"),document.head.appendChild(this.$cssStyleDiv),this.$cssStyleDiv.type="text/css",this.$cssStyleDiv.id="subiz-style-for-"+this.props.plugin.id,this.refreshCSS();let t=JSON.stringify(this.props.plugin);this.setState({pluginjson:t})}render(){if(!this.state.cssready)return null;let t=JSON.stringify(this.props.plugin);if(this.state.pluginjson!==t&&(this.refreshCSS(),i.A.setTimeout(()=>this.setState({pluginjson:t}))),this.state.close)return null;let e,s,o,r,n,l=i.A.get(this.props.plugin,"contact.layout","standard"),p=null;"standard"!==l&&l||(p=this.renderByLayoutSideByStandard()),"footer"===l&&(p=this.renderByLayoutFooter(i.A.get(this.props.plugin,`popup.pages.${this.state.pageIndex}`))),"mini"===l&&(p=this.renderByLayoutMini(i.A.get(this.props.plugin,`popup.pages.${this.state.pageIndex}`))),"docked"===l&&(p=this.renderByLayoutDocked(i.A.get(this.props.plugin,`popup.pages.${this.state.pageIndex}`)));let h=i.A.get(this.props.plugin,"contact.position","bottom-left");return"center-left"===h?(e="0",r="50%",n="translateY(-50%)"):"top-left"===h?(e="0",r="20px"):"bottom-right"===h?(s="0",o="20px"):"center-right"===h?(s="0",r="50%",n="translateY(-50%)"):"top-right"===h?(s="0",r="20px"):(e="0",o="20px"),(0,a.h)("div",{style:i.A.js2css({position:"absolute",left:e,right:s,bottom:o,top:r,transform:n,display:"flex",align_items:"center",justify_content:"center",overflow:"hidden"}),onClick:t=>t.stopPropagation()},p)}}function l(t,e){var s=[t];s=i.A.tokenize(s,"'@font_family'"),s=i.A.tokenize(s,"'@font_size'"),s=i.A.tokenize(s,"'@text_color'"),s=i.A.tokenize(s,"'@primary_color'"),s=i.A.tokenize(s,"'@background'"),s=i.A.tokenize(s,"'@spacer'"),s=i.A.tokenize(s,"'@spacer0'"),s=i.A.tokenize(s,"'@spacer2'"),s=i.A.tokenize(s,"'@spacer3'");for(var a=[],o=0;o<s.length;o++){var r=s[o];if("string"!=typeof r){var n=r.type.substr(2,r.type.length-3),l=i.A.get(e,n)||i.A.get(p,n)||"";a.push(l)}else a.push(r)}return a.join("")}const p={font_size:"16px",font_family:"roboto",text_color:"#333",primary_color:"#333"}}}]);

package/dist/1a046b44d1d.997.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[997],{997(n,t,e){e.r(t),e.d(t,{default:()=>o});const o=e(1938)},1938(n,t,e){e.r(t),e.d(t,{default:()=>s});var o=e(6314),i=e.n(o)()(function(n){return n[1]});i.push([n.id,"/*\n#sbz92 * {\n\tall: unset !important;\n}\n\n#sbz92 {\n\tz-index: @z-index + 100 !important;\n\t#makeImportant() !important;\n}\n\n// prevent #subiz inheriting client site styles\ndiv#sbz92 {\n\tall: initial;\n}\n\n// prevent #subiz inheriting client site !important styles\nbody div#sbz92 {\n\tall: initial !important;\n}\n\nbody div#sbz92 .overlay {\n\tposition: fixed !important;\n\tuser-select: none !important;\n}\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#sbz92 .overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background: #000c;\n  z-index: 20000000000100;\n  overflow: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n#sbz92 .overlay.overlay__hidden {\n  display: none;\n}\n#sbz92 .map_modal {\n  max-with: 80%;\n  max-height: 80%;\n  width: 400px;\n  height: 400px;\n  background: white;\n}\n#sbz92 .map_body {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n#sbz92 .map_location {\n  border-bottom: 1px solid lightgray;\n  padding: 20px;\n  font-size: 16px;\n  font-family: 'roboto';\n}\n#sbz92 .map_title {\n  font-size: 18px;\n  font-weight: 500;\n  padding: 10px;\n  text-align: center;\n  border-bottom: 1px solid lightgray;\n  font-family: 'roboto';\n}\n#sbz92 .map_locations {\n  border-right: 1px solid lightgray;\n  width: 200px;\n  height: 100%;\n}\n#sbz92 .sm.contact_button {\n  width: 40px;\n  height: 40px;\n}\n#sbz92 .lg.contact_button {\n  width: 60px;\n  height: 60px;\n}\n#sbz92 .contact_button {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: pink;\n}\n",""]);const s=i}}]);