: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:rgba(255,255,255,.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{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@-webkit-keyframes fadeInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes fadeInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.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{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fadeOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}@keyframes fadeOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}}html,body,#root{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:1em;overflow:hidden}*{box-sizing:border-box}div.menu>div{width:100%}#root{background:linear-gradient(to bottom,#eee 0,#ccc 100%)}#root>.loading{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.NavBar-root-8{flex-grow:0!important}.chat-screen--wrapper{position:absolute;top:0;right:0;left:0;bottom:0;display:flex;flex-direction:column}.chat-screen--wrapper .botsi-web-client{flex:1;position:relative;display:flex;flex-direction:column}.chat-screen--wrapper .botsi-web-client .chat-window{position:absolute;top:0;right:0;left:0;bottom:0;background:#f0f0f0;display:flex;flex-direction:column}.chat-screen--wrapper .botsi-web-client .chat-window .chat-messages{background:#f0f0f0;flex:1;overflow-y:auto;height:auto}.chat-screen--wrapper .botsi-web-client .chat-input{background:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.1)}.chat-screen--wrapper .embedded-nav{position:absolute;top:4px;right:10px;z-index:10}.chat-screen--wrapper .embedded-nav .btn{position:relative;border-radius:var(--botsquad-bubble-radius);background-size:contain;background-repeat:no-repeat;background-position:center;padding:4px;display:inline-block;width:36px;height:36px;cursor:pointer;opacity:.9}.chat-screen--wrapper .embedded-nav .btn:active{background:rgba(0,0,0,.3)}.chat-screen--wrapper .embedded-nav .btn:active svg{fill:#fff}.chat-screen--wrapper .embedded-nav .btn svg{fill:var(--botsquad-ui-color)}.chat-screen--wrapper .embedded-nav .btn .has-unread{width:10px;height:10px;border-radius:5px;background:#000;position:absolute;left:0;top:2px}.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;vertical-align:middle;margin-right:5px;margin-bottom:1px}.nav-bar--wrapper h3{opacity:.6}.nav-bar--wrapper h6{display:flex;flex-direction:row;align-items:center}.nav-bar--wrapper .avatar{position:relative;background-color:#eee;border:1px solid #ccc;border-radius:50%;vertical-align:text-bottom;background-position:center;background-size:cover;height:28px;width:28px;display:inline-block;margin-right:6px}.nav-bar--wrapper .avatar div.dot{width:8px;height:8px;position:absolute;right:0;bottom:0;border-radius:4px;background-color:#ccc;box-shadow:-1px -1px 1px rgba(0,0,0,.4)}.nav-bar--wrapper .avatar div.dot.online,.nav-bar--wrapper .avatar div.dot.bot{background-color:lime}:root{--pwa-light-overlay:rgba(0,0,0,.2);--pwa-dark-overlay:rgba(255,255,255,.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);position:absolute;top:0;right:0;left:0;bottom:0;overflow-y:auto}.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 div.top,.main-menu--wrapper.dark .button .circle,.main-menu--wrapper.dark .conversation,.main-menu--wrapper.dark .new-conversation,.main-menu--wrapper.dark.splash .cta button,.splash-screen--wrapper.dark div.top,.splash-screen--wrapper.dark .button .circle,.splash-screen--wrapper.dark .conversation,.splash-screen--wrapper.dark .new-conversation,.splash-screen--wrapper.dark.splash .cta button{background-color:var(--pwa-dark-overlay)}.main-menu--wrapper.light div.top,.main-menu--wrapper.light .button .circle,.main-menu--wrapper.light .conversation,.main-menu--wrapper.light .new-conversation,.main-menu--wrapper.light.splash .cta button,.splash-screen--wrapper.light div.top,.splash-screen--wrapper.light .button .circle,.splash-screen--wrapper.light .conversation,.splash-screen--wrapper.light .new-conversation,.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:rgba(255,255,255,.4)}.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;border-bottom:1px solid rgba(255,255,255,.2);padding-bottom:10px}.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{margin-top:-60px;position:relative;background-color:#eee;border:1px solid #ccc;border-radius:50%;vertical-align:text-bottom;background-position:center;background-size:cover;display:inline-block;height:120px;width:120px;box-shadow:var(--pwa-box-shadow)}.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{margin-top:-90px;position:relative;background-color:#eee;border:1px solid #ccc;border-radius:50%;vertical-align:text-bottom;background-position:center;background-size:cover;display:inline-block;height:180px;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{text-align:center;margin:20px 0}.main-menu--wrapper.splash .cta button,.splash-screen--wrapper.splash .cta button{cursor:pointer;background:none;padding:10px 24px;border-radius:2px;font-size:1.5em;font-weight:400;border:none;box-shadow:var(--pwa-box-shadow);outline:none}.main-menu--wrapper.splash .cta button:active,.splash-screen--wrapper.splash .cta button:active{background-color:rgba(255,255,255,.4)}.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;position:relative}.main-menu--wrapper.splash label.footer input,.splash-screen--wrapper.splash label.footer input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.main-menu--wrapper.splash label.footer .checkmark,.splash-screen--wrapper.splash label.footer .checkmark{position:absolute;top:4px;left:0;height:25px;width:25px;background-color:#eee;border:2px solid #000}.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:"";position:absolute;display:none}.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{left:7px;top:3px;width:5px;height:10px;border:solid #fff;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.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{display:inline-block;position:absolute;line-height:1;padding:5px 6px 2px;border-radius:8px;font-size:12px}.main-menu--wrapper .buttons,.splash-screen--wrapper .buttons{max-width:360px;padding:10px;margin:10px auto;display:flex;flex-wrap:wrap;justify-content:center}.main-menu--wrapper .buttons .button,.splash-screen--wrapper .buttons .button{text-decoration:none;cursor:pointer;display:inline-block;margin:0;padding:0;position:relative;margin:10px;width:calc(33.33% - 20px);box-sizing:border-box}.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{top:0;right: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{display:block;padding-top:100%;border-radius:100%;position:relative;background-size:cover;background-position:center}.main-menu--wrapper .buttons .button .circle>span.material-icons,.splash-screen--wrapper .buttons .button .circle>span.material-icons{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);font-size:3em}.main-menu--wrapper .conversations,.splash-screen--wrapper .conversations{max-width:360px;padding:10px;margin:10px auto;display:flex;flex-direction:column;align-items:center}.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{text-decoration:none;padding:10px 15px;border-radius:2px}.main-menu--wrapper .conversations .conversation,.splash-screen--wrapper .conversations .conversation{width:100%;display:block;text-decoration:none;padding:10px;border-radius:2px;position:relative;margin-bottom:10px;display:flex;flex-direction:row;align-items:center;background:#fff}.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{position:relative;background-color:#eee;border:1px solid #ccc;border-radius:50%;vertical-align:text-bottom;background-position:center;background-size:cover;height:32px;width:32px;display:inline-block;margin:2px;margin-right:10px}.main-menu--wrapper .conversations .conversation .avatar div.dot,.splash-screen--wrapper .conversations .conversation .avatar div.dot{width:8px;height:8px;position:absolute;right:0;bottom:0;border-radius:4px;background-color:#ccc;box-shadow:-1px -1px 1px rgba(0,0,0,.4)}.main-menu--wrapper .conversations .conversation .avatar div.dot.online,.main-menu--wrapper .conversations .conversation .avatar div.dot.bot,.splash-screen--wrapper .conversations .conversation .avatar div.dot.online,.splash-screen--wrapper .conversations .conversation .avatar div.dot.bot{background-color:lime}.main-menu--wrapper .conversations .conversation .button-count,.splash-screen--wrapper .conversations .conversation .button-count{top:5px;left:5px;color:#fff!important}.main-menu--wrapper .conversations .conversation .close,.splash-screen--wrapper .conversations .conversation .close{width:24px;height:24px;opacity:.5}.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{box-shadow:0 5px 10px rgba(0,0,0,.4);position:relative;width:360px;height:720px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;max-width:100%;max-height:100%;border-radius:30px;background-color:#000;padding:50px 10px}.phone-frame--wrapper ::-webkit-scrollbar{width:5px}.phone-frame--wrapper ::-webkit-scrollbar-thumb{background:rgba(0,0,0,.3)}.phone-frame--wrapper ::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.6)}.phone-frame--wrapper>div{position:absolute;top:50px;bottom:50px;left:10px;right:10px}.rtl .nav-bar--wrapper>header>div>button{margin-right:-12px;margin-left:6px}
.powered-by{position:absolute;bottom:12px;right:12px}.powered-by{line-height:1;opacity:.4}.powered-by a{text-decoration:none;color:inherit}@media(max-width:768px){.powered-by>span{display:none}}
