@subiz/widget-v4 4.1.68 → 4.1.70

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (96) hide show
  1. package/compiled_src/chatbox/Rating.js +7 -3
  2. package/compiled_src/chatbox/Widget.js +16 -15
  3. package/compiled_src/plugin.js +9 -18
  4. package/dist/132.js +2796 -0
  5. package/dist/18e74ca84ff.132.js +1 -0
  6. package/dist/18e74ca84ff.27.js +1 -0
  7. package/dist/18e74ca84ff.278.js +1 -0
  8. package/dist/18e74ca84ff.459.js +1 -0
  9. package/dist/18e74ca84ff.490.js +1 -0
  10. package/dist/18e74ca84ff.497.js +1 -0
  11. package/dist/18e74ca84ff.74.js +1 -0
  12. package/dist/18e74ca84ff.997.js +1 -0
  13. package/dist/18e74ca84ff.app.js +1 -0
  14. package/dist/18e74ca84ff.index.html +33 -0
  15. package/dist/18e74ca84ff.library.html +33 -0
  16. package/dist/18e74ca84ff.library.js +1 -0
  17. package/dist/18e74ca84ff.preview.html +759 -0
  18. package/dist/18e74ca84ff.preview.js +1 -0
  19. package/dist/18e74ca84ff.screenshoot.js +1 -0
  20. package/dist/18e74ca84ff.webview.js +1 -0
  21. package/dist/27.js +107 -0
  22. package/dist/278.js +406 -0
  23. package/dist/459.js +107 -0
  24. package/dist/490.js +304 -0
  25. package/dist/497.js +6721 -0
  26. package/dist/74.js +372 -0
  27. package/dist/997.js +107 -0
  28. package/dist/HASH +1 -0
  29. package/dist/assets/img/Facebook.64607ec.png +0 -0
  30. package/dist/assets/img/Zalo.6845707.png +0 -0
  31. package/dist/assets/img/award1a.1a58e10.png +0 -0
  32. package/dist/assets/img/award3a.3b74423.png +0 -0
  33. package/dist/assets/img/award4a.ed6ccd4.png +0 -0
  34. package/dist/assets/img/award5.39eb7ae.png +0 -0
  35. package/dist/assets/img/bubble_default.7d5e4ab.svg +20 -0
  36. package/dist/assets/img/caret.998eb8f.svg +1 -0
  37. package/dist/assets/img/convos_empty.2353007.svg +72 -0
  38. package/dist/assets/img/default.06e6ee0.jpg +0 -0
  39. package/dist/assets/img/default_avatar.5b74dc1.png +0 -0
  40. package/dist/assets/img/done_gray.d7e8203.svg +4 -0
  41. package/dist/assets/img/done_green.b817fd4.svg +4 -0
  42. package/dist/assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png +0 -0
  43. package/dist/assets/img/emoji/messenger/sub_23.529_60.784.1420241.png +0 -0
  44. package/dist/assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png +0 -0
  45. package/dist/assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png +0 -0
  46. package/dist/assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png +0 -0
  47. package/dist/assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png +0 -0
  48. package/dist/assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png +0 -0
  49. package/dist/assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png +0 -0
  50. package/dist/assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png +0 -0
  51. package/dist/assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png +0 -0
  52. package/dist/assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png +0 -0
  53. package/dist/assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png +0 -0
  54. package/dist/assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png +0 -0
  55. package/dist/assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png +0 -0
  56. package/dist/assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png +0 -0
  57. package/dist/assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png +0 -0
  58. package/dist/assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png +0 -0
  59. package/dist/assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png +0 -0
  60. package/dist/assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png +0 -0
  61. package/dist/assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png +0 -0
  62. package/dist/assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png +0 -0
  63. package/dist/assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png +0 -0
  64. package/dist/assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png +0 -0
  65. package/dist/assets/img/empty.29bed2d.svg +23 -0
  66. package/dist/assets/img/empty_1.0b98af0.svg +11 -0
  67. package/dist/assets/img/examplte_logo.f86535f.svg +1 -0
  68. package/dist/assets/img/external-link.90577cc.svg +1 -0
  69. package/dist/assets/img/fb_inverse_circle.36c2cfc.png +0 -0
  70. package/dist/assets/img/ghn.070f8e3.svg +17 -0
  71. package/dist/assets/img/ghtk.326eac1.svg +18 -0
  72. package/dist/assets/img/image_default.be0698b.png +0 -0
  73. package/dist/assets/img/info.ebce7ea.svg +1 -0
  74. package/dist/assets/img/loader.37000a7.svg +1 -0
  75. package/dist/assets/img/loading_static.a27f0ac.svg +10 -0
  76. package/dist/assets/img/main-service1.d536cc2.png +0 -0
  77. package/dist/assets/img/main-service2.9b99549.png +0 -0
  78. package/dist/assets/img/not_found_search.2ddb8d1.png +0 -0
  79. package/dist/assets/img/package.8d37d0f.svg +5 -0
  80. package/dist/assets/img/package_fade.763c001.svg +1 -0
  81. package/dist/assets/img/rating--average.1ea492c.svg +12 -0
  82. package/dist/assets/img/rating--great.e3d712e.svg +16 -0
  83. package/dist/assets/img/rating--poor.2938a25.svg +12 -0
  84. package/dist/assets/img/search.f9705ff.svg +1 -0
  85. package/dist/assets/img/send.6db52a9.svg +3 -0
  86. package/dist/assets/img/shop.f7dc7d8.svg +1 -0
  87. package/dist/assets/img/shop_faded.df7845a.svg +1 -0
  88. package/dist/assets/img/subiz-mono.877e9f5.svg +3 -0
  89. package/dist/assets/img/x.26fdfa3.svg +5 -0
  90. package/dist/malicious-app.js +15 -0
  91. package/dist/screenshoot.html +7 -0
  92. package/dist/screenshoot.js +6354 -0
  93. package/package.json +1 -1
  94. package/src/chatbox/Rating.js +8 -4
  95. package/src/chatbox/Widget.js +4 -4
  96. package/src/plugin.js +9 -18
@@ -0,0 +1 @@
1
+ (self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[132],{132:(t,e,n)=>{"use strict";n.r(e),n.d(e,{default:()=>f});var i=n(1405),o=n(2840);const r=function(){var t={},e={VIEW:"view",EASING_FUNCTION:"easing-function"},n={};n[e.VIEW]={},n[e.EASING_FUNCTION]={};var o=function(t,e){if(!n[t])return null;for(var i in e)if(e.hasOwnProperty(i)){if(n[t][i])return null;n[t][i]=e[i]}},r=function(t){var e=t.getBoundingClientRect();return!(e.bottom<0||e.top>window.scrollY+window.innerHeight)},s=function(t,e,i){if(!n[t])throw"Can't add extension with type of \""+t+'", "'+t+'" is not a valid extension type. The following types are valid: '+Ut(n);if(!/^[-a-z]+$/.test(e))throw"Can't add extension with name \""+e+'", "'+e+'" is contains invalid characters. Only lowercase alphabetical characters and dashes are allowed.';if(n[t][e])throw"Can't add extension with name \""+e+'", "'+e+'" is already added.';n[t][e]=i},a=function(t,e){if(!n[t])throw"Can't get extension with type of \""+t+'", "'+t+'" is not a valid extension type. The following types are available: '+Ut(n);if(!n[t][e])throw"Can't get extension with name \""+e+'", "'+e+'" is not available. The following extensions are available: '+Ut(n[t]);return n[t][e]},l=function(t){return{destroy:function(){t.destroyed=!0,t.frame&&cancelAnimationFrame(t.frame),t.styleObserver&&t.styleObserver.disconnect(),t.didResizeWindow&&window.removeEventListener("resize",t.didResizeWindow),t.root&&t.root.parentNode&&t.root.parentNode.removeChild(t.root)}}},p=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.createElement("span"),n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null;return t.root=e,t.aligned=null,t.destroyed=!1,e&&n&&(t.root.classList.add("tick-"+n),t.root.setAttribute("data-view",n)),e&&e.dataset.layout&&(t.align=(e.dataset.layout.match(/left|right|center/)||[])[0]||"left"),{appendTo:function(e){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"last";!t.root||t.root&&t.root.parentNode||("last"!==n?("first"===n&&(0===e.childNodes.length?e.appendChild(t.root):0===e.children.length&&e.childNodes.length?e.insertBefore(t.root,e.childNodes[e.childNodes.length-1]):e.insertBefore(t.root,e.children[0])),"string"!=typeof n&&e.insertBefore(t.root,n)):e.childNodes.length&&e.childNodes[e.childNodes.length-1].nodeType===Node.TEXT_NODE?e.insertBefore(t.root,e.childNodes[e.childNodes.length-1]):e.appendChild(t.root))}}},u=function(t,e){return t.definition=e,{setDefinition:function(e){t.definition=e}}},c=function(t,e,n,i){return{draw:function(){return t.dirty?(e(t,i),d(t),t.dirty=!1,!0):(n&&n(t)&&d(t),!1)}}},d=function(t){if(!t.fit){if(!t.root||!(t.root.getAttribute("data-layout")||"").match(/fit/))return void(t.fit=!1);var e=window.getComputedStyle(t.root,null);t.fit=!0,t.fitInfo={currentFontSize:parseInt(e.getPropertyValue("font-size"),10)}}t.fitInfo.availableWidth=t.root.parentNode.clientWidth,t.fitInfo.currentWidth=t.root.scrollWidth;var n=Math.min(Math.max(4,t.fitInfo.availableWidth/t.fitInfo.currentWidth*t.fitInfo.currentFontSize),1024);Math.abs(n-t.fitInfo.currentFontSize)<=1||(t.fitInfo.currentFontSize=n,t.root.style.setProperties("fontSize",t.fitInfo.currentFontSize+"px","important"))},f=function(t){return t.dirty=!0,t.value=null,t.valueUpdateCount=0,t.isInitialValue=function(){return t.valueUpdateCount<=1},{reset:function(){t.dirty=!0,t.value=null,t.valueUpdateCount=0},update:function(e){Nt(t.value,e)||(t.value=e,t.valueUpdateCount++,t.dirty=!0)}}},h=function(t){t.didResizeWindow=function(){t.dirty=!0},window.addEventListener("resize",t.didResizeWindow)},m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},g=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}(),y=Object.assign||function(t){for(var e=1;e<arguments.length;e++){var n=arguments[e];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(t[i]=n[i])}return t},_=function(t){if(Array.isArray(t)){for(var e=0,n=Array(t.length);e<t.length;e++)n[e]=t[e];return n}return Array.from(t)},v=function(t,e){var n=(t.definition||[]).concat();"right"===t.align&&n.reverse();var i=Array.isArray(t.value)?t.value.concat():"object"===m(t.value)?It(t.value):t.value;n.forEach((function(n){if(!n.presenter){if(t.update=e(n),!n.presenter)return;n.presenter.appendTo(t.root)}})),n.filter((function(t){return void 0!==t.presenter})).forEach((function(e){Array.isArray(i)&&t.valueMapping?t.update(e,"indexes"===t.valueMapping?"right"===t.align?i.pop():i.shift():i):e.key&&void 0!==i[e.key]?t.update(e,i[e.key]):t.update(e,i)})),t.views=n,b(t)},b=function(t){var e=!1;return t.views.filter((function(t){return void 0!==t.presenter})).forEach((function(t){t.presenter.draw()&&(e=!0)})),e},w=function(t,e,n){var i=Ot(Array.isArray(t.value)?t.value:(t.value+"").split(""));if("right"===t.align&&i.reverse(),t.definitions.length>i.length)for(;t.definitions.length>i.length;)t.definitions.pop().presenter.destroy();i.forEach((function(n,i){var o=t.definitions[i];o||(o=t.definitions[i]=lt(t.definition),t.update=e(o),o.presenter.appendTo(t.root,"right"===t.align?"first":"last"))})),i.forEach((function(e,n){return t.update(t.definitions[n],e)})),t.views=i,k(t)},k=function(t){var e=!1;return t.views.forEach((function(n,i){t.definitions[i].presenter.draw()&&(e=!0)})),e},x=function(t,e){var n=document.createElement(t);return e&&(n.className=e),n},A=function(t,e,n){var i=new MutationObserver((function(i){e.forEach((function(o){i.filter((function(t){return e.includes(t.attributeName)})).length&&n(t.getAttribute(o))}))}));return i.observe(t,{attributes:!0}),i},C=function(t,e,n){var i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:"";t.transforms||(t.transforms=[]);var o=t.transforms.find((function(t){return t.name===e}));o?o.value=n:t.transforms.push({name:e,value:n,unit:i}),z(t,t.transforms)},z=function(t,e){t.style.setProperty("transform",e.map((function(t){return t.name+"("+t.value+t.unit+")"})).join(" "),"important")},S={},D=function(t,e){var n=e.toString();return S[n]||(S[n]={}),S[n][t]||(S[n][t]=e(t)),S[n][t]},j=new RegExp("^[0-9]+$"),E=new RegExp("^(true|false)$"),F=new RegExp("^[0-9.]+$"),I=new RegExp("color"),O=new RegExp("shadow"),P=new RegExp("^(follow-gradient|horizontal-gradient|vertical-gradient)"),N=new RegExp("^[.0-9]+(?:ms|s){1}$"),R=new RegExp("^transition-?(?:in|out)?$"),T=new RegExp("^url\\("),M=function(t){return t?parseFloat(t)*(/ms$/.test(t)?1:1e3):0},U=function(t){return t.match(/[a-z]+(?:\(.*?\))?\s?(?:origin\(.*?\))?\s?(?:[a-z]+\(.*?\))?[ .a-z-0-9]*/g).map(B)},B=function(t){var e=t.match(/([a-z]+(?:\(.*?\))?)\s?(?:origin\((.*?)\))?\s?([a-z]+(?:\(.*?\))?)?\s?(?:([.0-9ms]+)?\s?(?:(ease-[a-z-]+))?\s?([.0-9ms]+)?)?/),n=yt(e[1]),i=void 0,o=void 0,r=void 0,s=void 0,a=void 0;return e.slice(2).filter((function(t){return void 0!==t})).forEach((function(t){N.test(t)?void 0===o?o=M(t):s=M(t):/ /.test(t)?i=t:/^ease-[a-z-]+$/.test(t)?r=t:/^[a-z]+/.test(t)&&(a=yt(t))})),a&&(o=void 0,r=void 0),{name:n.name,parameters:n.parameters,duration:o,ease:r,delay:s,origin:i,resolver:a}},$=function(t){var e=t.match(/follow-gradient|horizontal-gradient|vertical-gradient/)[0];return{type:e,colors:t.substr(e.length).match(/(?:transparent|rgb\(.*?\)|hsl\(.*?\)|hsla\(.*?\)|rgba\(.*?\)|[a-z]+|#[abcdefABCDEF\d]+)\s?(?:[\d]{1,3}%?)?/g).map(W)}},V=/\s([\d]{1,3})%?$/,W=function(t){var e=t.match(V);return{offset:e?parseFloat(e[1])/100:null,value:q(t.replace(V,""))}},q="undefined"==typeof document?function(t){return t}:function(t){if("transparent"===t)return"rgba(0,0,0,0)";var e=document.createElement("span");return e.style.cssText="position:absolute !important;visibility:hidden !important;color:"+t+" !important",document.body.appendChild(e),requestAnimationFrame((function(){e.parentNode.removeChild(e)})),window.getComputedStyle(e).getPropertyValue("color")},L=function(t){return"string"!=typeof t?t:t.match(/([-.\d]+(?:%|ms|s|deg|cm|em|ch|ex|q|in|mm|pc|pt|px|vh|vw|vmin|vmax)?)|[%#A-Za-z0-9,.()]+/g)},K=function(t){var e=t.split(":").map(Ft),n=e[0].trim().split("-").map((function(t,e){return e>0?function(t){return t.charAt(0).toUpperCase()+t.slice(1)}(t):t})).join(""),i=function(t,e){return E.test(t)?"string"==typeof t?"true"===t:t:j.test(t)?parseInt(t,10):F.test(t)?parseFloat(t):T.test(t)?1===(n=t.match(/url\((.*?)\)/g).map((function(t){return t.substring(4,t.length-1)}))).length?n[0]:n:I.test(e)?P.test(t)?D(t,$):D(t,q):O.test(e)?D(t,L):R.test(e)?"none"===t?t:D(t,U):t;var n}(e[1],e[0]);return n&&null!=i?{property:n,value:i}:null},X={"ease-out-sine":function(t){return Math.sin(t*(Math.PI/2))},"ease-out-cubic":function(t){var e=t-1;return e*e*e+1},"ease-out-bounce":function(t){var e=t/1;if(e<1/2.75)return 7.5625*e*e;if(e<2/2.75){var n=e-1.5/2.75;return 7.5625*n*n+.75}if(e<2.5/2.75){var i=e-2.25/2.75;return 7.5625*i*i+.9375}var o=e-2.625/2.75;return 7.5625*o*o+.984375}};o(e.EASING_FUNCTION,X);var G=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return t.lastAppliedStyles=null,H(t,e,t.root.dataset.style),t.styleObserver=A(t.root,["data-style"],(function(n){H(t,e,n)})),{setStyle:function(n){H(t,e,n)}}},H=function(t,e,n){t.lastAppliedStyles!==n&&(t.lastAppliedStyles=n,t.style=n?Dt(e,function(t){return t.split(";").filter((function(t){return t.trim().length})).map(K).filter((function(t){return null!==t})).reduce((function(t,e){return t[e.property]=e.value,t}),{})}(n)):e,t.dirty=!0)},Y={text:function(){return function(t){var e={};return Object.assign({},p(e,t,"text"),f(e),c(e,(function(t){t.root.setAttribute("data-value",t.value),function(t,e){var n=t.childNodes[0];n?e!==n.nodeValue&&(n.nodeValue=e):(n=document.createTextNode(e),t.appendChild(n))}(t.root,t.value)})),l(e))}}};o(e.VIEW,Y);var Z=function(t,e,n){return function(t,e,n){var i={valueMapping:null};if(t&&t.dataset.valueMapping){var o=t.dataset.valueMapping;i.valueMapping=-1!==["none","indexes"].indexOf(o)?o:null}return Object.assign({},p(i,t),h(i),f(i),u(i,e),c(i,v,b,n),l(i))}(t,e,n)},J=function(t,e){return"-"===t[e]&&">"===t[e+1]},Q=function(t){return"'"===t||'"'===t},tt=function(t){return","===t},et=function(t){return"("===t},nt=function(t){return")"===t},it=function(t){return 0!==t.trim().length},ot=function(t,e){return t.push(e.trim())},rt=function(t,e){return it(e)?(ot(t,e),""):e},st=function(t,e){return t.length&&e.push(t.length>1?t.concat():t[0]),[]},at=function t(e,n,i){for(var o="",r=[],s=null,a=!1;e<n.length;){var l=n[e];if(et(l)){a=!1;var p=[o.trim()];l=n[e=t(e+1,n,p)],r.push(p),o=""}else{if(nt(l))return a&&o.trim().length&&(r.push([o.trim()]),o="",a=!1),it(o)&&ot(r,o),r=st(r,i),e+1;null!==s&&l!==s?o+=l:l===s?(r.push(o),o="",s=null):Q(l)?(o="",s=l):J(n,e)?(a=!0,o.trim().length&&(r.push([o.trim()]),o=""),e+=2):tt(l)?(a&&o.trim().length&&(r.push([o.trim()]),o="",a=!1),r=st(r,i),o=rt(i,o)):o+=l,e++}}return(a&&o.trim().length||!a&&o.trim().length&&!r.length)&&(r.push([o.trim()]),o=""),st(r,i),rt(i,o),e},lt=function t(e){var n={};for(var i in e)e.hasOwnProperty(i)&&(n[i]="root"!==i?"children"!==i?"repeat"!==i?e[i]:null===e[i]?null:t(e[i]):null===e[i]?null:e[i].map(t):e[i].cloneNode());return n.presenter=null,n},pt={root:null,key:null,view:null,overlay:null,presenter:null,transform:null,layout:null,style:null,repeat:null,children:null,className:null},ut=function t(e){return Array.from(e).map((function(e){var n=Dt(pt,{root:e});for(var i in e.dataset)e.dataset.hasOwnProperty(i)&&void 0!==n[i]&&(n[i]=e.dataset[i]);return n.repeat?(n.repeat=t(e.children).pop(),Array.from(e.children).forEach((function(t){t.parentNode.removeChild(t)}))):e.children.length&&(n.children=t(e.children)),n}))},ct=function t(e){return e.map((function(e){return"string"==typeof(e=Dt(pt,e)).root?e.root=document.createElement(e.root):e.root=document.createElement("span"),e.transform&&(e.root.dataset.transform=e.transform),e.className&&(e.root.className=e.className),e.overlay&&(e.root.dataset.overlay=e.overlay),e.view?(e.root.dataset.view=e.view,e.style&&(e.root.dataset.style=e.style),e.repeat=null):(e.layout&&(e.root.dataset.layout=e.layout),e.repeat?(e.root.dataset.repeat=!0,e.repeat=t(e.children).pop()):e.children&&(e.children=t(e.children),e.children.forEach((function(t){e.root.appendChild(t.root)})))),e}))},dt=function(t){var n=!1,i=function(e,i){e.transform(i,(function(t){e.presenter.update(t)}),t),n||(n=!0,o())},o=function e(){t.baseDefinition.presenter.draw(),requestAnimationFrame(e)};return function n(o){return o.presenter=function(t,n){var i,o,s,d,m=void 0;return t.repeat?m=function(t,e,n){return function(t,e,n){var i={definitions:[]};return Object.assign({},p(i,t),f(i),u(i,e),c(i,w,k,n),l(i))}(t,e,n)}(t.root,t.repeat,n):"string"==typeof t.view?(i=t.view,o=t.root,s=t.style,m=(d=a(e.VIEW,i))?d({Extension:{Type:e,getExtension:a},Utils:{},Canvas:{},DOM:{visible:r,create:x,transform:C},Animation:{},Date:{performance:Pt},View:{rooter:p,drawer:c,updater:f,styler:G,grouper:u,resizer:h,destroyer:l}})(o,s):null):function(t){return t.children&&t.children.length}(t)&&(m=Z(t.root,t.children,n)),m}(o,n),o.transform=mt(o.transform,t),i}(t.baseDefinition)},ft=function(t){for(var e=arguments.length,n=Array(e>1?e-1:0),i=1;i<e;i++)n[i-1]=arguments[i];return function(e,i){!function e(o,r){n.length<=o?i(r):n[o](r,ht(e,[o+1]),t)}(0,e)}},ht=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:[],n=arguments[2];return function(){var i=Array.from(e);return Array.prototype.push.apply(i,arguments),t.apply(n,i)}},mt=function(t,e){if(!t)return function(t,e){return e(t)};if("function"==typeof t)return t;var n=function(t){var e=[];return at(0,t,e),e}("transform("+(/^[a-z]+$/.test(t)?t+"()":t)+")");return gt(n,e)},gt=function t(n,i){var o=n.map((function(n){var o=n.shift(),r=a(e.TRANSFORM,o)||function(t,e,n){e(t)},s=n.map((function(e){return Array.isArray(e)?"string"==typeof e[0]?t([e],i):t(e,i):St(e)}));return r.apply(void 0,_(s))}));return ft.apply(void 0,[i].concat(_(o)))},yt=function(t){var e=t.match(/[a-z]+/)[0];return{name:e,parameters:_t(t.substring(e.length))}},_t=function(t){(t.match(/('.+?')|(".+?")|(\[.+?])|([.:\-\d\sa-zA-Z]+%?)/g)||[]).map(Ft).filter((function(t){return t.length})).map(St)},vt=function(t){return t.substring(1,t.length-1)},bt=/^([\d]{4}-[\d]{1,2}-[\d]{1,2})/,wt=/^(true|false)$/,kt=/^[\a-zA-Z]+$/,xt=/^0[\d]+/,At=/^('|")/,Ct=/^-?(?:\d+)?(?:\.|0\.)?[\d]+$/,zt=/^(\[)/,St=function(t){return wt.test(t)?"true"===t:zt.test(t)?_t(vt(t)):bt.test(t)?dateFromISO(t):At.test(t)?vt(t):kt.test(t)||xt.test(t)?t:Ct.test(t)?parseFloat(t):t},Dt=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=void 0,i={};for(n in t)t.hasOwnProperty(n)&&(i[n]=void 0===e[n]?t[n]:e[n]);return i},jt=function(t){var e=window,n=t.split(".");return n.forEach((function(t,i){e[n[i]]&&(e=e[n[i]])})),e!==window?e:null},Et=function(t){return/^(?:[\w]+\s?:\s?[\w.]+,\s?)+(?:[\w]+\s?:\s?[\w.]+)$/g.test(t)?t.match(/(?:(\w+)\s?:\s?([\w.]+))/g).reduce((function(t,e){var n=e.split(":");return t[n[0]]=St(n[1]),t}),{}):St(t)},Ft=function(t){return t.trim()},It=function(t){return"object"===(void 0===t?"undefined":m(t))&&null!==t?i.A.parseJSON(i.A.stringify(t)):t},Ot=function(t){return t.slice()},Pt=function(){return window.performance.now()},Nt=function(t,e){return Rt(t)?Tt(t,e):Array.isArray(t)?Mt(t,e):t===e},Rt=function(t){return t===Object(t)},Tt=function(t,e){for(var n in t)if(!e.hasOwnProperty(n)||t[n]!==e[n])return!1;return!0},Mt=function(t,e){return t.length==e.length&&t.every((function(t,n){return t===e[n]}))},Ut=function(t){return Object.keys(t).map((function(t){return'"'+t+'"'})).join(", ")},Bt=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:document.createElement("div");!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this._options=Dt(t.options(),e),this._element=n,this._value=null,this._observer=null,this._viewDefinition=null,this._updater=null,this._didInit=null,this._didDestroy=null,this._willDestroy=null,this._didUpdate=null,this._init()}return g(t,[{key:"isRootElement",value:function(t){return this._element===t}},{key:"destroy",value:function(){this._willDestroy(this),this._observer.disconnect(),this.baseDefinition.presenter.destroy(),this._didDestroy(this)}},{key:"redraw",value:function(){this.baseDefinition&&this.baseDefinition.presenter&&(this.baseDefinition.presenter.reset(),this.baseDefinition.presenter.draw(),this._updater(this.baseDefinition,this._value))}},{key:"_init",value:function(){var t=this;this._viewDefinition=this._options.view,this._willDestroy=this._options.willDestroy,this._didDestroy=this._options.didDestroy,this._didInit=this._options.didInit,this._didUpdate=this._options.didUpdate,this._value=this._options.value,this._element.classList.contains("tick")||this._element.classList.add("tick"),this._observer=A(this._element,["data-value"],(function(e){t.value=e})),this._viewDefinition.root!==this._element&&(Array.from(this._viewDefinition.root.children).forEach((function(e){t._element.appendChild(e)})),this._viewDefinition.root=this._element),this._viewDefinition.view||this._viewDefinition.children||(this._viewDefinition.view="text"),this._updater=dt(this),null!==this.value&&this._update(this.value),this._element.dataset.state="initialised",this._didInit(this,this.value)}},{key:"_update",value:function(t){this._updater(this.baseDefinition,t),this._didUpdate(this,t)}},{key:"baseDefinition",get:function(){return this._viewDefinition}},{key:"root",get:function(){return this._element}},{key:"value",get:function(){return this._value},set:function(t){this._value="string"==typeof t?Et(t):t,this._update(t)}}],[{key:"options",value:function(){return{value:null,view:null,didInit:function(t){},didUpdate:function(t,e){},willDestroy:function(t){},didDestroy:function(t){}}}}]),t}(),$t=[],Vt={value:Et,didInit:jt,didUpdate:jt,didDestroy:jt,willDestroy:jt},Wt=function(t){var e=$t.filter((function(e){return e.isRootElement(t)}));return e?e[0]:null},qt=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:void 0,e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:void 0;if(t&&!function(t){return t instanceof HTMLElement}(t)&&(e=t,t=void 0),!t||!Wt(t)){e&&e.view&&(e.view=ct([e.view])[0]),!e&&t&&(e=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},i=t.dataset,o={meta:{}};for(var r in i)if(i.hasOwnProperty(r)){var s=e[r],a=i[r];s&&(a=null===(a=s(a))?It(n[r]):a,o[r]=a)}return o}(t,Vt,y({},Bt.options()))),t&&(e||(e={}),e.view||(e.view=ut([t])[0]));var n=new Bt(e,t);return $t.push(n),n}},Lt={supported:function(){var t=window;if(void 0===t)return!1;var e=t.CSS&&t.CSS.supports,n=!!t.MSInputMethodContext&&!!document.documentMode,i=e&&CSS.supports("transform","translateX(0)");return n||e&&i&&!!["MutationObserver","requestAnimationFrame"].filter((function(e){return e in t})).length}(),options:{},DOM:{create:qt,destroy:function(t){var e=function(t,e){for(var n=0,i=t.length;n<i;n++)if(t[n].isRootElement(e))return n;return-1}($t,t);return!(e<0||($t[e].destroy(),$t.splice(e,1),0))},parse:function(t){var e,n=void 0,i=void 0,o=[];for(i=(e=t.querySelectorAll(".tick:not([data-state])")).length;i--;)n=e[i],o.push(qt(n));return o},find:Wt},plugin:{add:function(t,e,n){if("function"==typeof t){var i=t;return s(i.identifier.type,i.identifier.name,i)}return s(t,e,n)}}},Kt=function(t){if(!e.hasOwnProperty(t))return"continue";Lt.plugin[function(t){return t.replace(/-./g,(function(t){return t.charAt(1).toUpperCase()}))}("add-"+e[t])]=function(n,i){s(e[t],n,i)}};for(var Xt in e)Kt(Xt);return t.exports=Lt,t.exports}();var s=n(9459),a=n.n(s),l=n(172);r.plugin.add(a());class p extends o.Mw{constructor(t){var e,n,o,r;super(t),e=this,o={flipKey:"43"},(n="symbol"==typeof(r=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n="state"))?r:r+"")in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,this.timer=i.A.setInterval((()=>{if(this.props._destroy)return this.componentWillUnmount();let t=this.props.com.countdown||{},e="cd:"+t.skin+":"+t.size+":"+this.props.plugin.popup.font_family+":";this.state.flipKey!==e&&this.setState({flipKey:e}),this.forceUpdate()}),500)}componentWillUnmount(){i.A.clearInterval(this.timer)}getCountDownDeltaSec(t){let e;if("fixed_time"===t.expire_time_type&&(e=t.fixed_time),"visit_time"===t.expire_time_type&&(e=this.props.store.pageLoaded()+6e4*t.visit_time),"repeat_daily"===t.expire_time_type&&((n=new i.A.Date).setHours(0,0,0,0),e=n.getTime()+6e4*t.repeat_daily),"repeat_weekly"===t.expire_time_type){let r=0,s=(new i.A.Date).getDay();if(r=0===s?"sunday"===t.repeat_weekly_weekday?0:7-(new i.A.Date).getDay():"sunday"===t.repeat_weekly_weekday?7-s:u[t.repeat_weekly_weekday]-s,r<0)o=0;else if(0==r)(n=new i.A.Date).setHours(0,0,0,0),e=n.getTime()+6e4*t.repeat_weekly_min;else{var n;(n=new i.A.Date).setHours(0,0,0,0),e=n.getTime()+6e4*t.repeat_weekly_min+864e5*r}}let o=e-i.A.Date.now();return o<0&&(o=0),Math.floor(o/1e3)||0}renderElectricCountdown(t,e,n,o,r,s,a){let p="28px";return"sm"===this.props.com.countdown.size&&(p="20px"),"lg"===this.props.com.countdown.size&&(p="40px"),(0,l.h)("div",{class:"countdown_electric"},(0,l.h)("div",{class:"countdown_electric_group"},(0,l.h)("div",{class:"countdown_electric_label"},this.props.t("hour")),(0,l.h)("div",{class:"countdown_electric_numbers"},(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},e),(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},n))),(0,l.h)("div",{class:"countdown_electric_group"},(0,l.h)("div",{class:"countdown_electric_label"},this.props.t("min")),(0,l.h)("div",{class:"countdown_electric_numbers"},(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},o),(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},r))),(0,l.h)("div",{class:"countdown_electric_group"},(0,l.h)("div",{class:"countdown_electric_label"},this.props.t("sec")),(0,l.h)("div",{class:"countdown_electric_numbers"},(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},s),(0,l.h)("div",{class:"countdown_electric_number",style:i.A.js2css({font_size:p,font_family:this.props.plugin.popup.font_family})},a))))}renderFlipCountdown(t,e,n,i,o,r,s){let a=null;if(t>99&&(t=99),t>0){let e=Math.floor(t/10)+"",n=t%10+"";a=(0,l.h)("div",{class:"countdown_group"},(0,l.h)(c,{key:this.state.flipKey+4,value:e+""+n,plugin:this.props.plugin,com:this.props.com}),(0,l.h)("div",{class:"countdown_label"},this.props.t("day")))}return(0,l.h)("div",{class:"countdown"},a,(0,l.h)("div",{class:"countdown_group"},(0,l.h)(c,{key:this.state.flipKey+1,value:e+""+n,plugin:this.props.plugin,com:this.props.com}),(0,l.h)("div",{class:"countdown_label"},this.props.t("hour"))),(0,l.h)("div",{class:"countdown_group"},(0,l.h)(c,{key:this.state.flipKey+2,value:i+""+o,plugin:this.props.plugin,com:this.props.com}),(0,l.h)("div",{class:"countdown_label"},this.props.t("min"))),(0,l.h)("div",{class:"countdown_group"},(0,l.h)(c,{key:this.state.flipKey+3,value:r+""+s,plugin:this.props.plugin,com:this.props.com}),(0,l.h)("div",{class:"countdown_label"},this.props.t("sec"))))}render(){let t=this.getCountDownDeltaSec(this.props.com.countdown),e=Math.floor(t/86400),n=Math.floor((t-86400*e)/3600),i=Math.floor((t-86400*e-3600*n)/60),o=t-86400*e-3600*n-60*i,r=Math.floor(o/10)+"",s=o%10+"",a=Math.floor(i/10)+"",l=i%10+"",p=Math.floor(n/10)+"",u=n%10+"";return"electric"===this.props.com.countdown.skin?this.renderElectricCountdown(e,p,u,a,l,r,s):this.renderFlipCountdown(e,p,u,a,l,r,s)}}const u={sunday:0,monday:1,tuesday:2,wednesday:3,thursday:4,friday:5,saturday:6};class c extends o.Mw{constructor(t){super(t),this._tickRef=(0,l._3)()}componentDidMount(){this._tickInstance=r.DOM.create(this._tickRef.current,{value:this.props.value})}componentDidUpdate(){this._tickInstance&&(this._tickInstance.value=this.props.value)}componentWillUnmount(){this._tickInstance&&r.DOM.destroy(this._tickRef.current)}render(){let t="28px";return"sm"===this.props.com.countdown.size&&(t="20px"),"lg"===this.props.com.countdown.size&&(t="40px"),(0,l.h)("div",{ref:this._tickRef,class:"tick"},(0,l.h)("div",{"data-repeat":"true","aria-hidden":"true"},(0,l.h)("span",{"data-view":"flip",style:i.A.js2css({font_size:t,font_family:this.props.plugin.popup.font_family})})))}}let d=n.e(27).then(n.bind(n,8027));class f extends o.Mw{constructor(t){var e,n,o,r;super(t),e=this,o={close:!1,cssready:!1,closeAnimation:!0,pressedSubmit:!1,imageReady:!1,fontReady:!1},(n="symbol"==typeof(r=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var i=n.call(t,"string");if("object"!=typeof i)return i;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(t)}(n="state"))?r:r+"")in e?Object.defineProperty(e,n,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[n]=o,this._formRef=(0,l._3)(),i.A.setTimeout((()=>this.fillForm()),1e3),i.A.setTimeout((async()=>{let{body:t}=await this.props.store.sendImpression(this.props.plugin.id);this.impressionToken=i.A.get(t,"impression_token")||""}),10),i.A.setTimeout((()=>{let t={};t[this.props.plugin.popup.font_family]=!0;let e={};i.A.map(this.props.plugin.popup.pages,(n=>{n&&i.A.map(n.components,(n=>{t[i.A.get(n,"style.font_family")]=!0,t[i.A.get(n,"mobile_style.font_family")]=!0,"image"===n.type&&n.image&&n.image.url&&n.image.url.startsWith("http")&&(e[n.image.url]=!0)}))})),delete t.undefined,delete t.null,delete t[""],0==i.A.size(e)&&this.setState({imageReady:!0}),i.A.map(e,((t,e)=>i.A.preloadImg(e,(()=>this.setState({imageReady:!0}))))),i.A.preloadWebfonts(Object.keys(t)),i.A.setTimeout((async()=>{await this.waitForFont(Object.keys(t)),this.setState({fontReady:!0})}))}))}async waitForFont(t){if(0==i.A.size(t))return;let e={};for(var n=0;n<10;n++){for(var o=0;o<t.length;o++)try{if(document.fonts.check("normal 16px "+t[o])&&(e[t[o]]=!0),Object.keys(readycount)==t.length)return}catch(t){}await i.A.sleep(200)}}openPopup(){this.setState({close:!1})}getPageIndex(){return void 0!==this.props.plugin._page_index?this.props.plugin._page_index:this.props.pageIndex}isFormFilled(){let t=i.A.get(this.props.plugin.popup,`pages.${this.getPageIndex()}`),e=i.A.find(t.components,(t=>"form"===t.type));if(!e||!e.form)return!0;let n=i.A.get(e,"form.fields",[]);return!i.A.find(n,(t=>!!t.is_required&&(!this.isFieldValid(t.key,t.validate)||this.isFieldEmpty(t.key))))}fillForm(){let t=i.A.get(this.props.plugin.popup,`pages.${this.getPageIndex()}`),e=i.A.find(t.components,(t=>"form"===t.type));if(!e)return;let n=this.props.store.matchUser(),o=i.A.get(n,"attributes"),r=i.A.get(e,"form.fields",[]);i.A.each(r,(t=>{let e=t.key;if("email"===e&&(e="emails"),"phone"===e&&(e="phones"),"emails"===e&&"phones"==e&&"fullname"===e){if("emails"==e){let e=i.A.getUserAttr(n,"related_email","text");if(!e)return;if(!(r=this._formRef.current.elements[t.key]))return;r.value=e}if("phones"==e){let e=i.A.getUserAttr(n,"related_phone","text");if(!e)return;var r;if(!(r=this._formRef.current.elements[t.key]))return;r.value=e}i.A.map(o,(n=>{if(e===n.key&&n.text){var i=this._formRef.current.elements[t.key];i&&(i.value=n.text)}}))}}))}isFieldValid(t,e){if(!e)return!0;if(!this._formRef||!this._formRef.current)return!1;var n=new FormData(this._formRef.current);for(var o of n.entries())if(o[0]===t)return"email"===e?i.A.isEmail(o[1]):"phone"===e?i.A.isPhone(o[1]):"url"===e?i.A.isURL(o[1]):"number"!==e||i.A.isNumber(o[1]);return!0}isFieldEmpty(t){if(!this._formRef||!this._formRef.current)return!1;var e=new FormData(this._formRef.current);for(var n of e.entries())if(n[0]===t)return""===n[1]||void 0===n[1];return!0}renderCloseButton(){return this.props.plugin.popup.show_close_button?(0,l.h)("div",{class:"btn_close default",onClick:t=>this.setClose(!0)},(0,l.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,l.h)("line",{x1:"17",y1:"7",x2:"7",y2:"17",style:"stroke-width: 3 !important;"}),(0,l.h)("line",{x1:"7",y1:"7",x2:"17",y2:"17",style:"stroke-width: 3 !important;"}))):null}setClose(t){t?(document.body.style.setProperty("overflow",this.lastoverflow),this.setState({closeAnimation:!0}),i.A.setTimeout((()=>this.setState({close:!0,closeAnimation:!1})),150),this.props.plugin._dont_close&&i.A.setTimeout((()=>{this.lastoverflow=window.getComputedStyle(document.body).getPropertyValue("overflow"),document.body.style.setProperty("overflow","hidden","important"),this.setState({closeAnimation:!1,close:!1})}),1500)):(this.lastoverflow=window.getComputedStyle(document.body).getPropertyValue("overflow"),document.body.style.setProperty("overflow","hidden","important"),this.setState({closeAnimation:!1}))}async onButtonClick(t,e){t.stopPropagation(),i.A.get(this.props.plugin,"popup",{});let n=i.A.get(this.props.plugin.popup,`pages.${this.getPageIndex()}`),o=[],r=i.A.find(n.components,(t=>"buttons"===t.type));"background"===e&&(o=i.A.get(n,"background_click.actions")||[]),"primary"===e&&r.buttons.primary_enabled&&(o=r.buttons.primary_actions||[]),"secondary"===e&&r.buttons.secondary_enabled&&(o=r.buttons.secondary_actions||[]);let s=!1;for(let t of o)"conversion"!==t.action&&"submit"!==t.action||(s=!0,this.setState({pressedSubmit:!0}));if(!s||this.isFormFilled()){var a=!1;for(let t of o)"submit"!==t.action&&"conversion"!==t.action||(a=!0);if(a){if(this.isSubmitting)return;var l=this._formRef.current?new FormData(this._formRef.current):new FormData,p=[];let t=i.A.cloneDeep(this.props.store.matchUser()),e=!1,n={};for(var u of l.entries())if(n[u[0]]){let t=i.A.get(n,`${u[0]}.1`,"");t+=`,${u[1]}`,i.A.set(n,`${u[0]}.1`,t)}else n[u[0]]=[u[0],u[1]];for(const[o,r]of Object.entries(n)){let n=i.A.get(this.props.plugin.popup,`pages.${this.getPageIndex()}`),o=i.A.find(n.components,(t=>"form"===t.type)),s=i.A.get(o,"form.fields",[]),a=i.A.find(s,(t=>t.key===r[0]))||{};if(!a.type)return;p.push({key:r[0],type:a.type,value:i.A.stringify(r[1])});let l=r[0];"email"===l&&(l="emails"),"phone"===l&&(l="phones"),e=e||"emails"==l||"phones"==l,i.A.setUserAttr(t,{key:l,text:r[1]})}e&&i.A.setUserAttr(t,{key:"lead_source",text:"plugin."+this.props.plugin.id}),this.isSubmitting=!0,await Promise.all([this.props.store.setUser(t),this.props.store.sendConversion(this.props.plugin.id,p,this.impressionToken)]),this.isSubmitting=!1}for(let t of o)"open_widget"===t.action&&this.props.showWidget("list");for(let t of o)"close"===t.action&&i.A.setTimeout((()=>this.setClose(!0)),100),"next_page"===t.action&&this.props.nextPage();for(let t of o){if(!t.url)continue;let e=t.url;if(e.startsWith("http://")||e.startsWith("https://")||(e="//"+e),"open_url"===t.action&&t.new_tab)return window.open(e,"_blank");if("open_url"===t.action&&!t.new_tab)return void(window.location.href=e)}}}renderButtons(t,e){let n=i.A.get(this.props.plugin,"popup",{}),o=t.style||{},r=Object.assign({},o);delete r.justify_content,delete r.align_items,delete r.flex_direction,delete r.display,r.color=r.color||"#fff",r.font_weight=r.font_weight||"500",r.font_size=r.font_size||n.font_size||"14px",r.background=r.background||n.text_color,this.props.mobile&&t.mobile_style&&(r=Object.assign(r,t.mobile_style));let s=null;if(t.buttons.primary_enabled&&t.buttons.primary_text){let o=Object.assign({font_size:n.font_size||"14px"},e.primary_button);i.A.get(t,"style.background")&&(o.background=t.style.background),i.A.get(t,"style.color")&&(o.color=t.style.color),s=(0,l.h)("div",{class:"btn btn__primary ",style:this.js2css(r),onClick:t=>this.onButtonClick(t,"primary")},this.props.t.i18n(t.buttons.i18n_primary_text)||t.buttons.primary_text)}let a=null;if(t.buttons.secondary_enabled&&t.buttons.secondary_text){let i=Object.assign({font_size:n.font_size||"14px"},e.secondary_button);this.props.mobile&&t.mobile_style&&(i=Object.assign(i,t.mobile_style)),a=(0,l.h)("div",{class:"btn btn__secondary",style:this.js2css(i),onClick:t=>this.onButtonClick(t,"secondary")},this.props.t.i18n(t.buttons.i18n_secondary_text)||t.buttons.secondary_text)}return(0,l.h)("div",{class:"popup_component",style:this.js2css({display:"flex",flex_direction:o.flex_direction,align_items:o.align_items})},s,(0,l.h)("div",{style:this.js2css({width:"10px",height:"1px"})}),a)}js2css(t,e){let n=this.props.plugin.popup.spacer||10;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,"@faded_text_color":this.props.plugin.popup.faded_text_color,"@primary_color":this.props.plugin.popup.primary_color,"@spacer0":n/2+"px","@spacer":n+"px","@spacer2":2*n+"px","@spacer3":3*n+"px"})}renderSingleChoiceField(t){var e="form-control form-control__select "+this.props.plugin.popup.theme;let n=i.A.map(t.options,(n=>(0,l.h)("label",{class:e},(0,l.h)("input",{type:"radio",name:t.key,value:n.value}),(0,l.h)("span",null,this.props.t.i18n(n.i18n_label)||n.label))));return(0,l.h)(l.FK,null,n)}renderDropdownField(t){let e=i.A.map(t.options,(t=>(0,l.h)("option",{value:t.value},t.value))),n=i.A.get(this.props.plugin,"popup.theme");var o="form-control form-control__select "+n;return"vintage"===n?(0,l.h)("div",{class:"form-control__text_container"},(0,l.h)("div",{class:"form-control_inside_label form-label vintage"},this.props.t.i18n(t.i18n_label)||t.label),(0,l.h)("select",{class:o,name:t.key},e)):(0,l.h)("select",{class:o,name:t.key},e)}renderMutiChoiceField(t){var e="form-control form-control__check "+this.props.plugin.popup.theme;let n=i.A.map(t.options,(n=>(0,l.h)("label",{class:e},(0,l.h)("input",{required:t.is_required,type:"checkbox",name:t.key,value:n.value}),(0,l.h)("span",null,this.props.t.i18n(n.i18n_label)||n.label))));return(0,l.h)(l.FK,null,n)}renderTextField(t){let e=i.A.get(this.props.plugin,"popup.theme");var n="form-control form-control__text "+e;return"simple"===e?(0,l.h)("input",{type:t.type,class:"form-control form-control__text simple",key:"form_field_"+t.key,name:t.key,placeholder:this.props.t.i18n(t.i18n_label)||t.label||this.props.t.i18n(t.i18n_placeholder)||t.placeholder}):"vintage"===e?(0,l.h)("div",{class:"form-control__text_container"},(0,l.h)("div",{class:"form-control_inside_label form-label vintage"},this.props.t.i18n(t.i18n_label)||t.label),(0,l.h)("input",{type:t.type,class:n,key:"form_field_"+t.key,name:t.key,placeholder:this.props.t.i18n(t.i18n_placeholder)||t.placeholder})):(0,l.h)("input",{type:t.type,class:n,key:"form_field_"+t.key,name:t.key,placeholder:this.props.t.i18n(t.i18n_placeholder)||t.placeholder})}renderMultilineTextField(t){let e=i.A.get(this.props.plugin,"popup.theme");var n="form-control form-control__text "+e;return"simple"===e?(0,l.h)("textarea",{rows:"3",name:t.key,type:t.type,key:"form_field_"+t.key,class:"form-control form-control__text simple",style:this.js2css({overflow:"auto",resize:"none"}),placeholder:this.props.t.i18n(t.i18n_label)||t.label||this.props.t.i18n(t.i18n_placeholder)||t.placeholder}):"vintage"===e?(0,l.h)("div",{class:"form-control__text_container"},(0,l.h)("div",{class:"form-control_inside_label form-label vintage"},t.label),(0,l.h)("textarea",{rows:"3",name:t.key,type:t.type,key:"form_field_"+t.key,class:n,style:this.js2css({overflow:"auto",resize:"none"}),placeholder:this.props.t.i18n(t.i18n_label)||t.label||this.props.t.i18n(t.i18n_placeholder)||t.placeholder})):(0,l.h)("textarea",{rows:"3",name:t.key,type:t.type,key:"form_field_"+t.key,class:n,style:this.js2css({overflow:"auto",resize:"none"}),placeholder:this.props.t.i18n(t.i18n_placeholder)||t.placeholder})}renderFormComponent(t){let e=i.A.get(this.props.plugin,"popup",{}),n=i.A.map(t.form.fields,(t=>"email"===t.type?this.renderTextField(t):"single-choice"===t.type?this.renderSingleChoiceField(t):"multiple-choice"===t.type?this.renderMutiChoiceField(t):"multiline-text"===t.type?this.renderMultilineTextField(t):"text"===t.type?this.renderTextField(t):"dropdown"===t.type?this.renderDropdownField(t):void 0)),o=i.A.get(e,"theme");return n=i.A.map(n,((n,i)=>{let r=null,s=t.form.fields[i];r=(0,l.h)("div",{class:"form-label",style:this.js2css({color:e.text_color,font_family:e.font_family,font_size:e.font_size||"14px"})},this.props.t.i18n(s.i18n_label)||s.label),"vintage"===o&&"dropdown"===s.type&&(r=null),"vintage"!==o&&"simple"!==o||"email"!==s.type&&"text"!==s.type&&"multiline-text"!==s.type||(r=null);let a=null;return this.state.pressedSubmit&&!this.isFieldValid(s.key,s.validate)&&(a=(0,l.h)("div",{class:"text__danger ",style:this.js2css({margin_top:"5px",font_family:e.font_family,font_size:e.font_size})},this.props.t("invalid_field"))),this.state.pressedSubmit&&s.is_required&&this.isFieldEmpty(s.key)&&(a=(0,l.h)("div",{class:"text__danger ",style:this.js2css({margin_top:"5px",font_family:e.font_family,font_size:e.font_size})},this.props.t("required"))),(0,l.h)("div",{class:"field"},r,n,a)})),(0,l.h)("form",{style:this.js2css(t.style),class:"form popup_component",ref:this._formRef,onClick:t=>t.stopPropagation()},n)}renderComponents(t){let e=i.A.find(t.components,(t=>"buttons"===t.type)),n=null;e&&(n=this.renderButtons(e,t));let o=0;return i.A.map(t.components,((t,e)=>"image"===t.type?null:(o++,"buttons"===t.type?n:"follow_facebook"===t.type?this.renderFollowFacebook(t):"social_buttons"===t.type?this.renderSocialButtons(t):"line"===t.type?this.renderLineComponent(t):"text"===t.type?this.renderTextComponent(t,1===o):"form"===t.type?this.renderFormComponent(t):"countdown"===t.type?(0,l.h)("div",{class:"popup_component",onClick:t=>t.stopPropagation()},(0,l.h)(p,{destroy:this.props.destroy,t:this.props.t,com:t,store:this.props.store,plugin:this.props.plugin})):void 0)))}renderFollowFacebook(t){if(!i.A.get(t,"follow_facebook.url"))return null;let e=this.props.mobile&&t.mobile_style||t.style,o={display:"flex",justify_content:e.justify_content},r={};return r.font_family=e.font_family||this.props.plugin.popup.font_family,r.font_size=e.font_size||this.props.plugin.popup.font_size||"14px",(0,l.h)("div",{class:"popup_component",style:this.js2css(o),onClick:t=>t.stopPropagation()},(0,l.h)("div",{class:"follow_fb_btn"},(0,l.h)("img",{alt:"follow",class:"follow_fb_btn__img",src:n(8271)}),(0,l.h)("span",{style:this.js2css(Object.assign({white_space:"nowrap",overflow:"hidden",text_overflow:"ellipsis"},r))},this.props.t("follow_us_on_facebook"))))}renderSocialButtons(t){let e=i.A.get(t,"social_buttons.facebook"),o=null;e&&(o=(0,l.h)("a",{href:e,class:"social_button",target:"_blank"},(0,l.h)("img",{alt:"facebook",class:"social_button__img",src:n(4707)})));let r=i.A.get(t,"social_buttons.zalo"),s=null;r&&(s=(0,l.h)("a",{href:r,class:"social_button",target:"_blank"},(0,l.h)("img",{alt:"zalo",class:"social_button__img",src:n(2931)})));let a=this.props.mobile&&t.mobile_style||t.style;return(0,l.h)("div",{class:"social_buttons popup_component",style:this.js2css(a),onClick:t=>t.stopPropagation()},o," ",s)}renderImageComponent(t,e){let n=Object.assign({pointer_events:"none"},this.props.mobile&&t.mobile_style||t.style,{position:"absolute"});return n.z_index||(n.z_index="-1"),(0,l.h)("div",{style:this.js2css(n)},(0,l.h)("div",{id:"image_component_"+this.props.plugin.id+"_"+this.getPageIndex()+"_"+e,style:this.js2css({width:"100%",height:"100%",background_image:`url("${encodeURI(i.A.get(t,"image.url"))}")`,background_size:n.background_size||"cover",background_position:n.background_position||"auto"})}))}renderLineComponent(t){let e=this.props.mobile&&t.mobile_style||t.style;return(0,l.h)("div",{class:"popup_component",style:this.js2css(e)})}renderTextComponent(t,e){let n=i.A.get(this.props.plugin,"popup",{}),o=Object.assign({color:n.text_color,font_family:n.font_family,font_size:n.font_size||"14px",white_space:"pre-wrap"},this.props.mobile&&t.mobile_style||t.style);return delete o.margin_top,(0,l.h)("div",{class:"text popup_component",style:this.js2css(o),onClick:t=>t.stopPropagation()},this.props.t.i18n(i.A.get(t,"text.i18n_html"))||i.A.get(t,"text.html"))}async refreshCSS(){let t=this.props.store.matchPlugin();if(!i.A.find(t,(t=>t.id===this.props.plugin.id)))return;let e=(await d).default.default.toString();var n=i.A.replaceCssVariablePlugin(e,this.props.plugin.popup);let o=i.A.get(this.props.plugin,"popup.pages.0.extra_css",[]),r=i.A.map(o,(t=>`#sbz92 ${t.selector} { ${this.js2css(t.style)}}`)).join("\n");n+=r,i.A.setCss(this.props.plugin.id,this.$cssStyleDiv,n)}componentWillUnmount(){i.A.setCss(this.props.plugin.id,this.$cssStyleDiv,"")}async componentDidMount(){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(),i.A.setTimeout((()=>{this.setState({cssready:!0}),this.setClose(!1)}),50)}calculateContainerCss(t,e){let n=t.position||"center",o=Object.assign({display:"flex"},this.props.mobile&&e.mobile_style||e.style,{max_width:"85%",max_height:"85%"}),r={};return i.A.map(["left","top","right","bottom","box_shadow","transform"],(t=>{r[t]=o[t]})),r.position="absolute","center"!==n&&n||(r.top="50%",r.transform="translateY(-50%) translateX(-50%)",r.left="50%",delete r.right,delete r.bottom),"fullscreen"===n&&(r.top=0,r.left=0,r.right=0,r.bottom=0,r.display="flex",r.align_items="center",r.background=t.background,delete r.width,delete r.height,delete r.transform),"top-left"===n&&(r.top=r.top||"0px",r.left=r.left||"0px",delete r.transform,delete r.right,delete r.bottom),"top-right"===n&&(r.top=r.top||"0px",r.right=r.right||"0px",delete r.transform,delete r.left,delete r.bottom),"top-center"===n&&(r.transform="translateX(-50%)",r.left="50%",r.top=r.top||"0px",delete r.right,delete r.bottom),"middle-left"===n&&(r.top="50%",r.transform="translateY(-50%)",r.left=r.left||"0px",delete r.right,delete r.bottom),"middle-right"===n&&(r.top="50%",r.transform="translateY(-50%)",r.right=r.right||"0px",delete r.left,delete r.bottom),"bottom-left"===n&&(r.bottom=r.bottom||"0px",r.left=r.left||"0px",delete r.transform,delete r.top,delete r.right),"bottom-right"===n&&(r.bottom=r.bottom||"0px",r.right=r.right||"0px",delete r.transform,delete r.top,delete r.left),"bottom-center"===n&&(r.bottom=r.bottom||"0px",r.transform="translateX(-50%)",r.left="50%",delete r.top,delete r.right),r.width=o.width,r.height=o.height,r.max_width=o.max_width,r.max_height=o.max_height,r.display=o.display,r.border_radius=o.border_radius,r.overflow=o.overflow,r.box_shadow=o.box_shadow,t.type&&"modal"!==t.type||(r.max_width="80%",r.max_height="95%"),"fullscreen"===n&&(r.width="100%",r.height="100%",r.max_width="100%",r.max_height="100%"),"bar"===t.type&&(r.width=o.width||"100%",r.max_width="100%"),r}render(){if(!this.props.t)return null;if(!this.state.cssready)return null;if(!this.state.imageReady)return null;if(!this.state.fontReady)return null;if(this.state.close)return null;let t=i.A.get(this.props.plugin,"popup",{}),e=i.A.get(t,`pages.${this.getPageIndex()}`);if(!e)return null;let n=Object.assign({},this.props.mobile&&e.mobile_style||e.style),o=this.calculateContainerCss(t,e),r="",s=i.A.get(this.props.plugin,"popup.position","center");"center"!==s&&s||(r="zoomInCenter",this.state.closeAnimation&&(r="zoomOutCenter")),"bottom-left"!==s&&"bottom-right"!==s||(r="fadeInUpBig"),"top-left"!==s&&"top-right"!==s||(r="fadeInDown"),"top-center"===s&&(r="fadeInDownCenter"),"middle-left"===s&&(r="fadeInLeftBig"),"middle-right"===s&&(r="fadeInRightBig"),"bottom-center"===s&&(r="fadeInUpCenter");let a=i.A.get(e,"layout");this.props.mobile&&(a=i.A.get(e,"mobile_layout"));let p={display:n.display,align_items:n.align_items,justify_content:n.justify_content,padding_top:n.padding_top,padding_left:n.padding_left,padding_right:n.padding_right,padding_bottom:n.padding_bottom,background:n.background||t.background||"#fff",border:n.border,overflow:"row"===a?"auto":"",max_height:"row"===a?"100%":"",min_height:"row"===a?"100%":""},u={overflow:"column"===a?"auto":"",max_height:"column"===a?"100%":"",width:"100%",position:"relative",padding_top:n.margin_top,padding_left:n.margin_left,padding_right:n.margin_right,padding_bottom:n.margin_bottom};"padding"===this.props.highlight&&(u.background="#bad14a87",p.background="#ff3d006e");let c="position: fixed !important;";this.props.plugin._preview&&(c="position: absolute !important;"),t.overlay&&(c+=" background: #000c !important;");let d=i.A.map(e.components,((t,e)=>{if("image"===t.type)return this.renderImageComponent(t,e)}));return i.A.filter(e.components,(t=>"image"!==t.type)).length||(p.background="transparent",p.padding_top="0",p.padding_bottom="0",p.padding_left="0",p.padding_right="0"),(0,l.h)("div",{class:"overlay",style:c},(0,l.h)("div",{class:r,style:this.js2css(o),onClick:t=>t.stopPropagation()},this.renderCloseButton(),(0,l.h)("div",{style:this.js2css(u),onClick:t=>this.onButtonClick(t,"background")},d,(0,l.h)("div",{style:this.js2css(p),form:!0},this.renderComponents(e)))))}}},9459:t=>{t.exports=function(){if(!t)var t={};var e=function(){function t(t,e){for(var n=0;n<e.length;n++){var i=e[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(e,n,i){return n&&t(e.prototype,n),i&&t(e,i),e}}();return t.exports=function(t){var n=t.DOM,i=(t.Animation.animate,t.Extension),o=t.Date.performance,r=t.View,s=r.rooter,a=r.destroyer,l=r.drawer,p=r.updater,u=r.styler,c=i.getExtension(i.Type.EASING_FUNCTION,"ease-out-cubic"),d=i.getExtension(i.Type.EASING_FUNCTION,"ease-out-sine"),f=function(t){if(t.isInitialValue()){t.root.textContent="",t.spacer=n.create("span","tick-flip-spacer"),t.root.appendChild(t.spacer);var e=n.create("span","tick-flip-shadow-top tick-flip-shadow tick-flip-front"),r=n.create("span","tick-flip-shadow-bottom tick-flip-shadow tick-flip-back");t.root.appendChild(e),t.root.appendChild(r),t.shadowCard=n.create("span","tick-flip-card-shadow"),t.root.appendChild(t.shadowCard)}if(t.spacer.textContent=t.value,t.isInitialValue()||n.visible(t.root)){var s=t.cards[t.cards.length-1];if(s&&(s.waiting=!1,s.offset=o(),s.back=t.value),t.isInitialValue()){var a=new h;a.back=t.value,a.offset=null,a.progress=1,t.root.insertBefore(a.root,t.root.firstChild),t.cards.push(a)}var l=new h;if(l.offset=null,l.progress=0,l.visual_progress=0,l.waiting=!0,l.front=t.value,l.rotate(0),t.root.insertBefore(l.root,t.root.firstChild),t.cards.push(l),!t.animating){t.animating=!0;var p=i.getExtension(i.Type.EASING_FUNCTION,t.style.flipEasing);!function e(){var i=t.cards.filter((function(t){return!t.done&&!t.waiting}));if(0!==i.length){i.forEach((function(e){null!==e.offset&&(e.progress=(o()-e.offset)/t.style.flipDuration),e.progress>=1&&(e.progress=1,e.done=!0),e.visual_progress=p(e.progress)})),i.reverse().forEach((function(t,e){var n=i[e-1];n&&t.visual_progress<=n.visual_progress&&(t.visual_progress=n.visual_progress+.01)})),i.reverse(),t.cards.forEach((function(e,n){var i=1-2*Math.abs(e.visual_progress-.5),o=1-(e.visual_progress-.5)/.5;e.shadowFront=i,e.highlightBack=o;var r=t.cards[n+1];r&&e.visual_progress>.5&&e.visual_progress>0&&(e.shadowBack=c(r.visual_progress))})),i.forEach((function(t,e){var n=t.visual_progress;n>.5&&!t.done?t.root.style.setProperty("z-index",10+e,"important"):t.root.style.removeProperty("z-index"),t.rotate(-180*n)}));var r=0,s=1;i.forEach((function(t){var e=Math.abs(t.visual_progress-.5);e<s&&(s=e,r=t.visual_progress)}));var a=d(r<.5?r/.5:(1-r)/.5);t.shadowCard.style.setProperty("opacity",a,"important"),n.transform(t.shadowCard,"scaleY",a),t.cards.filter((function(t){return t.done})).slice(0,-1).forEach((function(e){t.cards=t.cards.filter((function(t){return t!==e})),e.root.parentNode&&t.root.removeChild(e.root)})),requestAnimationFrame(e)}else t.animating=!1}()}}else t.cards.forEach((function(e){e.back=t.value,e.front=t.value}))},h=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this._root=n.create("span","tick-flip-card");var e=n.create("span","tick-flip-panel-front tick-flip-front tick-flip-panel"),i=n.create("span","tick-flip-panel-front-text"),o=n.create("span","tick-flip-panel-text-wrapper");i.appendChild(o);var r=n.create("span","tick-flip-panel-front-shadow");e.appendChild(i),e.appendChild(r);var s=n.create("span","tick-flip-panel-back tick-flip-back tick-flip-panel"),a=n.create("span","tick-flip-panel-back-text"),l=n.create("span","tick-flip-panel-text-wrapper");a.appendChild(l);var p=n.create("span","tick-flip-panel-back-highlight"),u=n.create("span","tick-flip-panel-back-shadow");s.appendChild(a),s.appendChild(p),s.appendChild(u),this._root.appendChild(e),this._root.appendChild(s),this._front=e,this._back=s,this._shadowFront=r,this._shadowBack=u,this._highlightBack=p,this._textBack=l,this._textFront=o,this._frontValue=null,this._backValue=null}return e(t,[{key:"rotate",value:function(t){this._front.style.setProperty("transform","rotateX("+t+"deg)","important"),this._back.style.setProperty("transform","rotateX("+(-180+t)+"deg)","important")}},{key:"root",get:function(){return this._root}},{key:"front",set:function(t){this._frontValue=t,this._textFront.textContent=t},get:function(){return this._frontValue}},{key:"back",set:function(t){this._backValue=t,this._textBack.textContent=t},get:function(){return this._backValue}},{key:"highlightBack",set:function(t){this._highlightBack.style.setProperty("opacity",t,"important")}},{key:"shadowBack",set:function(t){this._shadowBack.style.setProperty("opacity",t,"important")}},{key:"shadowFront",set:function(t){this._shadowFront.style.setProperty("opacity",t,"important")}}]),t}();return function(t){var e={cards:[],lastCard:null,initialCard:null,shadowAbove:null,shadowBelow:null,shadowCard:null,currentValue:null,lastValue:null,front:null,back:null};return Object.assign({},s(e,t,"flip"),p(e),u(e,{flipDuration:800,flipEasing:"ease-out-bounce"}),l(e,f),a(e))}},t.exports.identifier={name:"flip",type:"view"},t.exports}()},4707:(t,e,n)=>{t.exports=n.p+"assets/img/Facebook.64607ec.png"},2931:(t,e,n)=>{t.exports=n.p+"assets/img/Zalo.6845707.png"},8271:(t,e,n)=>{t.exports=n.p+"assets/img/fb_inverse_circle.36c2cfc.png"}}]);
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[27],{8027:(n,t,o)=>{o.r(t),o.d(t,{default:()=>r});const r=o(9688)},9688:(n,t,o)=>{o.r(t),o.d(t,{default:()=>a});var r=o(6314),e=o.n(r)()((function(n){return n[1]}));e.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/v25/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/v25/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/v25/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/v27/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/v27/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/v27/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/v27/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/v27/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/v27/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/v32/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/v32/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/v32/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/v26/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/v26/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/v26/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/v26/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/v26/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/v26/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/v26/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/v26/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/v26/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/v26/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: italic;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 300;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 400;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 500;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n font-family: 'Roboto';\n font-style: normal;\n font-weight: 700;\n font-display: swap;\n src: url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlvAw.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/v25/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/v25/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/v25/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/v25/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/v22/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n all: unset !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\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 .tick {\n box-sizing: border-box !important;\n -webkit-user-select: none !important;\n -moz-user-select: none !important;\n -ms-user-select: none !important;\n user-select: none !important;\n cursor: default !important;\n position: relative !important;\n z-index: 1 !important;\n line-height: 1.4 !important;\n}\n#sbz92 .tick [data-view] {\n max-width: 100% !important;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block !important;\n}\n#sbz92 .tick-flip {\n position: relative !important;\n text-align: center !important;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n#sbz92 .tick-flip-spacer {\n display: block !important;\n visibility: hidden !important;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute !important;\n left: 1px !important;\n right: 1px !important;\n top: 1px !important;\n bottom: 1px !important;\n color: transparent !important;\n -webkit-text-fill-color: transparent !important;\n background: transparent !important !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px) !important;\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px) !important;\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute !important;\n left: 0.15em !important;\n right: 0.15em !important;\n bottom: 0.125em !important;\n height: 0.5em !important;\n background-color: transparent !important;\n border-radius: 0 !important;\n opacity: 0 !important;\n -webkit-transform-origin: 0 100% !important;\n transform-origin: 0 100% !important;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75) !important;\n z-index: 0 !important;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0 !important;\n position: absolute !important;\n z-index: 1 !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n -webkit-perspective: 4em !important;\n perspective: 4em !important;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute !important;\n left: 0 !important;\n width: 100% !important;\n height: 51% !important;\n -webkit-backface-visibility: hidden !important;\n backface-visibility: hidden !important;\n -webkit-transform-style: preserve-3d !important;\n transform-style: preserve-3d !important;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em !important;\n border-top-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em !important;\n border-bottom-right-radius: 0.125em !important;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute !important;\n left: -1px !important;\n top: 0 !important;\n right: -1px !important;\n height: 100% !important;\n overflow: hidden !important;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n height: 100% !important;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200% !important;\n top: -100% !important;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom !important;\n transform-origin: center bottom !important;\n top: 0 !important;\n z-index: 2 !important;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05) !important;\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top !important;\n transform-origin: center top !important;\n top: 50% !important;\n z-index: 1 !important;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1 !important;\n content: '' !important;\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n width: 100% !important;\n height: 100% !important;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2 !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute !important;\n left: 0 !important;\n top: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n opacity: 0 !important;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3)) !important;\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5)) !important;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3)) !important;\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none !important;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0 !important;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em !important;\n margin-right: 0.0625em !important;\n min-width: 1.125em !important;\n border-radius: 0.125em !important;\n letter-spacing: 0.25em !important;\n text-indent: 0.25em !important;\n}\n#sbz92 .tick-flip-panel {\n color: white !important;\n -webkit-text-fill-color: white !important;\n background-color: #444 !important;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25) !important;\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut !important;\n animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig !important;\n animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig !important;\n animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter !important;\n transform-origin: top left !important;\n animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter !important;\n transform-origin: top left !important;\n animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s !important;\n animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s !important;\n animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s !important;\n animation-name: bounceIn !important;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2' !important;\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .overlay {\n position: absolute !important;\n user-select: none !important;\n top: 0 !important;\n left: 0 !important;\n bottom: 0 !important;\n right: 0 !important;\n z-index: 20000000000100 !important;\n overflow: hidden !important;\n}\n#sbz92 .btn_close {\n padding: 0 !important;\n right: 10px !important;\n top: 10px !important;\n position: absolute !important;\n z-index: 10 !important;\n cursor: pointer !important;\n transition: background-color 0.2s ease-out !important;\n height: 30px !important;\n padding-top: 4px !important;\n padding-left: 4px !important;\n width: 30px !important;\n border-radius: 50% !important;\n background-color: #00000088 !important;\n opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8 !important;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white !important;\n}\n#sbz92 .btn_close__icon {\n height: 22px !important;\n width: 22px !important;\n border: 0px !important;\n}\n#sbz92 .btn {\n cursor: pointer !important;\n padding: '@spacer' !important;\n outline: 0 !important;\n border: 0px !important;\n font-family: '@font_family' !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n text-align: center !important;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer' !important;\n background: transparent !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold !important;\n transition: background 200ms ease-out !important;\n padding-left: '@spacer3' !important;\n padding-right: '@spacer3' !important;\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1) !important;\n background: '@text_color' !important;\n}\n#sbz92 .form {\n display: block !important;\n}\n#sbz92 .form-control {\n outline: 0 none !important;\n width: 100% !important;\n font-size: '@font_size' !important;\n}\n#sbz92 .form-label {\n user-select: none !important;\n margin-bottom: '@spacer0' !important;\n font-family: '@font_family' !important;\n font-size: '@font_size' !important;\n}\n#sbz92 select {\n width: 100% !important;\n border: 0 !important;\n border-radius: 0 !important;\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0 !important;\n}\n#sbz92 select.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 select.bold {\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n padding: '@spacer0' 0 !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 50% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '' !important;\n background-color: '@text_color' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px !important;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px !important;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color' !important;\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer !important;\n margin-bottom: '@spacer' !important;\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0 !important;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color' !important;\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none !important;\n font-size: '@font_size' !important;\n display: flex !important;\n align-items: center !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding-left: '@spacer2' !important;\n position: relative !important;\n padding: 0 0 0 '@spacer3' !important;\n min-height: 16px !important;\n word-wrap: break-word !important;\n word-break: normal !important;\n height: '@spacer2' !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color' !important;\n border-radius: 10% !important;\n content: '' !important;\n width: '@spacer2' !important;\n height: '@spacer2' !important;\n top: 0 !important;\n position: absolute !important;\n left: 0 !important;\n display: block !important;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '' !important;\n border-radius: 50% !important;\n width: 10px !important;\n height: 10px !important;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>') !important;\n left: calc('@spacer' - 5px) !important;\n top: calc('@spacer' - 5px) !important;\n will-change: transform !important;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955) !important;\n transform: scale(0, 0) !important;\n position: absolute !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1) !important;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent !important;\n padding: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n border-radius: 4px !important;\n background-color: rgba(57, 57, 57, 0.1) !important;\n font-family: '@font_family' !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0 !important;\n border: none !important;\n border-bottom: solid 3px '@faded_text_color' !important;\n border-radius: 0 !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer' !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px !important;\n padding-top: 13px !important;\n border: 1px solid '@faded_text_color' !important;\n border-radius: 4px !important;\n background-color: transparent !important;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color' !important;\n}\n#sbz92 .form-control__text_container {\n position: relative !important;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute !important;\n z-index: 10 !important;\n line-height: 1 !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n left: 10px !important;\n transform: translateY(-50%) !important;\n background-color: #fff !important;\n padding: 0 5px !important;\n}\n#sbz92 .field {\n margin-bottom: 20px !important;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n opacity: 0.4 !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden !important;\n position: absolute !important;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards !important;\n}\n#sbz92 .countdown {\n display: flex !important;\n width: 100% !important;\n margin-top: '@spacer' !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_group {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n text-transform: uppercase !important;\n font-size: small !important;\n margin-top: 5px !important;\n font-family: '@font_family' !important;\n}\n#sbz92 .countdown_electric {\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px !important;\n padding: 1rem !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n background-color: black !important;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer' !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n font-size: '@font_size' !important;\n font-family: '@font_family' !important;\n text-transform: uppercase !important;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex !important;\n}\n#sbz92 .countdown_electric_number {\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .text__danger {\n color: #ff5722 !important;\n -webkit-text-fill-color: #ff5722 !important;\n}\n#sbz92 .social_buttons {\n display: flex !important;\n align-items: center !important;\n}\n#sbz92 .social_button {\n filter: brightness(1) !important;\n cursor: pointer !important;\n margin-right: 10px !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9) !important;\n}\n#sbz92 .social_button__img {\n width: 32px !important;\n height: 32px !important;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0 !important;\n max-width: 100% !important;\n cursor: pointer !important;\n filter: brightness(1) !important;\n padding: 7px 15px !important;\n border-radius: 3px !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n background: #1877f2 !important;\n font-family: '@font_family' !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n transition: filter 150ms ease-out !important;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85) !important;\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block !important;\n margin-right: 10px !important;\n width: 20px !important;\n height: 20px !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n#sbz92 {\n z-index: 2000000100 !important;\n /* Handle on hover */\n /*\n * @pqina/flip v1.7.7 - A Beautifully Animated Flip Clock\n * Copyright (c) 2020 PQINA - https://pqina.nl/flip/\n */\n /**\n * Layout\n */\n /**\n * Card\n */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500;\n}\n#sbz92 a {\n color: #020202;\n text-decoration: none;\n background-color: transparent;\n}\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 .tick {\n box-sizing: border-box;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n cursor: default;\n position: relative;\n z-index: 1;\n line-height: 1.4;\n}\n#sbz92 .tick [data-view] {\n max-width: 100%;\n}\n#sbz92 .tick span[data-view] {\n display: inline-block;\n}\n#sbz92 .tick-flip {\n position: relative;\n text-align: center;\n}\n#sbz92 .tick-flip-front {\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n}\n#sbz92 .tick-flip-back {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n}\n#sbz92 .tick-flip-spacer {\n display: block;\n visibility: hidden;\n}\n#sbz92 .tick-flip-shadow {\n position: absolute;\n left: 1px;\n right: 1px;\n top: 1px;\n bottom: 1px;\n color: transparent;\n -webkit-text-fill-color: transparent;\n background: transparent !important;\n}\n#sbz92 .tick-flip-shadow-top {\n bottom: calc(50% - 1px);\n}\n#sbz92 .tick-flip-shadow-bottom {\n top: calc(50% + 1px);\n}\n#sbz92 .tick-flip-card-shadow {\n position: absolute;\n left: 0.15em;\n right: 0.15em;\n bottom: 0.125em;\n height: 0.5em;\n background-color: transparent;\n border-radius: 0;\n opacity: 0;\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.5), 0 0.125em 0.5em rgba(0, 0, 0, 0.75);\n z-index: 0;\n}\n#sbz92 .tick-flip-card {\n border-radius: 0;\n position: absolute;\n z-index: 1;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n -webkit-perspective: 4em;\n perspective: 4em;\n}\n#sbz92 .tick-flip-panel-front,\n#sbz92 .tick-flip-panel-back {\n position: absolute;\n left: 0;\n width: 100%;\n height: 51%;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -webkit-transform-style: preserve-3d;\n transform-style: preserve-3d;\n}\n#sbz92 .tick-flip-panel-front {\n border-top-left-radius: 0.125em;\n border-top-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-back,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n border-bottom-left-radius: 0.125em;\n border-bottom-right-radius: 0.125em;\n}\n#sbz92 .tick-flip-panel-front-text,\n#sbz92 .tick-flip-panel-back-text {\n position: absolute;\n left: -1px;\n top: 0;\n right: -1px;\n height: 100%;\n overflow: hidden;\n}\n#sbz92 .tick-flip-panel-text-wrapper {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n height: 100%;\n}\n#sbz92 .tick-flip-panel-back-text .tick-flip-panel-text-wrapper {\n height: 200%;\n top: -100%;\n}\n#sbz92 .tick-flip-panel-front {\n -webkit-transform-origin: center bottom;\n transform-origin: center bottom;\n top: 0;\n z-index: 2;\n box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);\n}\n#sbz92 .tick-flip-panel-back {\n -webkit-transform-origin: center top;\n transform-origin: center top;\n top: 50%;\n z-index: 1;\n box-shadow: inset 0 -1px rgba(0, 0, 0, 0.1);\n}\n#sbz92 .tick-flip-panel-back::after {\n z-index: 1;\n content: '';\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 1px, transparent 30%);\n}\n#sbz92 .tick-flip-panel-back-shadow {\n z-index: 2;\n}\n#sbz92 .tick-flip-panel-back-highlight {\n z-index: 3;\n}\n#sbz92 .tick-flip-panel-front-shadow,\n#sbz92 .tick-flip-panel-back-shadow,\n#sbz92 .tick-flip-panel-back-highlight {\n position: absolute;\n left: 0;\n top: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n#sbz92 .tick-flip-panel-front-shadow {\n background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n background-image: linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.3));\n}\n#sbz92 .tick-flip-panel-back-shadow {\n background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.5));\n}\n#sbz92 .tick-flip-panel-back-highlight {\n background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.3));\n}\n#sbz92 .tick [data-style*='shadow:inner'],\n#sbz92 .tick [data-style*='shadow:inner'] .tick-flip-card-shadow {\n box-shadow: none;\n}\n#sbz92 .tick [data-style*='rounded:none'] {\n border-radius: 0;\n}\n#sbz92 .tick-flip {\n margin-left: 0.0625em;\n margin-right: 0.0625em;\n min-width: 1.125em;\n border-radius: 0.125em;\n letter-spacing: 0.25em;\n text-indent: 0.25em;\n}\n#sbz92 .tick-flip-panel {\n color: white;\n -webkit-text-fill-color: white;\n background-color: #444;\n}\n#sbz92 .tick-flip-shadow {\n box-shadow: 0 0.125em 0.3125em rgba(0, 0, 0, 0.25), 0 0.02125em 0.06125em rgba(0, 0, 0, 0.25);\n}\n@keyframes fadeOut {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}\n#sbz92 .fadeOut {\n animation-name: fadeOut;\n animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n from {\n opacity: 0;\n transform: translate3d(0, -2000px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInDownCenter {\n animation-name: fadeInDownCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0) translateX(-50%);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0) translateX(-50%);\n }\n}\n#sbz92 .fadeInUpCenter {\n animation-name: fadeInUpCenter;\n animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n from {\n opacity: 0;\n transform: translate3d(0, -1000px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInDown {\n animation-name: fadeInDown;\n animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n from {\n opacity: 0;\n transform: translate3d(0, 400px, 0);\n }\n to {\n opacity: 1;\n transform: translate3d(0, 0, 0);\n }\n}\n#sbz92 .fadeInUpBig {\n animation-name: fadeInUpBig;\n animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInRightBig {\n animation-name: fadeInRightBig;\n animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n from {\n opacity: 0;\n transform: translateY(-50%) translateX(-200px);\n }\n to {\n opacity: 1;\n transform: translateY(-50%) translateX(0px);\n }\n}\n#sbz92 .fadeInLeftBig {\n animation-name: fadeInLeftBig;\n animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomIn {\n animation-name: zoomIn;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n from {\n opacity: 1;\n }\n 80% {\n opacity: 0.7;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n}\n#sbz92 .zoomOutCenter {\n animation-name: zoomOutCenter;\n transform-origin: top left;\n animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n from {\n opacity: 0.3;\n transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n }\n 50% {\n opacity: 1;\n }\n}\n#sbz92 .zoomInCenter {\n animation-name: zoomInCenter;\n transform-origin: top left;\n animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n 0% {\n transform: scaleY(1);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n}\n#sbz92 .zoomDownYX {\n animation-duration: 0.5s;\n animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n 0% {\n transform: scaleY(0.01) scaleX(0) scaleZ(0);\n }\n 50% {\n transform: scaleY(0.01) scaleZ(1);\n }\n 100% {\n transform: scaleY(1);\n }\n}\n#sbz92 .zoomUpYX {\n animation-duration: 0.5s;\n animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n from,\n 20%,\n 40%,\n 60%,\n 80%,\n to {\n animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n }\n 0% {\n opacity: 0;\n transform: scale3d(0.3, 0.3, 0.3);\n }\n 20% {\n transform: scale3d(1.1, 1.1, 1.1);\n }\n 40% {\n transform: scale3d(0.9, 0.9, 0.9);\n }\n 60% {\n opacity: 1;\n transform: scale3d(1.03, 1.03, 1.03);\n }\n 80% {\n transform: scale3d(0.97, 0.97, 0.97);\n }\n to {\n opacity: 1;\n transform: scale3d(1, 1, 1);\n }\n}\n#sbz92 .bounceIn {\n animation-duration: 0.5s;\n animation-name: bounceIn;\n}\n@keyframes shake {\n 0% {\n transform: skewX(-15deg);\n }\n 5% {\n transform: skewX(15deg);\n }\n 10% {\n transform: skewX(-15deg);\n }\n 15% {\n transform: skewX(15deg);\n }\n 20% {\n transform: skewX(0deg);\n }\n 100% {\n transform: skewX(0deg);\n }\n}\n#sbz92 .popup_component {\n margin-bottom: '@spacer2';\n}\n#sbz92 .popup_component:last-child {\n margin-bottom: 0;\n}\n#sbz92 .overlay {\n position: absolute;\n user-select: none;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n z-index: 20000000000100;\n overflow: hidden;\n}\n#sbz92 .btn_close {\n padding: 0;\n right: 10px;\n top: 10px;\n position: absolute;\n z-index: 10;\n cursor: pointer;\n transition: background-color 0.2s ease-out;\n height: 30px;\n padding-top: 4px;\n padding-left: 4px;\n width: 30px;\n border-radius: 50%;\n background-color: #00000088;\n opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n opacity: 0.8;\n}\n#sbz92 .btn_close .btn_close__icon {\n stroke: white;\n}\n#sbz92 .btn_close__icon {\n height: 22px;\n width: 22px;\n border: 0px;\n}\n#sbz92 .btn {\n cursor: pointer;\n padding: '@spacer';\n outline: 0;\n border: 0px;\n font-family: '@font_family';\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: center;\n}\n#sbz92 .btn.btn__secondary {\n padding: '@spacer';\n background: transparent;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n}\n#sbz92 .btn.btn__primary {\n font-weight: bold;\n transition: background 200ms ease-out;\n padding-left: '@spacer3';\n padding-right: '@spacer3';\n}\n#sbz92 .btn.btn__primary:hover {\n filter: invert(0.1);\n background: '@text_color';\n}\n#sbz92 .form {\n display: block;\n}\n#sbz92 .form-control {\n outline: 0 none;\n width: 100%;\n font-size: '@font_size';\n}\n#sbz92 .form-label {\n user-select: none;\n margin-bottom: '@spacer0';\n font-family: '@font_family';\n font-size: '@font_size';\n}\n#sbz92 select {\n width: 100%;\n border: 0;\n border-radius: 0;\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 select:hover,\n#sbz92 select:focus {\n border-color: '@text_color';\n}\n#sbz92 select:focus,\n#sbz92 select:active {\n outline: 0;\n}\n#sbz92 select.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.classic:hover,\n#sbz92 select.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 select.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.simple:hover,\n#sbz92 select.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 select.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 select.vintage:hover,\n#sbz92 select.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 select.bold {\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n padding: '@spacer0' 0;\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 select.bold:hover,\n#sbz92 select.bold:focus,\n#sbz92 select.bold:active {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__select.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__select.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__select.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__select.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__select:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__select:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__select span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__select span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 50%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__select span::after {\n content: '';\n background-color: '@text_color';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__select input[type='radio']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__check.light span:before {\n border: 1px solid transparent;\n background-color: rgba(57, 57, 57, 0.1);\n}\n#sbz92 .form-control.form-control__check.light:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.bold input:checked + span:before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.bold:first-item {\n margin-top: 10px;\n}\n#sbz92 .form-control.form-control__check.classic span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.classic:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:nth-child(2) {\n margin-top: 5px;\n}\n#sbz92 .form-control.form-control__check.vintage span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.vintage:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check.simple span:before {\n border: 1px solid '@faded_text_color';\n}\n#sbz92 .form-control.form-control__check.simple:hover span::before {\n border: 1px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check {\n cursor: pointer;\n margin-bottom: '@spacer';\n}\n#sbz92 .form-control.form-control__check:last-child {\n margin-bottom: 0;\n}\n#sbz92 .form-control.form-control__check:hover span::before {\n border: 3px solid '@text_color';\n}\n#sbz92 .form-control.form-control__check span {\n user-select: none;\n font-size: '@font_size';\n display: flex;\n align-items: center;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n padding-left: '@spacer2';\n position: relative;\n padding: 0 0 0 '@spacer3';\n min-height: 16px;\n word-wrap: break-word;\n word-break: normal;\n height: '@spacer2';\n font-family: '@font_family';\n}\n#sbz92 .form-control.form-control__check span::before {\n border: 3px solid '@faded_text_color';\n border-radius: 10%;\n content: '';\n width: '@spacer2';\n height: '@spacer2';\n top: 0;\n position: absolute;\n left: 0;\n display: block;\n}\n#sbz92 .form-control.form-control__check span::after {\n content: '';\n border-radius: 50%;\n width: 10px;\n height: 10px;\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 12\" fill=\"none\" stroke=\"rgba(54,61,77)\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"3\"><path fill=\"none\" d=\"M2.11 5.56l2.83 2.83 4.95-4.95\"/></svg>');\n left: calc('@spacer' - 5px);\n top: calc('@spacer' - 5px);\n will-change: transform;\n transition: all 100ms cubic-bezier(0.455, 0.03, 0.515, 0.955);\n transform: scale(0, 0);\n position: absolute;\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:after {\n transform: scale(1, 1);\n}\n#sbz92 .form-control.form-control__check input[type='checkbox']:checked + span:before {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text {\n border: solid 1px transparent;\n padding: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n border-radius: 4px;\n background-color: rgba(57, 57, 57, 0.1);\n font-family: '@font_family';\n transition: all 150ms ease-out;\n}\n#sbz92 .form-control.form-control__text:hover,\n#sbz92 .form-control.form-control__text:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.bold {\n padding: '@spacer0' 0;\n border: none;\n border-bottom: solid 3px '@faded_text_color';\n border-radius: 0;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.bold:hover,\n#sbz92 .form-control.form-control__text.bold:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.classic {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.classic:hover,\n#sbz92 .form-control.form-control__text.classic:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.simple {\n padding: '@spacer';\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.simple:hover,\n#sbz92 .form-control.form-control__text.simple:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control.form-control__text.vintage {\n padding: '@spacer' 15px;\n padding-top: 13px;\n border: 1px solid '@faded_text_color';\n border-radius: 4px;\n background-color: transparent;\n}\n#sbz92 .form-control.form-control__text.vintage:hover,\n#sbz92 .form-control.form-control__text.vintage:focus {\n border-color: '@text_color';\n}\n#sbz92 .form-control__text_container {\n position: relative;\n}\n#sbz92 .form-control_inside_label.form-label {\n position: absolute;\n z-index: 10;\n line-height: 1;\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n left: 10px;\n transform: translateY(-50%);\n background-color: #fff;\n padding: 0 5px;\n}\n#sbz92 .field {\n margin-bottom: 20px;\n}\n#sbz92 .form-control::placeholder {\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n opacity: 0.4;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n visibility: hidden;\n position: absolute;\n}\n#sbz92 .text__shake {\n animation: 2s shake normal forwards;\n}\n#sbz92 .countdown {\n display: flex;\n width: 100%;\n margin-top: '@spacer';\n justify-content: space-between;\n}\n#sbz92 .countdown_group {\n display: flex;\n flex-direction: column;\n align-items: center;\n}\n#sbz92 .countdown_label {\n margin-bottom: '@spacer';\n color: '@text_color';\n -webkit-text-fill-color: '@text_color';\n text-transform: uppercase;\n font-size: small;\n margin-top: 5px;\n font-family: '@font_family';\n}\n#sbz92 .countdown_electric {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n#sbz92 .countdown_electric_group {\n border-radius: 5px;\n padding: 1rem;\n display: flex;\n flex-direction: column;\n align-items: center;\n background-color: black;\n}\n#sbz92 .countdown_electric_label {\n margin-bottom: '@spacer';\n color: white;\n -webkit-text-fill-color: white;\n font-size: '@font_size';\n font-family: '@font_family';\n text-transform: uppercase;\n}\n#sbz92 .countdown_electric_numbers {\n display: flex;\n}\n#sbz92 .countdown_electric_number {\n color: white;\n -webkit-text-fill-color: white;\n}\n#sbz92 .text__danger {\n color: #ff5722;\n -webkit-text-fill-color: #ff5722;\n}\n#sbz92 .social_buttons {\n display: flex;\n align-items: center;\n}\n#sbz92 .social_button {\n filter: brightness(1);\n cursor: pointer;\n margin-right: 10px;\n transition: filter 150ms ease-out;\n}\n#sbz92 .social_button:hover {\n filter: brightness(0.9);\n}\n#sbz92 .social_button__img {\n width: 32px;\n height: 32px;\n}\n#sbz92 .follow_fb_btn {\n margin: '@spacer' 0;\n max-width: 100%;\n cursor: pointer;\n filter: brightness(1);\n padding: 7px 15px;\n border-radius: 3px;\n color: white;\n -webkit-text-fill-color: white;\n background: #1877f2;\n font-family: '@font_family';\n display: flex;\n align-items: center;\n justify-content: center;\n transition: filter 150ms ease-out;\n}\n#sbz92 .follow_fb_btn:hover {\n filter: brightness(0.85);\n}\n#sbz92 .follow_fb_btn__img {\n display: inline-block;\n margin-right: 10px;\n width: 20px;\n height: 20px;\n}\n",""]);const a=e},6314:n=>{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 a=0;a<this.length;a++){var i=this[a][0];null!=i&&(e[i]=!0)}for(var s=0;s<n.length;s++){var l=[].concat(n[s]);r&&e[l[0]]||(o&&(l[2]?l[2]="".concat(o," and ").concat(l[2]):l[2]=o),t.push(l))}},t}}}]);
@@ -0,0 +1 @@
1
+ (self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[278],{9278:(t,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>i});const i=o(8113)},8113:(t,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>_t});var i=o(6314),r=o.n(i),a=o(4417),e=o.n(a),p=o(5007),m=o.n(p),d=o(2729),l=o.n(d),s=o(1389),b=o.n(s),c=o(9658),g=o.n(c),x=o(3284),f=o.n(x),u=o(8226),h=o.n(u),z=o(6129),w=o.n(z),k=o(2420),y=o.n(k),_=o(7987),v=o.n(_),I=o(102),C=o.n(I),D=o(4681),j=o.n(D),M=o(2338),Z=o.n(M),H=o(1196),N=o.n(H),E=o(4777),P=o.n(E),S=o(7435),W=o.n(S),A=o(4865),L=o.n(A),B=o(6501),G=o.n(B),T=o(9521),V=o.n(T),J=o(7698),U=o.n(J),R=o(8362),Y=o.n(R),F=o(3970),X=o.n(F),Q=o(8268),O=o.n(Q),q=o(6120),K=o.n(q),$=r()((function(t){return t[1]})),tt=e()(m()),nt=e()(l()),ot=e()(b()),it=e()(g()),rt=e()(f()),at=e()(h()),et=e()(w()),pt=e()(y()),mt=e()(v()),dt=e()(C()),lt=e()(j()),st=e()(Z()),bt=e()(N()),ct=e()(P()),gt=e()(W()),xt=e()(L()),ft=e()(G()),ut=e()(V()),ht=e()(U()),zt=e()(Y()),wt=e()(X()),kt=e()(O()),yt=e()(K());$.push([t.id,"#sbz92 * {\n all: unset !important;\n}\n.sbz_no_scroll {\n overflow: hidden !important;\n overflow-x: hidden !important;\n overflow-y: hidden !important;\n}\n#sbz92 {\n /* Handle on hover */\n /*\n[data-tooltip]::after {\n\ttext-align: center;\n\tmin-width: 60px;\n\tmax-width: 350px;\n\n\ttransform: translate3d(0, 0, 0);\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity @tooltip-transition-duration @tooltip-transition-easing @tooltip-transition-delay;\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tz-index: @z-index + 2000;\n\ttransform-origin: top;\n\twhite-space: pre-wrap;\n\twidth: 100%;\n\n\tbackground: @black;\n\tborder-radius: 5px;\n\n\t.color(@white);\n\n\tcontent: attr(data-tooltip);\n\tfont-size: @tooltip-font-size;\n\tfont-weight: @tooltip-font-weight;\n\ttext-transform: @tooltip-text-transform;\n\tpadding: 0.5em;\n\tbox-sizing: content-box;\n}\n\n[data-tooltip]:hover::after,\n[data-tooltip]:focus::after {\n\topacity: 1;\n\tpointer-events: auto;\n}\n\n// ------------------------------------------------\n// [2] Position Modifiers\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='top']::after {\n\tmargin-bottom: @tooltip-margin;\n\ttransform: translate3d(-50%, -5px, 0);\n\tbottom: 100%;\n\tleft: 50%;\n}\n\n// ------------------------------------------------\n// [2.1] Top Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.2] Top Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.3] Bottom\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='bottom']::after,\n[data-tooltip]:not([data-tooltip-position])::after {\n\ttransform: translate3d(-50%, 0, 0);\n\tmargin-top: @tooltip-margin;\n\tleft: 50%;\n\ttop: 100%;\n}\n\n// ------------------------------------------------\n// [2.4] Bottom Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.5] Bottom Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.6] Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='left']::after {\n\tbottom: auto;\n\tleft: auto;\n\tright: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-right: @tooltip-margin;\n}\n\n// ------------------------------------------------\n// [2.7] Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='right']::after {\n\tbottom: auto;\n\tleft: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-left: @tooltip-margin;\n}\n\n*/\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n font-weight: 500 !important;\n}\n#sbz92 a {\n color: #020202 !important;\n text-decoration: none !important;\n background-color: transparent !important;\n}\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 * {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;\n -webkit-tap-highlight-color: transparent !important;\n font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n font-size: 15px !important;\n -webkit-box-sizing: border-box !important;\n -moz-box-sizing: border-box !important;\n box-sizing: border-box !important;\n margin: 0 !important;\n padding: 0 !important;\n border: 0 !important;\n vertical-align: baseline !important;\n}\n#sbz92 button:focus {\n outline: none !important;\n}\n#sbz92 img {\n overflow: hidden !important;\n flex-shrink: 0 !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n background-size: 100% 100% !important;\n -webkit-user-select: none !important;\n -khtml-user-select: none !important;\n -moz-user-select: none !important;\n -o-user-select: none !important;\n user-select: none !important;\n -webkit-user-drag: none !important;\n}\n#sbz92 .pos-relative {\n position: relative !important;\n}\n#sbz92 .flex-row {\n flex-direction: row !important;\n}\n#sbz92 .flex-column {\n flex-direction: column !important;\n}\n#sbz92 .flex-grow-1 {\n flex-grow: 1 !important;\n}\n#sbz92 .align-self-end {\n align-self: flex-end !important;\n}\n#sbz92 .align-items-end {\n align-items: flex-end !important;\n}\n#sbz92 .text-muted {\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .d-none {\n display: none !important;\n}\n#sbz92 .d-flex {\n display: flex !important;\n}\n#sbz92 .d-inline-block {\n display: inline-block !important;\n}\n#sbz92 .ml-1 {\n margin-left: 3.75px !important;\n}\n#sbz92 .pl-2 {\n padding-left: 7.5px !important;\n}\n#sbz92 .pr-2 {\n padding-right: 7.5px !important;\n}\n#sbz92 .pb-2 {\n padding-bottom: 7.5px !important;\n}\n#sbz92 .mt-1 {\n margin-top: 3.75px !important;\n}\n#sbz92 .mt-2 {\n margin-top: 7.5px !important;\n}\n#sbz92 .ml-2 {\n margin-left: 7.5px !important;\n}\n#sbz92 .mr-2 {\n margin-right: 7.5px !important;\n}\n#sbz92 .pt-3 {\n padding-top: 15px !important;\n}\n#sbz92 .pl-3 {\n padding-left: 15px !important;\n}\n#sbz92 .pr-3 {\n padding-right: 15px !important;\n}\n#sbz92 .pb-3 {\n padding-bottom: 15px !important;\n}\n#sbz92 .mt-3 {\n margin-top: 15px !important;\n}\n#sbz92 .ml-3 {\n margin-left: 15px !important;\n}\n#sbz92 .mr-3 {\n margin-right: 15px !important;\n}\n#sbz92 .mb-3 {\n margin-bottom: 15px !important;\n}\n#sbz92 .mb-2 {\n margin-bottom: 7.5px !important;\n}\n#sbz92 .muted {\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .i {\n font-style: italic !important;\n}\n#sbz92 .align-items-center {\n align-items: center !important;\n}\n#sbz92 .text-truncate {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n}\n#sbz92 .flex_1 {\n flex: 1 !important;\n flex-shrink: 0 !important;\n}\n#sbz92 .justify-content-between {\n justify-content: space-between !important;\n}\n#sbz92 .no-shrink {\n flex-shrink: 0 !important;\n}\n#sbz92 .loading {\n flex: 1 !important;\n align-items: center !important;\n justify-content: center !important;\n display: flex !important;\n flex-direction: column !important;\n background: white !important;\n}\n#sbz92 .avatar-container {\n text-align: center !important;\n}\n#sbz92 .avatar {\n position: relative !important;\n object-fit: cover !important;\n display: inline-block !important;\n}\n#sbz92 .group-avatar--primary .avatar {\n width: 40px !important;\n height: 40px !important;\n border-radius: 35px !important;\n}\n#sbz92 .group-avatar--secondary .avatar {\n position: relative !important;\n width: 35px !important;\n height: 35px !important;\n border-radius: 35px !important;\n}\n#sbz92 .group-avatar--member {\n align-self: center !important;\n width: 65px !important;\n}\n#sbz92 .group-avatar--member .avatar {\n position: relative !important;\n width: 35px !important;\n height: 35px !important;\n border-radius: 35px !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-middle {\n width: 50px !important;\n height: 50px !important;\n margin-left: -10px !important;\n z-index: 3 !important;\n position: relative !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-left {\n z-index: 2 !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-right {\n z-index: 2 !important;\n margin-left: -10px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-left {\n z-index: 3 !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-middle {\n z-index: 2 !important;\n margin-left: -15px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-right {\n z-index: 1 !important;\n margin-left: -15px !important;\n}\n#sbz92 .group-avatar--member .group-avatar--agent-left {\n border: 2px solid #fff !important;\n z-index: 3 !important;\n}\n#sbz92 .group-avatar--member .group-avatar--agent-middle {\n border: 2px solid #fff !important;\n z-index: 2 !important;\n margin-left: -20px !important;\n}\n#sbz92 .group-avatar--member .group-avatar--agent-right {\n border: 2px solid #fff !important;\n z-index: 1 !important;\n margin-left: -20px !important;\n}\n#sbz92 .widget-header {\n z-index: -1 !important;\n position: relative !important;\n border-radius: 15px 15px 0px 0px !important;\n background: '@background' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n display: none !important;\n margin: 0 10px 10px 0 !important;\n background: #ef000d !important;\n font-weight: 400 !important;\n display: flex !important;\n border-radius: 5px !important;\n justify-content: center !important;\n width: 20px !important;\n height: 20px !important;\n cursor: pointer !important;\n position: relative !important;\n top: 5px !important;\n}\n#sbz92 .widget-header--collapsed {\n height: auto !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n height: auto !important;\n padding: 15px !important;\n position: relative !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n font-size: 16px !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n font-size: 14px !important;\n white-space: pre-wrap !important;\n opacity: 0.8 !important;\n flex: 1 !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n margin-top: 2.5px !important;\n position: relative !important;\n}\n#sbz92 .mobile .widget-header {\n border-radius: 0px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded {\n height: 224px !important;\n padding: 15px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--top-wrapper {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n margin-bottom: 10px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--avatar-wrapper {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--title {\n white-space: nowrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n flex: 1 !important;\n font-size: 16px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--description {\n color: red !important;\n position: relative !important;\n text-align: center !important;\n margin-top: 15px !important;\n white-space: pre-wrap !important;\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 2 !important;\n overflow: hidden !important;\n}\n#sbz92 .widget-header--convo-expanded {\n height: 224px !important;\n}\n#sbz92 .widget-header--inner {\n position: absolute !important;\n top: 0 !important;\n left: 0 !important;\n width: 100% !important;\n opacity: 1 !important;\n display: flex !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--hidden {\n opacity: 0 !important;\n transform: scale(0) !important;\n animation-duration: 0.05s !important;\n animation-name: hide !important;\n}\n#sbz92 .widget-header--title-container {\n min-width: 0 !important;\n flex: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n margin-left: 7.5px !important;\n z-index: 1 !important;\n}\n#sbz92 .widget-header--button {\n padding: 3px !important;\n border-radius: 5px !important;\n position: relative !important;\n cursor: pointer !important;\n}\n#sbz92 .widget-header--button-close {\n display: flex !important;\n justify-self: flex-end !important;\n align-items: center !important;\n align-self: flex-start !important;\n}\n#sbz92 .widget-header--button-close-icon {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n width: 24px !important;\n height: 24px !important;\n display: block !important;\n cursor: pointer !important;\n}\n#sbz92 .widget-header--button-back {\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1jaGV2cm9uLWxlZnQiPjxwb2x5bGluZSBwb2ludHM9IjE1IDE4IDkgMTIgMTUgNiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n background-size: 24px 24px !important;\n width: 40px !important;\n height: 30px !important;\n display: block !important;\n position: relative !important;\n margin-left: -9px !important;\n cursor: pointer !important;\n top: 2px !important;\n}\n#sbz92 .widget-header--has-convo-unred .widget-header--button-back {\n width: 20px !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n display: flex !important;\n}\n#sbz92 .fade-enter-active,\n#sbz92 .fade-leave-active {\n transition: opacity 0.5s ease-out 0.2s !important;\n}\n#sbz92 .fade-enter,\n#sbz92 .fade-leave-to {\n opacity: 0 !important;\n}\n#sbz92 .slide-fade-enter-active {\n transition: all 0.3s ease !important;\n}\n#sbz92 .slide-fade-leave-active {\n transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .slide-fade-enter,\n#sbz92 .slide-fade-leave-to {\n transform: translateX(10px) !important;\n opacity: 0 !important;\n}\n#sbz92 .widget_header__body {\n padding-bottom: 70px !important;\n}\n#sbz92 .widget_header__body.widget_header__body__social {\n display: flex !important;\n}\n#sbz92 .social__account_logo {\n height: 90px !important;\n width: 90px !important;\n margin-right: 15px !important;\n border-radius: 15px !important;\n object-fit: cover !important;\n}\n#sbz92 .social__introduction {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n max-height: 72px !important;\n overflow: hidden !important;\n display: -webkit-box !important;\n -webkit-box-orient: vertical !important;\n -webkit-line-clamp: 3 !important;\n}\n#sbz92 .social__links {\n display: flex !important;\n flex-direction: row !important;\n}\n#sbz92 .social__links-logo {\n height: 30px !important;\n width: 30px !important;\n border-radius: 50% !important;\n margin-right: 10px !important;\n margin-top: 5px !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n display: block !important;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !important;\n}\n#sbz92 .social__links-logo--facebook {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%230264FF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.2944%2029.8252C16.5464%2029.9404%2015.7803%2030%2015%2030C14.0962%2030%2013.2109%2029.9199%2012.3511%2029.7666V18.4775H10V14.4287H12.3511V11.8086C12.3511%209.93457%2013.2744%207%2017.3384%207L21%207.01465V10.9453H18.3433C17.9075%2010.9453%2017.2947%2011.1553%2017.2947%2012.0488V14.4326H20.989L20.5571%2018.4775H17.2944V29.8252Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--messenger {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23007FFF%22/%3E%3Crect%20x%3D%224.28564%22%20y%3D%226%22%20width%3D%2221.4286%22%20height%3D%2218.8571%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M14.9478%2014.5713C14.8228%2014.5917%2014.6974%2014.6104%2014.5715%2014.6276C14.6974%2014.6104%2014.8228%2014.5917%2014.9478%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7507%2014.5713C14.691%2014.5823%2014.6313%2014.5923%2014.5715%2014.6026C14.6313%2014.5923%2014.691%2014.5823%2014.7507%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0126%2014.5713C14.8663%2014.5878%2014.7192%2014.6024%2014.5715%2014.6148C14.7192%2014.6024%2014.8663%2014.5878%2015.0126%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.783%2014.5713C14.7128%2014.5807%2014.642%2014.5894%2014.5715%2014.5976C14.642%2014.5894%2014.7128%2014.5807%2014.783%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7299%2014.5713C14.6773%2014.5825%2014.6244%2014.5937%2014.5715%2014.6045C14.6244%2014.5937%2014.6773%2014.5825%2014.7299%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.6992%2014.5713C14.6567%2014.5834%2014.6141%2014.5949%2014.5715%2014.6068C14.6141%2014.5949%2014.6567%2014.5834%2014.6992%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7107%2014.5713C14.6645%2014.5834%2014.618%2014.5958%2014.5715%2014.6075C14.618%2014.5958%2014.6645%2014.5836%2014.7107%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7194%2014.5713C14.6704%2014.5827%2014.621%2014.5935%2014.5715%2014.6045C14.621%2014.5935%2014.6704%2014.5827%2014.7194%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8087%2014.5713C14.7297%2014.5779%2014.6507%2014.5839%2014.5715%2014.5891C14.6507%2014.5839%2014.7297%2014.5779%2014.8087%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0417%2014.5713C14.8856%2014.5814%2014.7288%2014.5894%2014.5715%2014.5946C14.7288%2014.5894%2014.8856%2014.5814%2015.0417%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8206%2014.5713C14.7377%2014.574%2014.6546%2014.5761%2014.5715%2014.5775C14.6546%2014.5761%2014.7377%2014.574%2014.8206%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.1547%2012.3174L9.29419%2017.4636L13.7176%2015.0365L16.0288%2017.4636L20.8621%2012.3174L16.4877%2014.7019L14.1547%2012.3174Z%22%20fill%3D%22%23448AFF%22/%3E%3Cpath%20d%3D%22M15%200C6.717%200%200%206.717%200%2015C0%2023.283%206.717%2030%2015%2030C23.283%2030%2030%2023.283%2030%2015C30%206.717%2023.283%200%2015%200ZM15.1172%2023.0294C14.1886%2023.0294%2013.2923%2022.8983%2012.4491%2022.6554L9.42421%2024.375V21.14C7.39815%2019.5982%206.10428%2017.2501%206.10428%2014.6203C6.10428%209.97581%2010.1395%206.21094%2015.1172%206.21094C20.0951%206.21094%2024.1301%209.97581%2024.1301%2014.6203C24.1301%2019.2643%2020.0951%2023.0294%2015.1172%2023.0294V23.0294Z%22%20fill%3D%22%23007FFF%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--email {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M22.6875%2012.9688C21.9375%2013.5625%2020.3125%2014.75%2017.875%2016.5L17.5625%2016.75C17.0625%2017.125%2016.6875%2017.4062%2016.375%2017.5625C15.875%2017.875%2015.4062%2018%2015%2018C14.5625%2018%2014.125%2017.875%2013.625%2017.5938C13.3125%2017.4375%2012.9375%2017.1562%2012.4375%2016.7812L12.125%2016.5C9.59375%2014.6875%208%2013.5%207.3125%2012.9688C7.25%2012.9375%207.15625%2012.9375%207.09375%2012.9688C7.03125%2013%207%2013.0625%207%2013.125V19.5C7%2019.9375%207.125%2020.2812%207.4375%2020.5625C7.71875%2020.875%208.0625%2021%208.5%2021H21.5C21.9062%2021%2022.25%2020.875%2022.5625%2020.5625C22.8438%2020.2812%2023%2019.9375%2023%2019.5V13.125C23%2013.0625%2022.9375%2013%2022.875%2012.9375C22.8125%2012.9062%2022.75%2012.9062%2022.6875%2012.9688ZM15%2017C14.7188%2017%2014.375%2016.875%2014%2016.625C13.75%2016.5%2013.4375%2016.2812%2013.0312%2015.9375L12.7188%2015.7188C10.1562%2013.8438%208.40625%2012.5625%207.5%2011.8438L7.28125%2011.6875C7.09375%2011.5625%207%2011.3438%207%2011.0938V10.5C7%2010.0938%207.125%209.75%207.4375%209.4375C7.71875%209.15625%208.0625%209%208.5%209H21.5C21.9062%209%2022.25%209.15625%2022.5625%209.4375C22.8438%209.75%2023%2010.0938%2023%2010.5V11.0938C23%2011.3438%2022.9062%2011.5625%2022.7188%2011.6875L22.5625%2011.8125C21.6562%2012.5312%2019.9062%2013.8438%2017.2812%2015.7188L16.9688%2015.9375C16.5312%2016.2812%2016.2188%2016.5%2016%2016.625C15.5938%2016.875%2015.25%2017%2015%2017Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--zalo {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.9999%2014.9385C29.9669%206.68262%2023.2639%200%2015%200C6.7157%200%200%206.71582%200%2015C0%2023.2842%206.7157%2030%2015%2030C23.2639%2030%2029.9669%2023.3174%2029.9999%2015.0615C29.9999%2015.041%2030%2015.0205%2030%2015C30%2014.9795%2029.9999%2014.959%2029.9999%2014.9385Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M24.5612%2017.4695C22.9394%2017.4726%2021.6242%2016.1862%2021.6279%2014.6005C21.6316%2013.0345%2022.9474%2011.7445%2024.5473%2011.7383C26.1556%2011.732%2027.4826%2013.0349%2027.4786%2014.6162C27.4746%2016.1926%2026.1719%2017.4665%2024.5612%2017.4695ZM22.8416%2014.6183C22.8459%2015.5573%2023.6166%2016.3004%2024.5777%2016.2923C25.5165%2016.2845%2026.2699%2015.5301%2026.2673%2014.6005C26.2646%2013.6712%2025.51%2012.9317%2024.56%2012.9277C23.6012%2012.9237%2022.8373%2013.6751%2022.8416%2014.6183Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M19.5054%2010.0762H20.795V17.4217H19.9447C19.7021%2017.4217%2019.5054%2017.225%2019.5054%2016.9823V10.0762Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M18.5227%2011.8907H17.2881V12.2935C16.5767%2011.8601%2015.8509%2011.6775%2015.06%2011.831C14.2526%2011.9876%2013.6164%2012.4043%2013.167%2013.0917C12.4538%2014.1826%2012.5894%2015.5904%2013.4938%2016.5431C14.3504%2017.4454%2015.8628%2017.8178%2017.2815%2016.9247C17.2835%2016.934%2017.286%2016.9422%2017.2881%2016.9511V16.9826C17.2881%2017.2252%2017.4849%2017.422%2017.7275%2017.422H18.5227V11.8907V11.8907ZM15.5853%2016.2787C14.6636%2016.268%2013.8924%2015.5006%2013.8986%2014.6004C13.9048%2013.692%2014.6716%2012.9481%2015.602%2012.9479C16.5427%2012.9477%2017.2871%2013.6781%2017.2882%2014.6026C17.2893%2015.5333%2016.521%2016.2896%2015.5853%2016.2787Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M8.0481%2016.2438C9.39854%2014.5856%2010.6939%2012.9885%2011.9984%2011.3989C12.2464%2011.0968%2012.3662%2010.7671%2012.3731%2010.3807C12.3761%2010.2135%2012.3261%2010.1646%2012.1596%2010.165C11.6056%2010.1666%206.41195%2010.165%206.41195%2010.165V11.4709H10.4978C10.4424%2011.543%207.83556%2014.7218%206.57932%2016.2403C6.37112%2016.4919%206.26503%2016.7645%206.25401%2017.0936C6.24628%2017.3242%206.28864%2017.4139%206.52267%2017.4211V17.4217H11.9356C12.1782%2017.4217%2012.3749%2017.225%2012.3749%2016.9823V16.2487V16.2438H8.0481V16.2438Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.948%2026.1338C6.03613%2027.1172%207.26917%2027.9424%208.61108%2028.5752V26.1338H4.948ZM0.00268555%2014.7119C0.0775146%2010.7393%201.69666%207.14453%204.28479%204.50293C4.0459%204.98242%203.83435%205.47949%203.64661%205.99121C2.58862%208.87598%202.31299%2011.8506%202.69116%2014.8916C2.95862%2017.042%203.55518%2019.0869%204.63391%2020.9775C4.8269%2021.3154%205.02271%2021.6582%205.26489%2021.9609C5.76672%2022.5879%205.80981%2023.2725%205.59888%2024.0049C5.4873%2024.3926%205.32227%2024.75%205.11304%2025.082C4.95691%2025.3291%204.77612%2025.5635%204.57434%2025.7842C1.81921%2023.1201%200.0819092%2019.4102%200.00280762%2015.2939C0.000976562%2015.1963%200%2015.0986%200%2015C0%2014.9033%200.000854492%2014.8076%200.00268555%2014.7119Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8226%2026.3367C22.191%2028.6189%2018.7568%2029.9998%2015%2029.9998C11.1449%2029.9998%207.62952%2028.5457%204.97241%2026.156C6.32458%2026.1921%207.61877%2025.9031%208.86353%2025.3464C8.97681%2025.2957%209.06262%2025.3113%209.16443%2025.364C12.2258%2026.9646%2015.5131%2027.5125%2018.926%2027.3962C20.9574%2027.3269%2022.9333%2027.0046%2024.8226%2026.3367Z%22%20fill%3D%22%23015BDF%22/%3E%3C/svg%3E') !important;\n}\n@keyframes hide {\n 100% {\n opacity: 0;\n transform: scale(0);\n }\n}\n#sbz92 .widget-header-expand-container {\n width: 100% !important;\n}\n#sbz92 .message-input {\n width: 100% !important;\n border-top: 1px solid #e3e3e3 !important;\n display: flex !important;\n flex-direction: row !important;\n padding: 15px !important;\n}\n#sbz92 .message-input--disabled {\n background: #F0F0F0 !important;\n}\n#sbz92 textarea[disabled=disabled]::-webkit-input-placeholder {\n color: #a4a4a4 !important;\n -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled=disabled]:-ms-input-placeholder {\n color: #a4a4a4 !important;\n -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled=disabled]::placeholder {\n color: #a4a4a4 !important;\n -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 .message-input--input {\n word-wrap: break-word !important;\n resize: none !important;\n flex: 1 !important;\n align-self: center !important;\n margin-right: 7.5px !important;\n}\n#sbz92 .message-input--emoji-button {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNtaWxlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiPjwvcGF0aD48bGluZSB4MT0iOSIgeTE9IjkiIHgyPSI5LjAxIiB5Mj0iOSI+PC9saW5lPjxsaW5lIHgxPSIxNSIgeTE9IjkiIHgyPSIxNS4wMSIgeTI9IjkiPjwvbGluZT48L3N2Zz4K\") !important;\n}\n#sbz92 .message-input--button {\n background-size: 70% !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n width: 32px !important;\n height: 32px !important;\n display: block !important;\n cursor: pointer !important;\n position: relative !important;\n border-radius: 20px !important;\n transition: background-color 0.2s !important;\n}\n#sbz92 .message-input--button:hover {\n background-color: #eeeeee !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n cursor: default !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n cursor: default !important;\n}\n#sbz92 .message-input--attachment-button {\n background-image: url(\"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBhcGVyY2xpcCI+PHBhdGggZD0iTTIxLjQ0IDExLjA1bC05LjE5IDkuMTlhNiA2IDAgMCAxLTguNDktOC40OWw5LjE5LTkuMTlhNCA0IDAgMCAxIDUuNjYgNS42NmwtOS4yIDkuMTlhMiAyIDAgMCAxLTIuODMtMi44M2w4LjQ5LTguNDgiPjwvcGF0aD48L3N2Zz4K\") !important;\n}\n#sbz92 .message-input--send-button {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22@esc-primary-color-esc%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-arrow-up-circle%22%3E%3Ccircle%20stroke%3D%22@esc-primary-color-esc%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C/circle%3E%3Cpolyline%20points%3D%2216%2012%2012%208%208%2012%22%3E%3C/polyline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%228%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .message-input--preform {\n justify-content: center !important;\n padding-top: 10px !important;\n padding-bottom: 10px !important;\n}\n#sbz92 .btn--preform {\n border-radius: 7px !important;\n padding-left: 32px !important;\n padding-right: 32px !important;\n height: 40px !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n font-size: 14px !important;\n line-height: 20px !important;\n text-align: center !important;\n background: '@primary_color' !important;\n width: 60% !important;\n}\n#sbz92 .form-label {\n margin-top: 15px !important;\n}\n#sbz92 .form {\n border: 1px solid #eeeeee !important;\n box-sizing: border-box !important;\n box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) !important;\n border-radius: 7px !important;\n}\n#sbz92 textarea.form-control {\n resize: none !important;\n word-wrap: break-word !important;\n}\n#sbz92 .form-control--container {\n position: relative !important;\n}\n#sbz92 input.form-control[disabled] {\n background: #F9F9F9 !important;\n}\n#sbz92 .form-control--container .form-control--check {\n position: absolute !important;\n right: 10px !important;\n top: 10px !important;\n background-size: 100% 100% !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n width: 20px !important;\n height: 20px !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .form-control--valid-input--error {\n color: #dc3545 !important;\n -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 input[type='text'].form-control.input--error,\n#sbz92 input[type='number'].form-control.input--error,\n#sbz92 input[type='date'].form-control.input--error,\n#sbz92 textarea.form-control.input--error,\n#sbz92 select.form-control.input--error {\n border: 1px solid red !important;\n}\n#sbz92 input[type='text'].form-control,\n#sbz92 input[type='number'].form-control,\n#sbz92 input[type='date'].form-control,\n#sbz92 textarea.form-control,\n#sbz92 select.form-control {\n width: 100% !important;\n border: 1px solid #d8d8d8 !important;\n border-radius: 5px !important;\n padding: 8px !important;\n}\n#sbz92 select.form-control {\n padding: 1px 8px !important;\n}\n#sbz92 input[type='text'].form-control:focus,\n#sbz92 input[type='number'].form-control:focus,\n#sbz92 input[type='date'].form-control:focus,\n#sbz92 textarea.form-control:focus,\n#sbz92 select.form-control:focus {\n border: 1px solid '@primary_color' !important;\n}\n#sbz92 .label {\n display: block !important;\n margin-bottom: 3px !important;\n margin-top: 10px !important;\n opacity: 0.7 !important;\n}\n#sbz92 .form--btn-submit {\n border-radius: 7px !important;\n padding-left: 32px !important;\n padding-right: 32px !important;\n width: 100% !important;\n}\n#sbz92 .form .radio {\n display: block !important;\n position: relative !important;\n width: 100% !important;\n height: 25px !important;\n}\n#sbz92 .form input[type=radio] {\n position: absolute !important;\n visibility: hidden !important;\n}\n#sbz92 .form .radio--label {\n padding-left: 22px !important;\n display: block !important;\n position: relative !important;\n z-index: 9 !important;\n cursor: pointer !important;\n}\n#sbz92 .form .radio--check {\n display: block !important;\n position: absolute !important;\n border: 1px solid #aaa !important;\n border-radius: 100% !important;\n height: 16px !important;\n width: 16px !important;\n top: 0px !important;\n left: 0px !important;\n z-index: 5 !important;\n transition: border 0.15s linear !important;\n -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .radio--check:hover {\n border: 1px solid #888 !important;\n}\n#sbz92 .form .radio--check::before {\n display: block !important;\n position: absolute !important;\n content: '' !important;\n border-radius: 100% !important;\n height: 10px !important;\n width: 10px !important;\n top: 2px !important;\n left: 2px !important;\n margin: auto !important;\n transition: background 0.15s linear !important;\n -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type=radio]:checked ~ .radio--check {\n border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type=radio]:checked ~ .radio--check::before {\n background: '@primary_color' !important;\n}\n#sbz92 .form .checkbox {\n display: block !important;\n position: relative !important;\n width: 100% !important;\n height: 25px !important;\n}\n#sbz92 .form input[type=checkbox] {\n position: absolute !important;\n visibility: hidden !important;\n}\n#sbz92 .form .checkbox--label {\n padding-left: 22px !important;\n display: block !important;\n position: relative !important;\n z-index: 9 !important;\n cursor: pointer !important;\n}\n#sbz92 .form .checkbox--check {\n display: block !important;\n position: absolute !important;\n border: 1px solid #aaa !important;\n border-radius: 4 px !important;\n height: 16px !important;\n width: 16px !important;\n top: 0px !important;\n left: 0px !important;\n z-index: 5 !important;\n transition: border 0.15s linear !important;\n -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .checkbox--check:hover {\n border: 1px solid #888 !important;\n}\n#sbz92 .form .checkbox--check::before {\n display: block !important;\n position: absolute !important;\n content: '' !important;\n height: 100% !important;\n width: 100% !important;\n margin: auto !important;\n transition: background 0.15s linear !important;\n -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type=checkbox]:checked ~ .checkbox--check {\n border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type=checkbox]:checked ~ .checkbox--check::before {\n background: '@primary_color' !important;\n}\n#sbz92 .form .select .form-control {\n padding-right: 20px !important;\n}\n#sbz92 .form select {\n /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n#sbz92 .form-require-info--list {\n background: #fff !important;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n}\n#sbz92 .form-require-info--title {\n font-size: 18px !important;\n line-height: 20px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n background: #fff !important;\n border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item {\n border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item:hover {\n cursor: pointer !important;\n background: #e0e0e0 !important;\n}\n#sbz92 input[type=\"checkbox\"] {\n background-color: initial !important;\n cursor: default !important;\n -webkit-appearance: checkbox !important;\n box-sizing: border-box !important;\n margin: 3px 3px 3px 4px !important;\n padding: initial !important;\n border: initial !important;\n}\n#sbz92 input[type=\"radio\"] {\n background-color: initial !important;\n cursor: default !important;\n -webkit-appearance: radio !important;\n box-sizing: border-box !important;\n margin: 3px 3px 0px 5px !important;\n padding: initial !important;\n border: initial !important;\n}\n#sbz92 option {\n font-weight: normal !important;\n display: block !important;\n white-space: pre !important;\n min-height: 1.2em !important;\n padding: 0px 2px 1px !important;\n}\n#sbz92 select {\n -webkit-writing-mode: horizontal-tb !important;\n text-rendering: auto !important;\n color: -internal-light-dark-color(black, white) !important;\n letter-spacing: normal !important;\n word-spacing: normal !important;\n text-transform: none !important;\n text-indent: 0px !important;\n text-shadow: none !important;\n display: inline-block !important;\n text-align: start !important;\n -webkit-appearance: menulist !important;\n box-sizing: border-box !important;\n align-items: center !important;\n white-space: pre !important;\n -webkit-rtl-ordering: logical !important;\n background-color: -internal-light-dark-color(white, black) !important;\n cursor: default !important;\n margin: 0em !important;\n font: 400 13.3333px Arial !important;\n border-radius: 0px !important;\n border-width: 1px !important;\n border-style: solid !important;\n border-color: #a9a9a9 !important;\n border-image: initial !important;\n}\n#sbz92 select {\n position: relative !important;\n display: inline-block !important;\n border: 2px #CCCC solid !important;\n border-radius: 5px !important;\n height: 36px !important;\n line-height: 34px !important;\n padding: 0 12px !important;\n font-size: 14px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .custom-select--wrap-selected {\n display: flex !important;\n position: relative !important;\n justify-content: space-between !important;\n cursor: pointer !important;\n border: 1px solid #d8d8d8 !important;\n border-radius: 5px !important;\n padding: 5px !important;\n}\n#sbz92 .custom-select--selected-items {\n display: flex !important;\n align-items: center !important;\n flex-wrap: wrap !important;\n}\n#sbz92 .custom-select--selected-item {\n display: flex !important;\n align-items: center !important;\n margin: 3px 3px !important;\n padding: 1px 6px !important;\n border-radius: 5px !important;\n border: 1px solid #d8d8d8 !important;\n font-size: 14px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n vertical-align: top !important;\n}\n#sbz92 .icn-delete:before {\n display: flex !important;\n justify-items: center !important;\n font-size: 12px !important;\n margin-left: 5px !important;\n opacity: 0.5 !important;\n content: \"\\2715\" !important;\n}\n#sbz92 .custom-select--wrap-options {\n display: flex !important;\n flex-direction: column !important;\n position: absolute !important;\n left: 0 !important;\n top: 100% !important;\n border: 1px solid #dadce0 !important;\n -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n border-radius: 5px !important;\n width: 100% !important;\n background: #fff !important;\n z-index: 11 !important;\n max-height: 200px !important;\n overflow-y: auto !important;\n}\n#sbz92 .custom-select--input-search {\n font-size: 15px !important;\n padding: 8px !important;\n border-bottom: 1px solid #d8d8d8 !important;\n}\n#sbz92 .custom-select--items-options {\n margin: 0 !important;\n display: flex !important;\n flex-direction: column !important;\n}\n#sbz92 .custom-select--item-options {\n padding: 10px !important;\n cursor: pointer !important;\n}\n#sbz92 .custom-select--item-options:hover {\n background-color: '@primary_color' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .custom-select--icon-dropdown {\n margin-left: auto !important;\n float: right !important;\n cursor: pointer !important;\n}\n#sbz92 .custom-select--icon-dropdown path {\n d: path(\"M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z\") !important;\n fill: black !important;\n}\n#sbz92 .widget-body--events-container {\n overflow-x: hidden !important;\n overflow-y: auto !important;\n display: flex !important;\n flex-direction: column !important;\n flex: 1 !important;\n padding-left: 15px !important;\n padding-right: 15px !important;\n}\n#sbz92 .widget-body--events {\n flex: 1 !important;\n}\n#sbz92 .mobile .widget-body--events {\n display: flex !important;\n flex-direction: column !important;\n justify-content: flex-end !important;\n padding-bottom: 15px !important;\n}\n#sbz92 .widget-body--events-container.widget-body--events-container__error {\n align-items: center !important;\n justify-content: center !important;\n}\n#sbz92 .convo-event-time {\n text-align: center !important;\n margin-top: 15px !important;\n}\n#sbz92 .convo-event-time span {\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .file-attachment {\n padding: 10px !important;\n border-radius: 10px !important;\n cursor: pointer !important;\n margin: 5px 0 0 0 !important;\n}\n#sbz92 .file-attachment--agent {\n background-color: '@primary_color' !important;\n width: fit-content !important;\n}\n#sbz92 .file-attachment--user {\n background-color: #eeeeee !important;\n align-self: flex-end !important;\n}\n#sbz92 .file-attachment--link {\n display: flex !important;\n flex-direction: row !important;\n align-items: center !important;\n width: fit-content !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--filename {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n text-decoration: underline !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n max-width: 200px !important;\n}\n#sbz92 .file-attachment--user .file-attachment--filename {\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n text-decoration: underline !important;\n text-overflow: ellipsis !important;\n overflow: hidden !important;\n white-space: nowrap !important;\n max-width: 200px !important;\n}\n#sbz92 .file-attachment--download {\n width: 24px !important;\n height: 24px !important;\n border-radius: 30px !important;\n display: inline-block !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--download {\n background: '@text_color' !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjY1RkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LWRvd24iPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PHBvbHlsaW5lIHBvaW50cz0iMTkgMTIgMTIgMTkgNSAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n background-size: 15px 15px !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n}\n#sbz92 .file-attachment--user .file-attachment--download {\n background: #c4c4c4 !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1kb3duIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+Cg==') !important;\n background-size: 15px 15px !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n}\n#sbz92 .message-text--user {\n margin: 5px 0 0 !important;\n display: inline-block !important;\n background-color: #eeeeee !important;\n padding: 10px 14px 10px 14px !important;\n}\n#sbz92 .message-text--agent {\n white-space: pre-wrap !important;\n margin: 5px 0 0 !important;\n display: inline-block !important;\n background-color: '@primary_color' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n padding: 10px 14px 10px 14px !important;\n}\n#sbz92 .message-user__container {\n display: flex !important;\n flex-direction: row !important;\n align-items: flex-end !important;\n justify-content: flex-end !important;\n}\n#sbz92 .sending_dot.sending_dot__hide {\n opacity: 0 !important;\n background-color: #000 !important;\n}\n#sbz92 .sending_dot {\n width: 15px !important;\n height: 15px !important;\n margin-right: 5px !important;\n border-radius: 50% !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n}\n#sbz92 .message-user {\n border-radius: 7px !important;\n max-width: 85% !important;\n align-self: flex-end !important;\n word-break: break-word !important;\n position: relative !important;\n white-space: pre-wrap !important;\n}\n#sbz92 .message-user.message-user-images-container {\n width: 85% !important;\n display: flex !important;\n justify-content: flex-end !important;\n}\n#sbz92 .message-user.message-user-audio {\n flex: 1 !important;\n}\n#sbz92 .message-agent {\n border-radius: 7px !important;\n max-width: 85% !important;\n word-break: break-word !important;\n position: relative !important;\n}\n#sbz92 a.message_error {\n color: #dc3545 !important;\n -webkit-text-fill-color: #dc3545 !important;\n display: block !important;\n text-align: end !important;\n font-size: 13px !important;\n margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\n color: #dc3545 !important;\n -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .message_error__text {\n display: inline-block !important;\n vertical-align: text-top !important;\n}\n#sbz92 .message_error__icon {\n display: inline-block !important;\n vertical-align: bottom !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZGMzNTQ1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+Cgo=') !important;\n background-size: contain !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n width: 20px !important;\n height: 20px !important;\n}\n#sbz92 .image-attachment__img {\n width: 100% !important;\n margin: 5px 0 0 0 !important;\n border-radius: 7px !important;\n border: 1px solid #eeeeee !important;\n}\n#sbz92 .audio-attachment {\n width: 100% !important;\n margin: 5px 0 0 0 !important;\n height: 45px !important;\n display: inline !important;\n}\n#sbz92 .audio-attachment__audio {\n all: inherit !important;\n width: 100% !important;\n}\n#sbz92 .video-attachment {\n border-radius: 7px !important;\n width: 100% !important;\n margin: 5px 0 0 0 !important;\n}\n#sbz92 .video-attachment__video {\n all: inherit !important;\n width: 100% !important;\n}\n#sbz92 .info-message {\n text-align: center !important;\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n margin: 10px !important;\n}\n#sbz92 .message-sender {\n margin-top: 10px !important;\n}\n#sbz92 .message-sender-avatar {\n border-radius: 50% !important;\n width: 25px !important;\n height: 25px !important;\n margin-right: 10px !important;\n border: 1px solid #dee2e6 !important;\n}\n#sbz92 .message-sender-name {\n color: #495057 !important;\n -webkit-text-fill-color: #495057 !important;\n vertical-align: middle !important;\n}\n#sbz92 .message-system {\n text-align: center !important;\n margin: 10px !important;\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .form-attachment {\n display: flex !important;\n flex-direction: column !important;\n padding: 10px !important;\n -webkit-box-shadow: 0 0 10px #dee2e6 !important;\n box-shadow: 0 0 10px #dee2e6 !important;\n border-radius: 7px !important;\n margin-top: 10px !important;\n}\n#sbz92 .form-attachment-field {\n display: flex !important;\n flex-direction: column !important;\n margin-bottom: 0px !important;\n}\n#sbz92 .form-attachment-field__title {\n color: #4c4c4c !important;\n -webkit-text-fill-color: #4c4c4c !important;\n}\n#sbz92 .form-attachment-field__text {\n width: 100% !important;\n border: 1px solid #dbdbdb !important;\n padding: 10px !important;\n margin: 3px 0px 0px 0px !important;\n border-radius: 7px !important;\n}\n#sbz92 .input--error {\n border: 1px solid red !important;\n}\n#sbz92 .input--success {\n background-color: #f9f9f9 !important;\n pointer-events: none !important;\n}\n#sbz92 .form-attachment-field__error {\n color: brown !important;\n -webkit-text-fill-color: brown !important;\n float: right !important;\n}\n#sbz92 .form-attachment-field__checkbox {\n width: 100% !important;\n all: inherit !important;\n -webkit-appearance: textfield !important;\n margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__checkbox:hover {\n cursor: pointer !important;\n}\n#sbz92 .form-attachment-field__list-item {\n display: flex !important;\n align-items: center !important;\n margin: 4px !important;\n margin-left: 0px !important;\n}\n#sbz92 .form-attachment-field__radio {\n width: 100% !important;\n all: inherit !important;\n -webkit-appearance: textfield !important;\n margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__datetime {\n width: 100% !important;\n border: 1px solid #dbdbdb !important;\n padding: 10px !important;\n margin: 3px 0px 0px 0px !important;\n border-radius: 7px !important;\n}\n#sbz92 .form-attachment--submit-btn {\n background-color: '@primary_color' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n width: 100% !important;\n margin-top: 10px !important;\n border-radius: 7px !important;\n padding: 10px !important;\n text-align: center !important;\n font-size: 15px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .red {\n color: #dc3545 !important;\n -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .typing {\n background-color: #f4f5f7 !important;\n color: #7a7a7b !important;\n -webkit-text-fill-color: #7a7a7b !important;\n padding: 10px !important;\n opacity: 1 !important;\n transition: all 0.2s !important;\n position: absolute !important;\n bottom: 0px !important;\n left: 0px !important;\n width: 100% !important;\n}\n#sbz92 .typing--hidden {\n opacity: 0 !important;\n display: none !important;\n}\n#sbz92 .markdown-message img {\n max-width: 100% !important;\n margin-top: 10px !important;\n}\n#sbz92 .button-attachments {\n display: block !important;\n margin-top: 5px !important;\n}\n#sbz92 .url-button-attachment:first-child {\n border-top-left-radius: 7px !important;\n border-top-right-radius: 7px !important;\n}\n#sbz92 .url-button-attachment:last-child {\n border-bottom-left-radius: 7px !important;\n border-bottom-right-radius: 7px !important;\n border-bottom: 1px solid '@primary_color' !important;\n}\n#sbz92 .agent-message .url-button-attachment {\n text-decoration: none !important;\n padding: 10px !important;\n display: block !important;\n text-align: center !important;\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n background: #fff !important;\n border-top: 1px solid '@primary_color' !important;\n border-left: 1px solid '@primary_color' !important;\n border-right: 1px solid '@primary_color' !important;\n font-weight: 400 !important;\n font-size: 16px !important;\n width: 85% !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n text-decoration: underline !important;\n}\n#sbz92 .message_quick_replies {\n display: flex !important;\n flex-wrap: wrap !important;\n}\n#sbz92 .message_quick_reply {\n cursor: pointer !important;\n position: relative !important;\n padding: 10px 15px !important;\n border: 1px solid '@primary_color' !important;\n margin-right: 10px !important;\n margin-top: 10px !important;\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n border-radius: 5px !important;\n user-select: none !important;\n overflow: hidden !important;\n white-space: nowrap !important;\n text-overflow: ellipsis !important;\n}\n#sbz92 .message_quick_reply:hover {\n background: '@primary_color' !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .generic-attachment-container {\n position: relative !important;\n margin-top: 10px !important;\n}\n#sbz92 .generic-attachments {\n display: block !important;\n}\n#sbz92 .generic-attachment {\n display: flex !important;\n width: 100% !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n user-select: none !important;\n cursor: grab !important;\n}\n#sbz92 .generic-attachment--element-content {\n flex: 1 !important;\n}\n#sbz92 .generic-attachment--element {\n border: 1px solid #d8d8d8 !important;\n background: white !important;\n border-radius: 7px !important;\n overflow: hidden !important;\n width: 220px !important;\n margin-right: 10px !important;\n vertical-align: top !important;\n display: flex !important;\n flex-direction: column !important;\n flex-shrink: 0 !important;\n}\n#sbz92 .generic-attachment--element:last-child {\n margin-right: 0 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-img {\n width: 100% !important;\n height: 150px !important;\n object-fit: cover !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:first-child {\n border-radius: 0 !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment {\n font-weight: 500 !important;\n padding: 10px !important;\n display: block !important;\n padding-top: 9px !important;\n padding-button: 9px !important;\n text-align: center !important;\n border: none !important;\n border-top: 1px solid #d8d8d8 !important;\n width: 100% !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-title {\n padding: 0px 13px !important;\n margin-top: 13px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n font-weight: 500 !important;\n font-size: 16px !important;\n line-height: 20px !important;\n white-space: normal !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-subtitle {\n padding: 0px 13px !important;\n color: gray !important;\n -webkit-text-fill-color: gray !important;\n margin-top: 5px !important;\n}\n#sbz92 .widget_body__events__error_msg {\n margin-top: 50px !important;\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n text-align: center !important;\n}\n#sbz92 .widget_body__events__error_retry {\n margin-top: 10px !important;\n}\n#sbz92 .generic-attachment-navigator {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n cursor: pointer !important;\n width: 20px !important;\n font-size: 80px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n color: rgba(255, 255, 255, 0.85) !important;\n -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n text-shadow: 0 10px 25px rgba(0, 0, 0, 0.75) !important;\n z-index: 999 !important;\n user-select: none !important;\n}\n#sbz92 .generic-attachment-navigator:hover {\n text-shadow: 0 10px 20px rgba(0, 0, 0, 0.75) !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--disabled {\n display: none !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--left {\n left: 2px !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--right {\n right: 2px !important;\n}\n#sbz92 .generic-attachment-navigator-icon {\n font-size: 80px !important;\n}\n#sbz92 .order_attachment__product_img {\n width: 40px !important;\n height: 40px !important;\n margin-right: 10px !important;\n border-radius: 5px !important;\n flex-shrink: 0 !important;\n display: block !important;\n object-fit: contain !important;\n background: whitesmoke !important;\n}\n#sbz92 .order_attachment__product_name {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n color: black !important;\n -webkit-text-fill-color: black !important;\n}\n#sbz92 .order_attachment__header {\n padding-bottom: 5px !important;\n border-bottom: 1px solid #ccc !important;\n margin-bottom: 5px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: space-between !important;\n}\n#sbz92 .order_attachment__product_desc {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n color: #999 !important;\n -webkit-text-fill-color: #999 !important;\n font-size: 13px !important;\n}\n#sbz92 .order_attachment__product {\n display: flex !important;\n align-items: center !important;\n margin-top: 5px !important;\n margin-bottom: 5 !important;\n}\n#sbz92 .order_attachment__text_sm {\n font-size: 13px !important;\n}\n#sbz92 .order_attachment__text_muted {\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .order_attachment__text_truncate {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n}\n#sbz92 .order_attachment {\n margin-top: 10px !important;\n color: black !important;\n -webkit-text-fill-color: black !important;\n border: 1px solid #aaa !important;\n background: white !important;\n border-radius: 8px !important;\n width: 220px !important;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n padding: 10px !important;\n}\n#sbz92 .order_attachment__footer {\n margin-top: 10px !important;\n padding-top: 10px !important;\n border-top: 1px solid #ccc !important;\n}\n#sbz92 .order_attachment__total {\n font-size: 16px !important;\n}\n#sbz92 .order_attachment__label {\n font-size: 13px !important;\n color: #777 !important;\n -webkit-text-fill-color: #777 !important;\n margin-top: 10px !important;\n}\n#sbz92 .order_attachment__label.no_margin {\n margin-top: 0 !important;\n}\n#sbz92 .order_attachment.order_attachment__user {\n margin-right: 50px !important;\n align-self: flex-end !important;\n margin-right: 0 !important;\n margin-left: 50px !important;\n align-self: flex-start !important;\n}\n#sbz92 .product_attachment {\n margin-top: 10px !important;\n border: 1px solid #d8d8d8 !important;\n background: white !important;\n border-radius: 7px !important;\n overflow: hidden !important;\n width: 200px !important;\n display: inline-block !important;\n vertical-align: top !important;\n transition: all 0.1s !important;\n}\n#sbz92 .product_attachment.product_attachment__user {\n margin-right: 50px !important;\n align-self: flex-end !important;\n margin-right: 0 !important;\n margin-left: 50px !important;\n align-self: flex-start !important;\n}\n#sbz92 .product_attachment__img {\n width: 200px !important;\n height: 200px !important;\n border-bottom: 1px solid #d8d8d8 !important;\n object-fit: cover !important;\n display: block !important;\n}\n#sbz92 .product_attachment__price {\n padding-left: 10px !important;\n}\n#sbz92 .product_attachment__btns {\n margin-top: 5px !important;\n}\n#sbz92 .product_attachment__btn {\n border-top: 1px solid #d8d8d8 !important;\n display: flex !important;\n padding: 8px 10px !important;\n align-items: center !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n justify-content: center !important;\n cursor: pointer !important;\n text-transform: capitalize !important;\n}\n#sbz92 .product_attachment__btn:last-child {\n margin-right: 0 !important;\n}\n#sbz92 .product_attachment__btn:hover {\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 a.product_attachment__title {\n display: block !important;\n padding: 8px 10px 0 10px !important;\n font-weight: 500 !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n word-break: break-word !important;\n margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__subtitle {\n white-space: pre-wrap !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n overflow: hidden !important;\n padding: 5px 10px !important;\n color: #aaa !important;\n -webkit-text-fill-color: #aaa !important;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__btn_external_link {\n width: 16px !important;\n height: 16px !important;\n margin-left: 5px !important;\n margin-top: -2px !important;\n}\n#sbz92 .emoji {\n position: relative !important;\n width: 20px !important;\n height: 20px !important;\n background-size: 100% !important;\n background-repeat: no-repeat !important;\n border: none !important;\n display: inline-block !important;\n vertical-align: text-bottom !important;\n}\n#sbz92 .emoji--angry {\n background-image: url("+tt+") !important;\n}\n#sbz92 .emoji--confused {\n background-image: url("+nt+") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n background-image: url("+ot+") !important;\n}\n#sbz92 .emoji--grinning {\n background-image: url("+it+") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n background-image: url("+rt+") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n background-image: url("+at+") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n background-image: url("+et+") !important;\n}\n#sbz92 .emoji--sleepy {\n background-image: url("+pt+") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n background-image: url("+mt+") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n background-image: url("+dt+") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n background-image: url("+lt+") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n background-image: url("+st+") !important;\n}\n#sbz92 .emoji--wink {\n background-image: url("+bt+") !important;\n}\n#sbz92 .emoji--moyai {\n background-image: url("+ct+") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n background-image: url("+gt+") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n background-image: url("+xt+") !important;\n}\n#sbz92 .emoji--ok_hand {\n background-image: url("+ft+") !important;\n}\n#sbz92 .emoji--octopus {\n background-image: url("+ut+") !important;\n}\n#sbz92 .emoji--pig2 {\n background-image: url("+ht+") !important;\n}\n#sbz92 .emoji--wave {\n background-image: url("+zt+") !important;\n}\n#sbz92 .emoji--mouse {\n background-image: url("+wt+") !important;\n}\n#sbz92 .emoji--mouse2 {\n background-image: url("+kt+") !important;\n}\n#sbz92 .emoji--rat {\n background-image: url("+yt+") !important;\n}\n#sbz92 .emoji-picker {\n display: flex !important;\n flex-direction: row !important;\n z-index: 20 !important;\n position: absolute !important;\n max-width: 240px !important;\n background: #fff !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n border-radius: 10px !important;\n box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n right: 15px !important;\n bottom: 55px !important;\n flex-wrap: wrap !important;\n padding: 10px !important;\n justify-content: space-between !important;\n align-items: center !important;\n}\n#sbz92 .emoji-picker--item {\n background-size: 100% !important;\n width: 30px !important;\n height: 30px !important;\n position: relative !important;\n background-repeat: no-repeat !important;\n display: inline-block !important;\n vertical-align: text-bottom !important;\n margin: 5px !important;\n cursor: pointer !important;\n transition: background-color 0.2s !important;\n}\n#sbz92 .emoji-picker-background-item {\n background-size: 50% !important;\n width: 40px !important;\n height: 40px !important;\n border-radius: 100% !important;\n}\n#sbz92 .emoji-picker-background-item:hover {\n background-color: #dee2e6 !important;\n}\n#sbz92 .convo-list {\n display: flex !important;\n flex-direction: column !important;\n flex: 1 !important;\n width: 100% !important;\n justify-content: space-between !important;\n overflow: auto !important;\n margin-top: -60px !important;\n padding-left: 15px !important;\n padding-right: 15px !important;\n padding-bottom: 15px !important;\n}\n#sbz92 .convo-list--list {\n background: #fff !important;\n overflow-y: auto !important;\n overflow-x: hidden !important;\n}\n#sbz92 .convo-list--title {\n font-size: 18px !important;\n line-height: 20px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n background: #fff !important;\n border-bottom: 1px solid #f0f0f0 !important;\n padding: 15px !important;\n}\n#sbz92 .convo-list--container {\n border-radius: 10px !important;\n box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;\n overflow: auto !important;\n display: flex !important;\n flex-direction: column !important;\n user-select: none !important;\n}\n#sbz92 .convo-list--footer {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n margin-top: 15px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n font-size: 15px !important;\n line-height: 20px !important;\n overflow: hidden !important;\n white-space: nowrap !important;\n justify-content: center !important;\n display: flex !important;\n flex-direction: column !important;\n flex: 1 !important;\n margin-left: 7.5px !important;\n}\n#sbz92 .convo-list--convo-last-message {\n font-weight: normal !important;\n flex: 1 !important;\n cursor: pointer !important;\n display: flex !important;\n width: 100% !important;\n overflow: hidden !important;\n align-items: center !important;\n}\n#sbz92 .convo-list--convo-last-mes {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n font-weight: normal !important;\n}\n#sbz92 .convo-list--convo-title {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n font-weight: 500 !important;\n}\n#sbz92 .convo-list--convo-completed {\n width: 14px !important;\n}\n#sbz92 .convo-list--convo-name {\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n font-weight: 500 !important;\n flex: 1 !important;\n margin-right: 20px !important;\n cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n cursor: pointer !important;\n border-bottom: 1px solid #f0f0f0 !important;\n padding-left: 10px !important;\n padding-right: 10px !important;\n padding-bottom: 15px !important;\n padding-top: 15px !important;\n display: flex !important;\n flex-direction: row !important;\n}\n#sbz92 .convo-list--item:hover {\n background: #f8f9fa !important;\n}\n#sbz92 .convo-list--convo-time span {\n font-size: 13px !important;\n line-height: 20px !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n opacity: 0.7 !important;\n min-width: 70px !important;\n cursor: pointer !important;\n}\n#sbz92 .convo-list--item-unread {\n width: 8px !important;\n height: 8px !important;\n background: #dc3545 !important;\n border-radius: 50% !important;\n margin-left: 7.5px !important;\n align-self: center !important;\n}\n#sbz92 .convo-list--item-avatar {\n width: 32px !important;\n height: 32px !important;\n}\n#sbz92 .widget-body--empty {\n display: flex !important;\n flex: 1 !important;\n justify-content: center !important;\n align-items: center !important;\n flex-direction: column !important;\n}\n#sbz92 .widget-body--empty-text {\n color: #343a40 !important;\n -webkit-text-fill-color: #343a40 !important;\n margin-top: 20px !important;\n}\n#sbz92 .widget-body--empty-icon {\n width: 128px !important;\n height: 128px !important;\n -webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20data-name%3D%22Layer%202%22%3E%3Cpath%20d%3D%22M130.9%20366.9a9.9%209.9%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.33%2010.33%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.52%2010.52%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.33%2010.33%200%200%200-7.1%202.9zM483.7%20282a183.07%20183.07%200%200%200%2028.3-98C512%2082.5%20429.5%200%20328%200a183.16%20183.16%200%200%200-96%2027%2010%2010%200%200%200%2010.5%2017.1A162.67%20162.67%200%200%201%20328%2020c90.4%200%20164%2073.6%20164%20164a162.73%20162.73%200%200%201-27.9%2091.5%2010.07%2010.07%200%200%200%20.3%2011.6l11%2040.9-44-11.8a10%2010%200%200%200-8.4%201.5%20164.32%20164.32%200%200%201-151.8%2020.2%20138.68%20138.68%200%200%200-97.1-97.1%20164.31%20164.31%200%200%201%2014.5-143.2%2010%2010%200%200%200-17-10.6%20184%20184%200%200%200-19.9%20149.6c-4.5-.4-9.1-.7-13.7-.7C61.9%20236%200%20297.9%200%20374a136.88%20136.88%200%200%200%2022.9%2076.1L12.2%20490a10%2010%200%200%200%2012.3%2012.3l40.9-11a137.71%20137.71%200%200%200%20146.5-.8%2010%2010%200%200%200-10.7-16.9%20118.09%20118.09%200%200%201-128.6-1.5%209.73%209.73%200%200%200-8.1-1.3L36%20478.5l7.4-27.7a10%2010%200%200%200-1.5-8.4%20117.95%20117.95%200%201%201%20207-28%2010%2010%200%200%200%2018.8%206.8%20137.72%20137.72%200%200%200%208.3-47.3%20124.44%20124.44%200%200%200-.7-13.7%20183.93%20183.93%200%200%200%20155.3-23.6l56.2%2015.1a10%2010%200%200%200%2012.3-12.3zm-246%20162.2a10.52%2010.52%200%200%200-7.1%202.9%209.73%209.73%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.52%2010.52%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%209.9%209.9%200%200%200-10-10zM205.3%2070.7a10.52%2010.52%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.14%2010.14%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.52%2010.52%200%200%200-7.1%202.9%209.9%209.9%200%200%200-2.9%207.1%2010.52%2010.52%200%200%200%202.9%207.1%209.9%209.9%200%200%200%207.1%202.9zm-19.4%20296.2a9.9%209.9%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.33%2010.33%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.33%2010.33%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.33%2010.33%200%200%200-7.1%202.9zm210.8-201.1a9.8%209.8%200%200%200%205.2-1.5l1.3-.8a9.92%209.92%200%200%200%203.3-13.7%2010.06%2010.06%200%200%200-13.8-3.3l-1.3.8a10%2010%200%200%200%205.3%2018.5zm-68.1%20107.4a58%2058%200%200%200%2057.9-57.9%207%207%200%200%200-7-7H277.7a7%207%200%200%200-7%207%2058%2058%200%200%200%2057.9%2057.9zm-43.5-50.9h87.1l-1%203.7a43.93%2043.93%200%200%201-85.2%200zm-25.8-56.5a9.8%209.8%200%200%200%205.2-1.5l1.3-.8a9.92%209.92%200%200%200%203.3-13.7%2010.06%2010.06%200%200%200-13.8-3.3l-1.3.8a10%2010%200%200%200%205.3%2018.5zM75.9%20366.9A9.9%209.9%200%200%200%2073%20374a10.33%2010.33%200%200%200%202.9%207.1A9.73%209.73%200%200%200%2083%20384a10.33%2010.33%200%200%200%207.1-2.9A9.73%209.73%200%200%200%2093%20374a10.33%2010.33%200%200%200-2.9-7.1A9.9%209.9%200%200%200%2083%20364a10.33%2010.33%200%200%200-7.1%202.9z%22%20fill%3D%22%234285f4%22%20data-name%3D%22Capa%201%22/%3E%3C/g%3E%3C/svg%3E') !important;\n border-radius: 0 !important;\n background-color: '@primary_color' !important;\n}\n#sbz92 .mobile .widget-container {\n border-radius: 0px !important;\n max-height: 100% !important;\n margin-bottom: 0 !important;\n top: 0 !important;\n left: 0 !important;\n right: 0 !important;\n width: 100% !important;\n height: 100% !important;\n opacity: 1 !important;\n transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .mobile .widget-container.widget-container--left {\n left: 0 !important;\n right: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--right {\n right: 0 !important;\n left: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--hide {\n top: -100vh !important;\n opacity: 0 !important;\n transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1), bottom 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .widget-container.widget-container--left {\n left: '@desktop_button.margin_x' !important;\n right: unset !important;\n}\n#sbz92 .widget-container.widget-container--right {\n right: '@desktop_button.margin_x' !important;\n left: unset !important;\n}\n#sbz92 .widget-container {\n max-height: 100% !important;\n max-height: calc(100% - 40px) !important;\n max-width: 100% !important;\n background: #fff !important;\n z-index: '@z_index_3' !important;\n border-radius: 15px !important;\n box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.13) !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n position: '@widget_position' !important;\n margin-bottom: '@desktop_button.margin_y' !important;\n transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n width: '@width' !important;\n height: '@height' !important;\n bottom: 0 !important;\n opacity: 1 !important;\n transition: opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n visibility: visible !important;\n}\n#sbz92 .widget-container.widget-container--full {\n max-height: 100% !important;\n height: 100% !important;\n margin-bottom: 0 !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n opacity: 0 !important;\n visibility: hidden !important;\n transition: opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1), visibility 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .btn--start-convo {\n border-radius: 7px !important;\n display: block !important;\n padding-left: 32px !important;\n padding-right: 32px !important;\n height: 40px !important;\n color: '@text_color' !important;\n -webkit-text-fill-color: '@text_color' !important;\n font-size: 16px !important;\n line-height: 20px !important;\n text-align: center !important;\n background: '@primary_color' !important;\n max-width: 250px !important;\n width: 70% !important;\n text-overflow: ellipsis !important;\n white-space: nowrap !important;\n overflow: hidden !important;\n}\n#sbz92 .btn--start-convo::after {\n display: none !important;\n}\n#sbz92 .btn--start-convo:disabled {\n opacity: 0.5 !important;\n cursor: default !important;\n pointer-events: none !important;\n}\n#sbz92 .widget-body.widget-body--none {\n display: none !important;\n}\n#sbz92 .widget-body {\n flex: 1 !important;\n flex-grow: 1 !important;\n z-index: -1 !important;\n width: 100% !important;\n overflow-y: auto !important;\n flex-direction: column !important;\n display: flex !important;\n position: relative !important;\n}\n#sbz92 .widget-body--content {\n overflow-y: auto !important;\n overflow-x: hidden !important;\n flex: 1 !important;\n display: flex !important;\n flex-direction: column !important;\n position: relative !important;\n min-height: 0 !important;\n}\n#sbz92 .poweredby {\n margin-top: 15px !important;\n margin-bottom: 7.5px !important;\n text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n text-decoration: none !important;\n padding-left: 12px !important;\n padding-right: 12px !important;\n padding-top: 5px !important;\n padding-bottom: 5px !important;\n border-radius: 20px !important;\n font-size: 12px !important;\n color: #7c7c7c !important;\n -webkit-text-fill-color: #7c7c7c !important;\n vertical-align: baseline !important;\n}\n#sbz92 .poweredby .poweredby--text:hover {\n color: #333 !important;\n -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .poweredby .poweredby--text .poweredby--subiz-logo {\n opacity: 1 !important;\n margin-top: -3px !important;\n height: 10px !important;\n}\n#sbz92 .empty-container {\n display: flex !important;\n justify-content: center !important;\n flex-direction: column !important;\n margin-top: 22.5px !important;\n margin-bottom: 22.5px !important;\n}\n#sbz92 .empty-desc {\n text-align: center !important;\n margin: 22.5px !important;\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .chat-button--white-bg {\n display: none !important;\n z-index: -1 !important;\n}\n#sbz92 .chat-button--white-bg--mask-only {\n background: white !important;\n width: 66px !important;\n height: 66px !important;\n top: 2px !important;\n left: 2px !important;\n position: absolute !important;\n border-radius: 50% !important;\n display: block !important;\n}\n#sbz92 .mobile .chat-button--default {\n width: '@mobile_button.width' !important;\n height: '@mobile_button.height' !important;\n background: '@background' !important;\n border-radius: '@mobile_button.border_radius' !important;\n}\n#sbz92 .mobile .widget-layout {\n bottom: '@mobile_button.margin_y' !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--left {\n left: '@mobile_button.margin_x' !important;\n right: unset !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--right {\n right: '@mobile_button.margin_x' !important;\n left: unset !important;\n}\n#sbz92 .mobile .chat-button--img {\n min-width: '@mobile_button.width' !important;\n}\n#sbz92 .chat-button {\n cursor: pointer !important;\n position: relative !important;\n}\n#sbz92 .chat-button--img {\n opacity: 0 !important;\n min-width: '@desktop_button.width' !important;\n display: block !important;\n}\n#sbz92 .chat-button.chat-button--left {\n float: left !important;\n}\n#sbz92 .chat-button.chat-button--right {\n float: right !important;\n}\n#sbz92 .widget-layout {\n z-index: '@z_index_2' !important;\n position: '@widget_position' !important;\n bottom: '@desktop_button.margin_y' !important;\n transition: opacity 150ms !important;\n opacity: 1 !important;\n}\n#sbz92 .widget-layout.widget-layout--hidden {\n opacity: 0 !important;\n pointer-events: none !important;\n}\n#sbz92 .widget-layout.widget-layout--left {\n left: '@desktop_button.margin_x' !important;\n right: unset !important;\n}\n#sbz92 .widget-layout.widget-layout--right {\n right: '@desktop_button.margin_x' !important;\n left: unset !important;\n}\n#sbz92 .chat-button--unread {\n position: absolute !important;\n right: 0px !important;\n top: -5px !important;\n background: #dc3545 !important;\n padding-left: 5px !important;\n padding-right: 5px !important;\n padding-top: 2px !important;\n padding-bottom: 2px !important;\n border-radius: 5px !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n}\n#sbz92 .widget-preview {\n z-index: '@z_index_3' !important;\n background: #fff !important;\n box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n border-radius: 15px !important;\n max-width: 100% !important;\n width: 340px !important;\n margin-bottom: 20px !important;\n}\n#sbz92 .widget-preview.widget-preview--hidden {\n display: none !important;\n}\n#sbz92 .widget-preview--btn-close {\n cursor: pointer !important;\n align-self: flex-start !important;\n background-color: #e5e5e5 !important;\n background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n background-size: 16px 16px !important;\n background-repeat: no-repeat !important;\n background-position: center !important;\n width: 22px !important;\n height: 22px !important;\n display: block !important;\n border-radius: 100% !important;\n transition: background-color 0.2s !important;\n}\n#sbz92 .widget-preview--btn-close:hover {\n background-color: #c4c4c4 !important;\n}\n#sbz92 .widget-preview--avatar {\n width: 45px !important;\n height: 45px !important;\n border: 1px solid rgba(31, 54, 90, 0.1) !important;\n border-radius: 100% !important;\n margin-right: 15px !important;\n}\n#sbz92 .widget-preview--body {\n display: flex !important;\n padding: 15px !important;\n align-items: center !important;\n}\n#sbz92 .widget-preview--title {\n display: block !important;\n font-size: 15px !important;\n color: gray !important;\n -webkit-text-fill-color: gray !important;\n margin-bottom: 5px !important;\n}\n#sbz92 .widget-preview--content {\n cursor: pointer !important;\n flex: 1 !important;\n overflow: hidden !important;\n}\n#sbz92 .widget-preview--message {\n white-space: pre-wrap !important;\n word-wrap: break-word !important;\n font-weight: 500 !important;\n font-size: 15px !important;\n display: block !important;\n margin: 0 !important;\n margin-bottom: 0px !important;\n max-height: 72px !important;\n overflow: hidden !important;\n}\n#sbz92 .widget-preview--action {\n border-top: 1px solid #f0f0f0 !important;\n cursor: pointer !important;\n padding: 13px !important;\n}\n#sbz92 .widget-preview--action-text {\n display: block !important;\n text-align: center !important;\n font-weight: 500 !important;\n font-size: 16px !important;\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n margin: 0 !important;\n}\n#sbz92 .rating--overlay {\n position: absolute !important;\n height: 100% !important;\n width: 100% !important;\n background: black !important;\n opacity: 0.3 !important;\n top: 0 !important;\n left: 0 !important;\n border-bottom-left-radius: 15px !important;\n border-bottom-right-radius: 15px !important;\n z-index: 9 !important;\n}\n#sbz92 .rating {\n border-top-left-radius: 10px !important;\n border-top-right-radius: 10px !important;\n overflow: hidden !important;\n position: absolute !important;\n height: 400px !important;\n max-height: 80% !important;\n width: 100% !important;\n bottom: 0 !important;\n /* centering */\n left: 0 !important;\n background: white !important;\n border-bottom-left-radius: 15px !important;\n border-bottom-right-radius: 15px !important;\n z-index: 10 !important;\n}\n#sbz92 .rating .rating--comment {\n resize: none !important;\n margin-left: 20px !important;\n margin-right: 20px !important;\n border: 2px solid lightgray !important;\n border-radius: 5px !important;\n padding: 10px !important;\n height: 60px !important;\n min-height: 60px !important;\n}\n#sbz92 .rating .rating--close-btn {\n right: 20px !important;\n top: -2px !important;\n width: 22px !important;\n height: 22px !important;\n position: absolute !important;\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23acacac%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n cursor: pointer !important;\n}\n#sbz92 .rating .rating--close-btn:hover {\n background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .rating .rating--handle:hover .rating--thumb {\n background: #e0e0e0 !important;\n}\n#sbz92 .rating .rating--thumb {\n width: 70px !important;\n height: 6px !important;\n background: #eaeaea !important;\n border-radius: 5px !important;\n margin: 0 auto !important;\n cursor: grabbing !important;\n margin-top: 8px !important;\n margin-bottom: 20px !important;\n}\n#sbz92 .rating .rating--content {\n display: flex !important;\n flex: 1 !important;\n flex-grow: 1 !important;\n height: calc(100% - 40px) !important;\n flex-direction: column !important;\n justify-content: space-between !important;\n}\n#sbz92 .rating .rating--heading {\n margin: 0 !important;\n font-weight: 500 !important;\n font-size: 20px !important;\n line-height: 20px !important;\n text-align: center !important;\n flex-grow: 1 !important;\n position: relative !important;\n}\n#sbz92 .rating .rating--description {\n text-align: center !important;\n flex-grow: 1 !important;\n font-size: 15px !important;\n padding-left: 20px !important;\n padding-right: 20px !important;\n display: flex !important;\n align-items: center !important;\n margin-top: 10px !important;\n margin-bottom: 15px !important;\n}\n#sbz92 .rating .rating-faces-container {\n flex: 5 !important;\n display: flex !important;\n justify-content: space-around !important;\n align-items: center !important;\n margin: 10px 10px !important;\n}\n#sbz92 .rating .rating-face-container {\n padding: 15px !important;\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n cursor: pointer !important;\n border-radius: 10px !important;\n user-select: none !important;\n -webkit-transition: all 0.1s !important;\n transition: all 0.1s !important;\n}\n#sbz92 .rating .rating-face-container:hover {\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .rating .rating-face--text {\n margin-top: 10px !important;\n margin-bottom: 0px !important;\n font-size: 13px !important;\n color: #4d4d4d !important;\n -webkit-text-fill-color: #4d4d4d !important;\n}\n#sbz92 .rating .rating-no-thanks {\n flex: 10 !important;\n text-align: center !important;\n cursor: pointer !important;\n display: flex !important;\n justify-content: center !important;\n align-items: flex-end !important;\n color: #acacac !important;\n -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .rating .rating-no-thanks:hover {\n color: black !important;\n -webkit-text-fill-color: black !important;\n}\n#sbz92 .text__danger {\n color: #dc3545 !important;\n}\n#sbz92 .extension--close-btn {\n background: #00000088 !important;\n border-radius: 8px !important;\n color: #ffffffaa !important;\n -webkit-text-fill-color: #ffffffaa !important;\n right: 10px !important;\n top: -35px !important;\n font-size: 14px !important;\n position: absolute !important;\n padding: 5px 15px !important;\n cursor: pointer !important;\n}\n#sbz92 .extension--close-btn:hover {\n background: #000000 !important;\n color: #ffffff !important;\n -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .extension--handle {\n margin-bottom: 10px !important;\n}\n#sbz92 .extension--handle:hover .extension--thumb {\n background: #e0e0e0 !important;\n}\n#sbz92 .extension--thumb {\n width: 70px !important;\n cursor: grabbing !important;\n margin: 0 auto !important;\n height: 6px !important;\n background: #eaeaea !important;\n border-radius: 5px !important;\n flex: 1 !important;\n margin-top: 5px !important;\n}\n#sbz92 .extension {\n border-top-left-radius: 10px !important;\n position: absolute !important;\n border-top-right-radius: 10px !important;\n width: 100% !important;\n bottom: 0 !important;\n /* centering */\n left: 0 !important;\n border-bottom-left-radius: 15px !important;\n border-bottom-right-radius: 15px !important;\n display: flex !important;\n flex-direction: column !important;\n background: white !important;\n z-index: 10 !important;\n}\n#sbz92 .extension--overlay {\n position: absolute !important;\n height: 100% !important;\n width: 100% !important;\n background: black !important;\n opacity: 0.3 !important;\n top: 0 !important;\n left: 0 !important;\n border-bottom-left-radius: 15px !important;\n border-bottom-right-radius: 15px !important;\n z-index: 9 !important;\n}\n#sbz92 .order__footer {\n margin-top: 40px !important;\n color: #888 !important;\n -webkit-text-fill-color: #888 !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n margin-bottom: 20px !important;\n}\n#sbz92 .order__footer_delimiter {\n width: 1px !important;\n height: 15px !important;\n border-right: 1px solid #bbb !important;\n}\n#sbz92 .order__footer_link {\n padding: 0 10px !important;\n font-size: 14px !important;\n cursor: pointer !important;\n}\n#sbz92 .order__footer_link:hover {\n text-decoration: none !important;\n color: #555 !important;\n -webkit-text-fill-color: #555 !important;\n}\n#sbz92 .desktop.order {\n border-radius: 0 !important;\n width: 780px !important;\n margin: 0 auto !important;\n height: 100% !important;\n}\n#sbz92 .desktop.order .order_section__line {\n display: none !important;\n}\n#sbz92 .desktop.order .desktop_order__heading {\n line-height: 20px !important;\n}\n#sbz92 .desktop.order .order_attachment__product_img {\n width: 50px !important;\n height: 50px !important;\n}\n#sbz92 .desktop.order .order_label {\n font-weight: 500 !important;\n margin-top: 30px !important;\n margin-bottom: 10px !important;\n font-size: 16px !important;\n}\n#sbz92 .desktop.order .order_label:first-child {\n margin-top: 0 !important;\n}\n#sbz92 .desktop.order .order_recap {\n margin-top: 0px !important;\n background: #f4f4f4 !important;\n margin-top: 20px !important;\n width: 250px !important;\n box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n border-radius: 6px !important;\n background-color: #fff !important;\n padding: 32px 32px 20px !important;\n}\n#sbz92 .desktop.order .order_acc_header {\n display: flex !important;\n align-items: center !important;\n margin-top: 20px !important;\n}\n#sbz92 .desktop.order .order_acc_logo {\n height: 50px !important;\n}\n#sbz92 .desktop.order .order_acc_name {\n font-size: 16px !important;\n margin-left: 10px !important;\n border-left: 1px solid #aaa !important;\n padding-left: 10px !important;\n}\n#sbz92 .desktop.order .order_summary_line {\n align-items: center !important;\n overflow: hidden !important;\n padding: 5px 0 !important;\n display: flex !important;\n justify-content: space-between !important;\n}\n#sbz92 .desktop_order__content {\n display: flex !important;\n}\n#sbz92 .order {\n width: 100% !important;\n display: flex !important;\n flex-direction: column !important;\n background: white !important;\n z-index: 10 !important;\n}\n#sbz92 .order .ship_card {\n display: flex !important;\n align-items: center !important;\n overflow: hidden !important;\n width: 190px !important;\n cursor: pointer !important;\n padding: 10px 15px !important;\n box-shadow: none !important;\n border: 2px solid #eee !important;\n color: #777 !important;\n -webkit-text-fill-color: #777 !important;\n margin-top: 5px !important;\n border-radius: 8px !important;\n background: white !important;\n transition: all 150ms ease-out !important;\n}\n#sbz92 .order .ship_card:hover {\n color: #555 !important;\n -webkit-text-fill-color: #555 !important;\n border: 2px solid #aaa !important;\n}\n#sbz92 .order .ship_card.ship_card__active {\n color: #333 !important;\n -webkit-text-fill-color: #333 !important;\n border: 2px solid #777 !important;\n background: #fafafa !important;\n}\n#sbz92 .order .order_ship_icon {\n margin-top: -3px !important;\n width: 15px !important;\n height: 15px !important;\n opacity: 0.6 !important;\n}\n#sbz92 .order .card_section {\n margin-top: 20px !important;\n max-width: 500px !important;\n box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n border-radius: 6px !important;\n background-color: #fff !important;\n padding: 32px !important;\n}\n#sbz92 .order input[type='text'].form-control,\n#sbz92 .order input[type='number'].form-control,\n#sbz92 .order input[type='date'].form-control,\n#sbz92 .order textarea.form-control,\n#sbz92 .order select.form-control {\n background: #f4f4f4 !important;\n border: 1px solid transparent !important;\n padding: 7px 10px !important;\n}\n#sbz92 .order input[type='text'].form-control:hover,\n#sbz92 .order input[type='number'].form-control:hover,\n#sbz92 .order input[type='date'].form-control:hover,\n#sbz92 .order textarea.form-control:hover,\n#sbz92 .order select.form-control:hover {\n background: #f0f0f0 !important;\n}\n#sbz92 .order input[type='text'].form-control:focus,\n#sbz92 .order input[type='number'].form-control:focus,\n#sbz92 .order input[type='date'].form-control:focus,\n#sbz92 .order textarea.form-control:focus,\n#sbz92 .order select.form-control:focus,\n#sbz92 .order input[type='text'].form-control:active,\n#sbz92 .order input[type='number'].form-control:active,\n#sbz92 .order input[type='date'].form-control:active,\n#sbz92 .order textarea.form-control:active,\n#sbz92 .order select.form-control:active {\n background: #eee !important;\n}\n#sbz92 .order input[type='text'].form-control.err,\n#sbz92 .order input[type='number'].form-control.err,\n#sbz92 .order input[type='date'].form-control.err,\n#sbz92 .order textarea.form-control.err,\n#sbz92 .order select.form-control.err {\n background: #ffe6e6 !important;\n border: 1px solid #ff8a8a !important;\n}\n#sbz92 .order .form {\n box-shadow: none !important;\n border: none !important;\n padding: 0 !important;\n}\n#sbz92 .order .form .radio {\n height: unset !important;\n}\n#sbz92 .order .order--content {\n display: flex !important;\n flex: 1 !important;\n flex-direction: column !important;\n}\n#sbz92 .order .order--content-content {\n flex: 1 !important;\n overflow: auto !important;\n}\n#sbz92 .order .order--heading {\n margin: 0 !important;\n margin-top: 20px !important;\n padding-left: 20px !important;\n padding-right: 20px !important;\n padding-bottom: 8px !important;\n line-height: 20px !important;\n position: relative !important;\n}\n#sbz92 .order .order--header-desc {\n color: #6c757d !important;\n -webkit-text-fill-color: #6c757d !important;\n font-size: 13px !important;\n}\n#sbz92 .order .order__product_line {\n display: flex !important;\n overflow: hidden !important;\n}\n#sbz92 .order .order--footer {\n text-align: k center !important;\n cursor: pointer !important;\n display: flex !important;\n justify-content: center !important;\n align-items: flex-end !important;\n color: #acacac !important;\n -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .order .order--footer:hover {\n color: black !important;\n -webkit-text-fill-color: black !important;\n}\n#sbz92 .order .order_section_label {\n color: #444 !important;\n -webkit-text-fill-color: #444 !important;\n margin-bottom: 5px !important;\n text-transform: uppercase !important;\n font-size: 13px !important;\n font-weight: 500 !important;\n}\n#sbz92 .order .order_label {\n color: #444 !important;\n -webkit-text-fill-color: #444 !important;\n margin-bottom: 5px !important;\n text-transform: uppercase !important;\n font-size: 13px !important;\n font-weight: 500 !important;\n}\n#sbz92 .order .order_section {\n padding-left: 20px !important;\n padding-right: 20px !important;\n padding-bottom: 15px !important;\n padding-top: 15px !important;\n}\n#sbz92 .order .order_section__line {\n border-top: 4px solid #eee !important;\n width: 100% !important;\n}\n#sbz92 .order .order_summary_line {\n overflow: hidden !important;\n padding: 3px 0 !important;\n display: flex !important;\n justify-content: space-between !important;\n}\n#sbz92 .order .order_btn {\n width: 100% !important;\n}\n#sbz92 .order .order_tracking_link {\n text-decoration: underline !important;\n cursor: pointer !important;\n}\n#sbz92 .order .order_tracking_link:hover {\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .order .order_tracking_link_icon {\n margin-top: -3px !important;\n width: 15px !important;\n height: 15px !important;\n}\n#sbz92 .order .order_shipping_provider_logo {\n width: 32px !important;\n height: 32px !important;\n margin-right: 10px !important;\n}\n#sbz92 .order .order_btn.order__btn__light {\n background: #f0f0f0 !important;\n color: black !important;\n -webkit-text-fill-color: black !important;\n border-radius: 6px !important;\n text-align: center !important;\n padding: 8px !important;\n cursor: pointer !important;\n}\n#sbz92 .order .order_btn.order__btn__light:hover {\n color: black !important;\n -webkit-text-fill-color: black !important;\n background: #ddd !important;\n}\n#sbz92 div.order__card {\n display: flex !important;\n padding: 15px !important;\n box-shadow: none !important;\n border: 2px solid #eee !important;\n margin-top: 10px !important;\n border-radius: 8px !important;\n background: #fafafa !important;\n}\n#sbz92 div.order__card.order__card__active {\n border: 2px solid #777 !important;\n background: white !important;\n}\n#sbz92 .order_form_label {\n margin-top: 10px !important;\n margin-bottom: 4px !important;\n}\n#sbz92 .btn-confirm-order {\n width: 100% !important;\n background: '@primary_color' !important;\n display: flex !important;\n align-items: center !important;\n border-radius: 5px !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n padding: 15px 10px !important;\n cursor: pointer !important;\n justify-content: center !important;\n font-weight: 500 !important;\n margin-top: 10px !important;\n}\n#sbz92 .btn-confirm-order:hover {\n background: #0053d4 !important;\n}\n#sbz92 .order__total {\n font-weight: 500 !important;\n font-size: 20px !important;\n color: '@primary_color' !important;\n -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .btn-cancel-order {\n color: #666 !important;\n -webkit-text-fill-color: #666 !important;\n text-decoration: underline !important;\n display: inline-block !important;\n margin-top: 10px !important;\n cursor: pointer !important;\n}\n#sbz92 .btn-cancel-order:hover {\n color: #333 !important;\n -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .order_status {\n text-transform: uppercase !important;\n background: black !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n display: inline-block !important;\n border-radius: 4px !important;\n padding: 6px 6px 4px 6px !important;\n line-height: 1 !important;\n font-weight: 500 !important;\n font-size: 12px !important;\n}\n#sbz92 .order_status.order_status__canceled {\n background: whitesmoke !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__cancel {\n background: whitesmoke !important;\n color: #000 !important;\n -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__confirmed {\n background: '@primary_color' !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__shipping {\n background: #000 !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__fullfilled {\n background: #28a745 !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__hold {\n background: #dc3545 !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__draft {\n background: #ffc107 !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__open {\n background: #ffc107 !important;\n color: white !important;\n -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_error {\n display: flex !important;\n flex-direction: column !important;\n align-items: center !important;\n justify-content: center !important;\n height: 100% !important;\n width: 100% !important;\n}\n#sbz92 .order_attachment__note {\n font-size: 14px !important;\n white-space: pre-wrap !important;\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n display: -webkit-box !important;\n -webkit-line-clamp: 3 !important;\n -webkit-box-orient: vertical !important;\n}\n#sbz92 .dropdown_select {\n position: absolute !important;\n background: white !important;\n -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n border-radius: 5px !important;\n width: 150px !important;\n z-index: 20 !important;\n overflow: hidden !important;\n}\n#sbz92 .dropdown_select__overlay {\n top: 0 !important;\n overflow: hidden !important;\n position: absolute !important;\n background: #000000aa !important;\n z-index: 19 !important;\n left: 0 !important;\n right: 0 !important;\n bottom: 0 !important;\n}\n#sbz92 .dropdown_select__item {\n padding: 7px 10px !important;\n cursor: pointer !important;\n}\n#sbz92 .dropdown_select__item:hover {\n background: '@primary_color' !important;\n color: #fff !important;\n -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .dropdown_select_filter {\n padding: 8px 10px !important;\n border-bottom: 1px solid #eee !important;\n position: relative !important;\n}\n#sbz92 .dropdown_select_filter:hover .dropdown_select_filter__icon {\n opacity: 1 !important;\n}\n#sbz92 .dropdown_select_filter_input {\n border-radius: 5px !important;\n width: 100% !important;\n display: block !important;\n background: #f4f4f4 !important;\n border: none !important;\n padding: 7px 10px !important;\n padding-left: 35px !important;\n}\n#sbz92 .dropdown_select_filter_input:hover {\n background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_filter_input:focus,\n#sbz92 .dropdown_select_filter_input:active {\n background: #eee !important;\n}\n#sbz92 .dropdown_select_input {\n border-radius: 5px !important;\n overflow: hidden !important;\n cursor: pointer !important;\n flex-wrap: nowrap !important;\n display: flex !important;\n background: #f4f4f4 !important;\n border: 1px solid trasparent !important;\n padding: 7px 10px !important;\n height: 32px !important;\n min-width: 120px !important;\n width: 100% !important;\n}\n#sbz92 .dropdown_select_input:hover {\n background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_input:focus,\n#sbz92 .dropdown_select_input:active {\n background: #eee !important;\n}\n#sbz92 .dropdown_select_input.err {\n background: #ffe6e6 !important;\n border: 1px solid #ff8a8a !important;\n}\n#sbz92 .dropdown_select__items {\n max-height: 300px !important;\n min-height: 100px !important;\n overflow-x: hidden !important;\n overflow-y: auto !important;\n}\n#sbz92 .dropdown_select_filter__icon {\n width: 22px !important;\n height: 15px !important;\n position: absolute !important;\n z-index: 2 !important;\n top: 15px !important;\n left: 18px !important;\n border-right: 1px solid #aaa !important;\n padding-right: 7px !important;\n opacity: 0.5 !important;\n}\n#sbz92 .dropdown_select_filter__empty {\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n flex-direction: column !important;\n}\n#sbz92 .dropdown_select_filter__empty_img {\n height: 50px !important;\n margin-top: 10px !important;\n margin-bottom: 10px !important;\n}\n#sbz92 .dropdown_select__caret {\n width: 14px !important;\n margin-top: 3px !important;\n opacity: 0.6 !important;\n height: 15px !important;\n}\ndiv#sbz92 {\n all: initial;\n}\nbody div#sbz92 {\n all: initial !important;\n}\n",""]);const _t=$},6314:t=>{"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var o=t(n);return n[2]?"@media ".concat(n[2]," {").concat(o,"}"):o})).join("")},n.i=function(t,o,i){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var e=this[a][0];null!=e&&(r[e]=!0)}for(var p=0;p<t.length;p++){var m=[].concat(t[p]);i&&r[m[0]]||(o&&(m[2]?m[2]="".concat(o," and ").concat(m[2]):m[2]=o),n.push(m))}},n}},4417:t=>{"use strict";t.exports=function(t,n){return n||(n={}),"string"!=typeof(t=t&&t.__esModule?t.default:t)?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),n.hash&&(t+=n.hash),/["'() \t\n]/.test(t)||n.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t)}},6120:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png"},8268:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_23.529_60.784.1420241.png"},7698:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png"},3970:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png"},9521:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png"},8362:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png"},6501:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png"},4865:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png"},7435:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png"},2338:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png"},4777:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png"},9658:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png"},7987:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png"},1196:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png"},3284:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png"},8226:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png"},2729:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png"},1389:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png"},2420:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png"},4681:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png"},6129:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png"},102:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png"},5007:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png"}}]);