:root{--botsquad-main-color:#0084ff;--botsquad-main-color-lighter:lighten(#0084ff,10%);--botsquad-main-color-darker:darken(#0084ff,10%);--botsquad-secondary-color:rgba(0,0,0,.1);--botsquad-ui-color:#bbb;--botsquad-ui-background-color:hsla(0,0%,100%,.9);--botsquad-bubble-radius:20px;--botsquad-bot-avatar-size:31px;--botsquad-user-avatar-size:15px;--botsquad-border-style:1px solid #ddd;--botsquad-animation-delay:.4s}.nav-fade-right-enter.nav-fade-right-enter-active{-webkit-animation:fadeIn .55s;animation:fadeIn .55s;z-index:1}.mobile .nav-fade-right-enter.nav-fade-right-enter-active{-webkit-animation:fadeInRight .55s;animation:fadeInRight .55s;z-index:1}.nav-fade-left-enter.nav-fade-left-enter-active{-webkit-animation:fadeIn .55s;animation:fadeIn .55s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.nav-fade-right-exit{-webkit-animation:fadeOut .55s;animation:fadeOut .55s}.mobile .nav-fade-right-exit{-webkit-animation:fadeOutRight .55s;animation:fadeOutRight .55s}.mobile .nav-fade-left-exit{-webkit-animation:fadeOut .35s;animation:fadeOut .35s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.nav-bar--wrapper .nav-bar--menu-button{margin-left:-12px;margin-right:6px}.nav-bar--wrapper .nav-bar--flex{flex:1}.nav-bar--wrapper h6.nav-bar--title{color:inherit;font-size:1.25rem;font-weight:400;line-height:1.334;margin:0}#root,body,html{font-family:Roboto,sans-serif;font-size:1em;margin:0;overflow:hidden;padding:0}*{box-sizing:border-box}div.menu>div{width:100%}#root{background:linear-gradient(180deg,#eee 0,#ccc)}#root>.loading{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.NavBar-root-8{flex-grow:0!important}.chat-screen--wrapper{display:flex;flex-direction:column;inset:0;position:absolute}.chat-screen--wrapper .botsi-web-client{display:flex;flex:1;flex-direction:column;position:relative}.chat-screen--wrapper .botsi-web-client .chat-window{background:#f0f0f0;display:flex;flex-direction:column;inset:0;position:absolute}.chat-screen--wrapper .botsi-web-client .chat-window .chat-messages{background:#f0f0f0;flex:1;height:auto;overflow-y:auto}.chat-screen--wrapper .botsi-web-client .chat-input{background:#fff;box-shadow:inset 0 1px 3px #0000001a}.chat-screen--wrapper .embedded-nav{position:absolute;right:10px;top:4px;z-index:10}.chat-screen--wrapper .embedded-nav .btn{position:relative}.chat-screen--wrapper .embedded-nav .btn:active{background:#0000004d}.chat-screen--wrapper .embedded-nav .btn:active svg{fill:#fff}.chat-screen--wrapper .embedded-nav .btn{background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:var(--botsquad-bubble-radius);cursor:pointer;display:inline-block;height:36px;opacity:.9;padding:4px;width:36px}.chat-screen--wrapper .embedded-nav .btn svg{fill:var(--botsquad-ui-color)}.chat-screen--wrapper .embedded-nav .btn .has-unread{background:#000;border-radius:5px;height:10px;left:0;position:absolute;top:2px;width:10px}.nav-bar--wrapper h2,.nav-bar--wrapper h3{line-height:1;margin-bottom:0}.nav-bar--wrapper h2 span,.nav-bar--wrapper h3 span{display:inline-block;margin-bottom:1px;margin-right:5px;vertical-align:middle}.nav-bar--wrapper h3{opacity:.6}.nav-bar--wrapper h6{align-items:center;display:flex;flex-direction:row}.nav-bar--wrapper .avatar{background-color:#eee;background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:50%;display:inline-block;height:28px;margin-right:6px;position:relative;vertical-align:text-bottom;width:28px}.nav-bar--wrapper .avatar div.dot{background-color:#ccc;border-radius:4px;bottom:0;box-shadow:-1px -1px 1px #0006;height:8px;position:absolute;right:0;width:8px}.nav-bar--wrapper .avatar div.dot.bot,.nav-bar--wrapper .avatar div.dot.online{background-color:#0f0}:root{--pwa-light-overlay:rgba(0,0,0,.2);--pwa-dark-overlay:hsla(0,0%,100%,.2);--pwa-box-shadow:0 3px 8px rgba(0,0,0,.1)}.main-menu--wrapper,.splash-screen--wrapper{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);inset:0;overflow-y:auto;position:absolute}.main-menu--wrapper.light *,.splash-screen--wrapper.light *{color:#000}.main-menu--wrapper.dark *,.splash-screen--wrapper.dark *{color:#fff}.main-menu--wrapper div.top,.splash-screen--wrapper div.top{height:100px}.main-menu--wrapper.dark .button .circle,.main-menu--wrapper.dark .conversation,.main-menu--wrapper.dark .new-conversation,.main-menu--wrapper.dark div.top,.main-menu--wrapper.dark.splash .cta button,.splash-screen--wrapper.dark .button .circle,.splash-screen--wrapper.dark .conversation,.splash-screen--wrapper.dark .new-conversation,.splash-screen--wrapper.dark div.top,.splash-screen--wrapper.dark.splash .cta button{background-color:var(--pwa-dark-overlay)}.main-menu--wrapper.light .button .circle,.main-menu--wrapper.light .conversation,.main-menu--wrapper.light .new-conversation,.main-menu--wrapper.light div.top,.main-menu--wrapper.light.splash .cta button,.splash-screen--wrapper.light .button .circle,.splash-screen--wrapper.light .conversation,.splash-screen--wrapper.light .new-conversation,.splash-screen--wrapper.light div.top,.splash-screen--wrapper.light.splash .cta button{background-color:var(--pwa-light-overlay)}.main-menu--wrapper.dark .button-count,.splash-screen--wrapper.dark .button-count{background-color:#000;color:#fff}.main-menu--wrapper.dark .button .circle:active,.main-menu--wrapper.dark .conversation:active,.splash-screen--wrapper.dark .button .circle:active,.splash-screen--wrapper.dark .conversation:active{background-color:#fff6}.main-menu--wrapper.light .button-count,.splash-screen--wrapper.light .button-count{background-color:#fff;color:#000}.main-menu--wrapper.dark .button .circle,.main-menu--wrapper.dark .conversation,.main-menu--wrapper.dark .new-conversation,.splash-screen--wrapper.dark .button .circle,.splash-screen--wrapper.dark .conversation,.splash-screen--wrapper.dark .new-conversation{box-shadow:var(--pwa-box-shadow)}.main-menu--wrapper .header,.splash-screen--wrapper .header{padding:0 10px;text-align:center}.main-menu--wrapper .header h1,.splash-screen--wrapper .header h1{font-size:1.5em}.main-menu--wrapper .header div.avatar,.splash-screen--wrapper .header div.avatar{background-color:#eee;background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:50%;box-shadow:var(--pwa-box-shadow);display:inline-block;height:120px;margin-top:-60px;position:relative;vertical-align:text-bottom;width:120px}.main-menu--wrapper .header,.splash-screen--wrapper .header{border-bottom:1px solid hsla(0,0%,100%,.2);padding-bottom:10px}.main-menu--wrapper.splash div.top,.splash-screen--wrapper.splash div.top{height:150px}.main-menu--wrapper.splash .header,.splash-screen--wrapper.splash .header{border-bottom:0}.main-menu--wrapper.splash .header div.avatar,.splash-screen--wrapper.splash .header div.avatar{background-color:#eee;background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:50%;display:inline-block;height:180px;margin-top:-90px;position:relative;vertical-align:text-bottom;width:180px}.main-menu--wrapper.splash .header h1,.splash-screen--wrapper.splash .header h1{margin-top:50px}.main-menu--wrapper.splash .header p,.splash-screen--wrapper.splash .header p{margin:0 10px}.main-menu--wrapper.splash .cta,.splash-screen--wrapper.splash .cta{margin:20px 0;text-align:center}.main-menu--wrapper.splash .cta button,.splash-screen--wrapper.splash .cta button{background:none;border:none;border-radius:2px;box-shadow:var(--pwa-box-shadow);cursor:pointer;font-size:1.5em;font-weight:400;outline:none;padding:10px 24px}.main-menu--wrapper.splash .cta button:active,.splash-screen--wrapper.splash .cta button:active{background-color:#fff6}.main-menu--wrapper.splash .cta button:disabled,.splash-screen--wrapper.splash .cta button:disabled{opacity:.5}.main-menu--wrapper.splash label.footer,.splash-screen--wrapper.splash label.footer{display:block;font-size:.9em;margin:10px 30px 0}.main-menu--wrapper.splash label.footer input,.splash-screen--wrapper.splash label.footer input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.main-menu--wrapper.splash label.footer,.splash-screen--wrapper.splash label.footer{position:relative}.main-menu--wrapper.splash label.footer .checkmark,.splash-screen--wrapper.splash label.footer .checkmark{background-color:#eee;border:2px solid #000;height:25px;left:0;position:absolute;top:4px;width:25px}.main-menu--wrapper.splash label.footer span.text,.splash-screen--wrapper.splash label.footer span.text{display:inline-block;margin-left:35px}.main-menu--wrapper.splash label.footer input:checked~.checkmark,.splash-screen--wrapper.splash label.footer input:checked~.checkmark{background-color:#000}.main-menu--wrapper.splash label.footer .checkmark:after,.splash-screen--wrapper.splash label.footer .checkmark:after{content:"";display:none;position:absolute}.main-menu--wrapper.splash label.footer input:checked~.checkmark:after,.splash-screen--wrapper.splash label.footer input:checked~.checkmark:after{display:block}.main-menu--wrapper.splash label.footer .checkmark:after,.splash-screen--wrapper.splash label.footer .checkmark:after{border:solid #fff;border-width:0 3px 3px 0;height:10px;left:7px;top:3px;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:5px}.main-menu--wrapper.dark label.footer .checkmark,.splash-screen--wrapper.dark label.footer .checkmark{border-color:#fff}.main-menu--wrapper .button-count,.splash-screen--wrapper .button-count{border-radius:8px;display:inline-block;font-size:12px;line-height:1;padding:5px 6px 2px;position:absolute}.main-menu--wrapper .buttons,.splash-screen--wrapper .buttons{display:flex;flex-wrap:wrap;justify-content:center;margin:10px auto;max-width:360px;padding:10px}.main-menu--wrapper .buttons .button,.splash-screen--wrapper .buttons .button{box-sizing:border-box;cursor:pointer;display:inline-block;margin:10px;padding:0;position:relative;text-decoration:none;width:calc(33.33% - 20px)}.main-menu--wrapper .buttons .button .text,.splash-screen--wrapper .buttons .button .text{margin-top:10px;text-align:center}.main-menu--wrapper .buttons .button .button-count,.splash-screen--wrapper .buttons .button .button-count{right:0;top:0}.main-menu--wrapper .buttons.small .button,.splash-screen--wrapper .buttons.small .button{width:calc(25% - 20px)}.main-menu--wrapper .buttons .button .circle,.splash-screen--wrapper .buttons .button .circle{background-position:50%;background-size:cover;border-radius:100%;display:block;padding-top:100%;position:relative}.main-menu--wrapper .buttons .button .circle>span.material-icons,.splash-screen--wrapper .buttons .button .circle>span.material-icons{font-size:3em;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.main-menu--wrapper .conversations,.splash-screen--wrapper .conversations{align-items:center;display:flex;flex-direction:column;margin:10px auto;max-width:360px;padding:10px}.main-menu--wrapper .conversations+.conversations,.splash-screen--wrapper .conversations+.conversations{padding-top:0}.main-menu--wrapper .conversations .new-conversation,.splash-screen--wrapper .conversations .new-conversation{border-radius:2px;padding:10px 15px;text-decoration:none}.main-menu--wrapper .conversations .conversation,.splash-screen--wrapper .conversations .conversation{align-items:center;background:#fff;border-radius:2px;display:block;display:flex;flex-direction:row;margin-bottom:10px;padding:10px;position:relative;text-decoration:none;width:100%}.main-menu--wrapper .conversations .conversation *,.splash-screen--wrapper .conversations .conversation *{color:#333!important}.main-menu--wrapper .conversations .conversation:active,.splash-screen--wrapper .conversations .conversation:active{background-color:#eee}.main-menu--wrapper .conversations .conversation .meta,.splash-screen--wrapper .conversations .conversation .meta{flex:1}.main-menu--wrapper .conversations .conversation .meta .sub,.splash-screen--wrapper .conversations .conversation .meta .sub{font-size:75%;opacity:.8}.main-menu--wrapper .conversations .conversation .avatar,.splash-screen--wrapper .conversations .conversation .avatar{background-color:#eee;background-position:50%;background-size:cover;border:1px solid #ccc;border-radius:50%;display:inline-block;height:32px;margin:2px 10px 2px 2px;position:relative;vertical-align:text-bottom;width:32px}.main-menu--wrapper .conversations .conversation .avatar div.dot,.splash-screen--wrapper .conversations .conversation .avatar div.dot{background-color:#ccc;border-radius:4px;bottom:0;box-shadow:-1px -1px 1px #0006;height:8px;position:absolute;right:0;width:8px}.main-menu--wrapper .conversations .conversation .avatar div.dot.bot,.main-menu--wrapper .conversations .conversation .avatar div.dot.online,.splash-screen--wrapper .conversations .conversation .avatar div.dot.bot,.splash-screen--wrapper .conversations .conversation .avatar div.dot.online{background-color:#0f0}.main-menu--wrapper .conversations .conversation .button-count,.splash-screen--wrapper .conversations .conversation .button-count{color:#fff!important;left:5px;top:5px}.main-menu--wrapper .conversations .conversation .close,.splash-screen--wrapper .conversations .conversation .close{height:24px;opacity:.5;width:24px}.main-menu--wrapper .conversations .conversation .close svg,.splash-screen--wrapper .conversations .conversation .close svg{fill:currentColor}.main-menu--wrapper .conversations .conversation .close:active,.splash-screen--wrapper .conversations .conversation .close:active{opacity:1}.phone-frame--wrapper ::-webkit-scrollbar{width:5px}.phone-frame--wrapper ::-webkit-scrollbar-thumb{background:#0000004d}.phone-frame--wrapper ::-webkit-scrollbar-thumb:hover{background:#0009}.phone-frame--wrapper{box-shadow:0 5px 10px #0006;height:720px;left:50%;position:relative;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:360px}.phone-frame--wrapper>div{inset:50px 10px;position:absolute}.phone-frame--wrapper{background-color:#000;border-radius:30px;max-height:100%;max-width:100%;padding:50px 10px}.rtl .nav-bar--wrapper>header>div>button{margin-left:6px;margin-right:-12px}.app-bar{background-color:var(--botsquad-main-color,#1976d2);box-shadow:0 2px 4px -1px #0003,0 4px 5px #00000024,0 1px 10px #0000001f;box-sizing:border-box;color:var(--botsquad-main-contrast-text,#fff);display:flex;flex-direction:column;flex-shrink:0;width:100%}.app-bar.app-bar--static{position:static}.app-bar.app-bar--fixed{left:0;position:fixed;right:0;top:0;z-index:1100}.app-bar.app-bar--absolute{left:0;position:absolute;right:0;top:0;z-index:1100}.app-bar.app-bar--sticky{position:sticky;top:0;z-index:1100}.toolbar{align-items:center;display:flex;min-height:56px;padding:8px 16px;position:relative}@media(min-width:600px){.toolbar{min-height:64px}}.icon-button{align-items:center;background-color:transparent;border:0;border-radius:50%;box-sizing:border-box;color:inherit;cursor:pointer;display:inline-flex;font-size:1.5rem;justify-content:center;margin:0;outline:0;padding:8px;position:relative;text-decoration:none;transition:background-color .15s cubic-bezier(.4,0,.2,1) 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle}.icon-button:hover{background-color:#0000000a}.icon-button:active{background-color:#0000001f}.icon-button.icon-button--inherit{color:inherit}.icon-button.icon-button--primary{color:var(--botsquad-main-color,#1976d2)}.icon-button.icon-button--secondary{color:#dc004e}.icon-button svg{display:block;height:24px;width:24px}.icon{display:inline-block;fill:currentColor;flex-shrink:0;font-size:1.5rem;height:1em;transition:fill .2s cubic-bezier(.4,0,.2,1) 0s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1em}.icon.material-icons{font-family:Material Icons,sans-serif;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased}.powered-by{bottom:12px;line-height:1;opacity:.4;position:absolute;right:12px}.powered-by a{color:inherit;text-decoration:none}@media(max-width:768px){.powered-by>span{display:none}}