@import url("https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700&display=swap");@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}#environments .content .flickity-viewport{transition:height 0.2s}#environments .content .flickity-button{color:#F7F7F7}#environments .content .flickity-prev-next-button{width:28px;height:28px;background:transparent}#environments .content .flickity-prev-next-button.previous{left:20px}#environments .content .flickity-prev-next-button.next{right:20px}#environments .content .flickity-prev-next-button .flickity-button-icon{width:100%;height:100%;top:0;left:0}#environments .content .flickity-page-dots{margin-top:50px;position:relative;bottom:0;line-height:0}#environments .content .flickity-page-dots .dot{width:10px;height:10px;margin:0 5px;border-radius:0;opacity:1;background:#F7F7F7;transition:all 0.6s}#environments .content .flickity-page-dots .dot.is-selected{width:24px;background:#CDB15D}#contact .form form .form-footer .submit,#contact .wpcf7 form .form-footer .submit,#header .intro .button{padding:14px 18px 14px 50px;display:inline-flex;align-items:center;border:0;font-family:'Yantramanav';font-size:18px;font-size:1.125rem;font-weight:500;text-transform:uppercase;text-decoration:none;cursor:pointer;background:#CDB15D;color:#1D1D1D;transition:background 0.6s,color 0.6s,padding 0.6s cubic-bezier(0.97, 0.32, 0.1, 1.01)}#contact .form form .form-footer .submit:hover,#contact .wpcf7 form .form-footer .submit:hover,#header .intro .button:hover{padding-left:42px;padding-right:12px;background:#c9a22e}#contact .form form .form-footer .submit span,#contact .wpcf7 form .form-footer .submit span,#header .intro .button span,#contact .form form .form-footer .submit svg,#contact .wpcf7 form .form-footer .submit svg,#header .intro .button svg{position:relative}#contact .form form .form-footer .submit svg,#contact .wpcf7 form .form-footer .submit svg,#header .intro .button svg{margin-left:10px}#contact .form form input,#contact .wpcf7 form input,#contact .form form select,#contact .wpcf7 form select,#contact .form form textarea,#contact .wpcf7 form textarea{border:0;font-family:'Yantramanav';font-size:16px;font-weight:300;background:#2A2A2A;color:#F7F7F7}#contact .form form input[type="text"],#contact .wpcf7 form input[type="text"],#contact .form form input[type="email"],#contact .wpcf7 form input[type="email"],#contact .form form input[type="tel"],#contact .wpcf7 form input[type="tel"],#contact .form form input[type="password"],#contact .wpcf7 form input[type="password"],#contact .form form select,#contact .wpcf7 form select{width:100%;height:50px;padding:0 15px}#contact .form form textarea,#contact .wpcf7 form textarea{width:100%;height:140px;padding:15px;vertical-align:top;resize:none}#contact .form form .field:not(:first-child),#contact .wpcf7 form .field:not(:first-child){margin-top:16px}#contact .form form .field.double,#contact .wpcf7 form .field.double,#contact .form form .field.triple,#contact .wpcf7 form .field.triple{display:flex;justify-content:space-between}@media screen and (max-width: 520px){#contact .form form .field.double,#contact .wpcf7 form .field.double,#contact .form form .field.triple,#contact .wpcf7 form .field.triple{display:block}}#contact .form form .field.double .field,#contact .wpcf7 form .field.double .field,#contact .form form .field.triple .field,#contact .wpcf7 form .field.triple .field{margin-top:0}@media screen and (max-width: 520px){#contact .form form .field.double .field,#contact .wpcf7 form .field.double .field,#contact .form form .field.triple .field,#contact .wpcf7 form .field.triple .field{margin-top:16px}}#contact .form form .field.double .field,#contact .wpcf7 form .field.double .field{width:47.5%}@media screen and (max-width: 520px){#contact .form form .field.double .field,#contact .wpcf7 form .field.double .field{width:100%}}#contact .form form .field.triple .field,#contact .wpcf7 form .field.triple .field{width:30.5%}@media screen and (max-width: 520px){#contact .form form .field.triple .field,#contact .wpcf7 form .field.triple .field{width:100%}}#contact .form form .label,#contact .wpcf7 form .label{display:inline-block;margin-bottom:4px;font-weight:500;text-transform:uppercase}#contact .form form .form-footer,#contact .wpcf7 form .form-footer{margin-top:20px;text-align:right}#environments .block{width:25%;position:relative;background:#1D1D1D}@media screen and (max-width: 960px){#environments .block{width:33.333%}}@media screen and (max-width: 768px){#environments .block{width:50%}}#environments .block:before{content:'';width:100px;height:100px;position:absolute;top:50%;left:50%;opacity:0;transform:translateX(-50%) translateY(-50%);background:url(//voiambientes.com.br/wp-content/themes/voi/assets/img/icon-plus.svg) center no-repeat #CDB15D;background-size:44px;pointer-events:none;z-index:1;transition:all 0.6s}@media screen and (max-width: 960px){#environments .block:before{width:60px;height:60px;background-size:24px}}#environments .block:hover:before{opacity:1}#environments .block:hover .image{opacity:0.45}#environments .block a{color:#F7F7F7;text-decoration:none;transition:0.6s all}#environments .block a:hover{color:#CDB15D}#environments .block .image{opacity:0.35;transition:0.6s all}#environments .block .image img{width:100%;height:auto;vertical-align:top;pointer-events:none}#environments .block .details{width:100%;padding:30px;position:absolute;bottom:0;left:0;display:flex;align-items:center;font-size:26px;font-size:1.625rem;line-height:1.625rem;font-weight:300;text-transform:uppercase;letter-spacing:0.2em}@media screen and (max-width: 960px){#environments .block .details{padding:20px;font-size:20px;font-size:1.25rem;line-height:1.25rem}}#environments .block .details svg{width:28px;height:28px;vertical-align:top;color:#CDB15D}@media screen and (max-width: 960px){#environments .block .details svg{width:18px;height:18px}}#environments .block .details .text{margin-left:20px}@media screen and (max-width: 960px){#environments .block .details .text{margin-left:10px}}::-moz-selection{background:#CDB15D;color:#F7F7F7}::selection{background:#CDB15D;color:#F7F7F7}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{font-family:'Yantramanav';font-size:16px;font-weight:500;background:url(//voiambientes.com.br/wp-content/themes/voi/assets/img/bg.png) top center repeat-y #1D1D1D;color:#F7F7F7}@media screen and (max-width: 1200px){html,body{background-size:contain}}@media screen and (max-width: 960px){html,body{font-size:14px;background-image:none}}@media screen and (max-width: 768px){html,body{font-size:12px}}body{max-width:1920px;margin:0 auto;position:relative;overflow-x:hidden;animation-name:fadeIn;animation-duration:1s}svg{fill:currentColor}strong,b{font-weight:700}input,select,button{border-radius:0}a{color:#F7F7F7;transition:all 0.6s}a:hover{color:#CDB15D}section .section-header{text-align:center}section .section-header .title{padding-left:0.3em;font-size:34px;font-size:2.125rem;font-weight:300;text-transform:uppercase;letter-spacing:0.3em}section .section-header .title strong{font-weight:400;color:#CDB15D}.container{max-width:1200px;margin:0 auto;padding:0 10px;position:relative}@media screen and (max-width: 960px){.container{padding:0 20px}}#header{height:100vh;margin-top:-1px;padding-top:1px;display:flex;flex-direction:column;position:relative;background:#000}@media screen and (max-width: 960px){#header{height:420px}}#header:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;opacity:0.60;background:#000}#header #menu-toggler{position:fixed;left:-9999px}#header #menu-toggler:checked+.hamburger{position:fixed;top:34px}#header #menu-toggler:checked+.hamburger .line{background:#F7F7F7}#header #menu-toggler:checked+.hamburger .line:first-child{transform:rotate(45deg) translate3d(8px, 2px, 0)}#header #menu-toggler:checked+.hamburger .line:nth-child(2){opacity:0;transform:translateX(-50px)}#header #menu-toggler:checked+.hamburger .line:last-child{transform:rotate(-45deg) translate3d(8px, -2px, 0)}#header #menu-toggler:checked ~ .heading{position:fixed;left:50%;transform:translateX(-50%)}#header #menu-toggler:checked ~ .heading .logo svg{width:90px}#header #menu-toggler:checked ~ .heading .phone{max-width:0;margin-left:0;opacity:0;pointer-events:none}#header #menu-toggler:checked ~ .menu{left:0}#header .hamburger{position:absolute;top:42px;right:20px;display:none;cursor:pointer;transition:all 0.6s;z-index:11}@media screen and (max-width: 640px){#header .hamburger{display:block}}@media screen and (max-width: 360px){#header .hamburger{top:38px}}#header .hamburger .line{width:28px;height:1px;display:block;background:#F7F7F7;transition:all 0.4s}#header .hamburger .line:nth-child(2){margin:6px 0}#header .slider{width:100%;height:100%;position:absolute;top:0;left:0;pointer-events:none;opacity:0.60}#header .slider .photo{width:100%;height:100%;background-size:cover}#header .heading{width:188px;height:338px;padding:30px;position:absolute;top:0;left:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;background:#1D1D1D;transition:all 0.6s;z-index:11}@media screen and (max-width: 960px){#header .heading{width:auto;height:auto;padding:20px 0 0 20px;flex-direction:row;align-items:center;justify-content:start;background:transparent}}#header .heading .logo{margin:36px -100px 0 0}#header .heading .logo svg{transition:all 0.6s}@media screen and (max-width: 960px){#header .heading .logo svg{width:120px;height:auto}}@media screen and (max-width: 360px){#header .heading .logo svg{width:100px}}@media screen and (max-width: 960px){#header .heading .logo{margin:0}}#header .heading .phone{max-width:500px;height:96px;margin-left:128px;position:absolute;top:60px;left:100%;display:flex;align-items:center;white-space:nowrap;font-size:18px;font-size:1.125rem;font-weight:300;text-transform:uppercase;transition:all 0.6s}@media screen and (max-width: 960px){#header .heading .phone{height:auto;margin-left:30px;position:relative;top:0;left:0}}@media screen and (max-width: 360px){#header .heading .phone{margin-left:20px}}#header .heading .phone.active a{color:#CDB15D}#header .heading .phone a{text-decoration:none}#header .heading .social{margin-top:auto;pointer-events:all}@media screen and (max-width: 960px){#header .heading .social{display:none}}#header .heading .social .items{display:flex;list-style:none}#header .heading .social .items a{opacity:0.4;color:#F7F7F7;transition:all 0.6s}#header .heading .social .items a:hover{opacity:1;color:#CDB15D}#header .heading .social .item{display:block}#header .heading .social .item:not(:first-child){margin-left:26px}#header .menu{height:96px;margin-top:60px}@media screen and (max-width: 960px){#header .menu{height:58px;margin-top:20px}}@media screen and (max-width: 640px){#header .menu{width:100vw;height:100vh;margin-top:0;padding:0 20px;position:fixed;top:0;left:-100vw;background:rgba(29,29,29,0.85);-webkit-backdrop-filter:saturate(100%) blur(20px);backdrop-filter:saturate(100%) blur(20px);z-index:10;transition:left 0.6s}}#header .menu .container{height:100%;display:flex;align-items:center}@media screen and (max-width: 640px){#header .menu .container{height:auto;display:block}}#header .menu .items{margin-left:auto;display:flex;list-style:none}@media screen and (max-width: 640px){#header .menu .items{margin-top:100px;margin-left:0;display:block}}#header .menu .item{margin-left:36px;font-size:18px;font-size:1.125rem;font-weight:300;text-transform:uppercase}@media screen and (max-width: 640px){#header .menu .item{margin-left:0;font-size:28px;font-size:1.75rem;text-transform:none}#header .menu .item:not(:last-child){border-bottom:1px solid rgba(247,247,247,0.2)}}#header .menu .item.active a{color:#CDB15D}#header .menu .item a{text-decoration:none}@media screen and (max-width: 640px){#header .menu .item a{padding:15px 0;display:block}}#header .intro{width:100%;position:absolute;top:50%;text-align:right;transform:translateY(-50%)}@media screen and (max-width: 960px){#header .intro{margin-top:auto;margin-bottom:40px;position:relative;top:0;transform:none}}#header .intro .text{font-size:70px;font-size:4.375rem;font-weight:100}@media screen and (max-width: 960px){#header .intro .text{font-size:60px;font-size:3.75rem}}@media screen and (max-width: 480px){#header .intro .text{font-size:45px;font-size:2.8125rem}}@media screen and (max-width: 360px){#header .intro .text{font-size:40px;font-size:2.5rem}}@media screen and (max-width: 640px){#header .intro .text br{display:none}}#header .intro .button{margin-top:28px}#header .page-title{margin-top:auto}#header .page-title .container{height:100%}#header .page-title .title{margin-right:-0.2em;position:absolute;bottom:76px;right:10px;font-size:70px;font-size:4.375rem;font-weight:100;letter-spacing:0.2em}@media screen and (max-width: 960px){#header .page-title .title{bottom:20px;right:20px;font-size:50px;font-size:3.125rem}}@media screen and (max-width: 640px){#header .page-title .title{font-size:40px;font-size:2.5rem}}@media screen and (max-width: 480px){#header .page-title .title{font-size:30px;font-size:1.875rem}}#contact{margin-top:100px}@media screen and (max-width: 960px){#contact{margin-top:60px}}#contact a{text-decoration:none}#contact .content{margin-top:64px;display:flex}@media screen and (max-width: 960px){#contact .content{margin-top:40px;flex-direction:column}}#contact .details{width:33.333%;padding-left:12px;font-size:14px;text-transform:uppercase}@media screen and (max-width: 960px){#contact .details{width:100%;margin-top:30px;padding-left:0;text-align:center;order:1}}#contact .details .branding{margin-bottom:22px;display:flex;align-items:center}@media screen and (max-width: 960px){#contact .details .branding{justify-content:center}}#contact .details .social{margin-left:30px}#contact .details .social .items{display:flex;list-style:none}#contact .details .social .items a{opacity:0.4;color:#F7F7F7;transition:all 0.6s}#contact .details .social .items a:hover{opacity:1;color:#CDB15D}#contact .details .social .item{display:block}#contact .details .social .item:not(:first-child){margin-left:26px}#contact .details .phones,#contact .details .emails{margin-bottom:8px;font-weight:300}#contact .form,#contact .wpcf7{width:66.666%;position:relative}@media screen and (max-width: 960px){#contact .form,#contact .wpcf7{width:100%}}#contact .form form,#contact .wpcf7 form{display:flex}@media screen and (max-width: 640px){#contact .form form,#contact .wpcf7 form{display:block}}#contact .form .wpcf7-response-output,#contact .wpcf7 .wpcf7-response-output{margin-top:-20px;position:absolute;top:100%}@media screen and (max-width: 640px){#contact .form .wpcf7-response-output,#contact .wpcf7 .wpcf7-response-output{margin:20px 0;position:relative;top:0}}#contact .form .message,#contact .wpcf7 .message{width:50%;margin-bottom:20px;font-weight:400}#contact .form .message.success,#contact .wpcf7 .message.success{color:#8AB83F}#contact .form .message.error,#contact .wpcf7 .message.error{color:#D02F38}@media screen and (max-width: 960px){#contact .form .message,#contact .wpcf7 .message{width:100%}}#contact .form .block,#contact .wpcf7 .block{width:50%}@media screen and (max-width: 640px){#contact .form .block,#contact .wpcf7 .block{width:100%}}#contact .form .block:nth-child(3),#contact .wpcf7 .block:nth-child(3){padding-left:20px}@media screen and (max-width: 640px){#contact .form .block:nth-child(3),#contact .wpcf7 .block:nth-child(3){margin-top:20px;padding-left:0}}#contact .form .ajax-loader,#contact .wpcf7 .ajax-loader{margin-right:-20px !important}#footer{margin:36px 0;font-size:14px;font-size:.875rem;font-weight:300;text-transform:uppercase}#footer a{text-decoration:none;color:inherit;transition:all 0.6s}#footer a:hover{color:#CDB15D}#footer .container{display:flex;justify-content:space-between}#about{padding:100px 0 0}@media screen and (max-width: 960px){#about{padding:40px 0 0}}#about .content{margin-top:52px;display:flex;align-items:flex-start}@media screen and (max-width: 960px){#about .content{margin-top:30px;flex-wrap:wrap}}#about .content .block{width:33.333%;flex-shrink:0}@media screen and (max-width: 960px){#about .content .block{width:100%}#about .content .block:not(:first-child){margin-top:50px}}@media screen and (max-width: 960px){#about .content .block.assets,#about .content .block.photo{width:50%}}@media screen and (max-width: 480px){#about .content .block.assets,#about .content .block.photo{width:100%}}@media screen and (max-width: 960px){#about .content .block.history{text-align:center}}@media screen and (max-width: 960px){#about .content .block.assets{align-self:center;padding-left:0}}@media screen and (max-width: 480px){#about .content .block.assets{text-align:center}}@media screen and (max-width: 480px){#about .content .block.assets .block-content{display:flex;flex-wrap:wrap;justify-content:center}}#about .content .block.assets .asset{margin-bottom:20px;display:flex;align-items:center}@media screen and (max-width: 480px){#about .content .block.assets .asset{width:50%;margin-top:20px;padding:0 20px}}#about .content .block.assets .asset:not(:first-child){margin-top:14px}@media screen and (max-width: 480px){#about .content .block.assets .asset:not(:first-child){margin-top:20px}}#about .content .block.assets .asset svg{margin-right:10px;display:block;color:#CDB15D}@media screen and (max-width: 480px){#about .content .block.assets .asset svg{margin-left:auto;margin-right:auto}}#about .content .block.photo img{width:100%;height:auto;pointer-events:none;vertical-align:top;box-shadow:0px 12px 24.96px 7.04px rgba(15,15,15,0.3)}#about .content .block-header,#about .content .block-content{padding-right:30px}@media screen and (max-width: 960px){#about .content .block-header,#about .content .block-content{padding-right:0}}#about .content .block-header strong{color:#CDB15D}#about .content .block-header .title{font-size:26px;font-size:1.625rem}#about .content .block-content{margin-top:18px;font-size:17px;font-size:1.0625rem;font-weight:300}#about .content .block-content strong{font-weight:400}#about .content .block-content p:not(:first-child){margin-top:20px}#environments{margin-top:110px}@media screen and (max-width: 960px){#environments{margin-top:60px}}#environments .content{margin-top:68px}#highlight{margin-top:160px;background:#2A2A2A}@media screen and (max-width: 960px){#highlight{margin-top:60px;padding:20px 0}}#highlight .container{display:flex}@media screen and (max-width: 480px){#highlight .container{display:block}}#highlight .section-header{text-align:left}#highlight .section-header .tagline{margin:0 0 -6px;font-size:13px;font-weight:300;text-transform:uppercase;opacity:0.58}#highlight .section-header .title{padding-left:0;font-weight:500;letter-spacing:0.2em;color:#CDB15D}#highlight .image{width:33.333%;margin-top:-40px;flex-shrink:0}@media screen and (max-width: 960px){#highlight .image{margin:0}}@media screen and (max-width: 480px){#highlight .image{width:260px;display:block}}#highlight .image img{width:100%;height:auto;vertical-align:top;box-shadow:0px 12px 24.96px 7.04px rgba(15,15,15,0.3)}#highlight .content{margin-left:10px;padding:0 100px;align-self:center}@media screen and (max-width: 960px){#highlight .content{padding:0 40px}}@media screen and (max-width: 640px){#highlight .content{padding:0 20px}}@media screen and (max-width: 480px){#highlight .content{margin-top:30px;margin-left:0;padding:0}}#highlight .content .text{margin-top:10px;font-weight:300}.joinchat{--bottom:20px;--sep:20px;--header:70px;--btn:60px;--red:37;--green:211;--blue:102;--rgb:var(--red),var(--green),var(--blue);--color:rgb(var(--rgb));--dark:rgb(calc(var(--red) - 75),calc(var(--green) - 75),calc(var(--blue) - 75));--hover:rgb(calc(var(--red) + 50),calc(var(--green) + 50),calc(var(--blue) + 50));--bg:rgba(var(--rgb),0.04);--tolerance:210;--bw:calc((var(--red)*0.2126 + var(--green)*0.7152 + var(--blue)*0.0722 - var(--tolerance))*-100000);--text:rgba(var(--bw),var(--bw),var(--bw),min(1,max(0.7,var(--bw))));--msg:var(--color);position:fixed;z-index:1000;right:var(--sep);bottom:var(--bottom);color:var(--text);font:normal normal normal 16px/1.625em -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;letter-spacing:0;transform:scale3d(0,0,0);transition:transform .3s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none;-webkit-font-smoothing:antialiased}.joinchat *,.joinchat :after,.joinchat :before{box-sizing:border-box}.joinchat--show{transform:scaleX(1);transition:transform .5s cubic-bezier(.18,.89,.32,1.28)}.joinchat.joinchat--left{right:auto;left:var(--sep)}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat{--bottom:6px;--sep:6px;--header:55px}}.joinchat.joinchat--dark{--msg:var(--dark)}@media (color-index:48){.joinchat.joinchat--dark-auto{--msg:var(--dark)}}@media (prefers-color-scheme:dark){.joinchat.joinchat--dark-auto{--msg:var(--dark)}}.joinchat__button{display:flex;flex-direction:row;position:absolute;z-index:2;bottom:8px;right:8px;height:var(--btn);min-width:var(--btn);max-width:95vw;background:#25d366;color:inherit;border-radius:calc(var(--btn)/2);box-shadow:1px 6px 24px 0 rgba(7,94,84,.24);cursor:pointer;transition:background .2s linear;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:background-color,width}.joinchat__button:hover{background:#128c7e;transition:background 1.5s linear}.joinchat__button:active{background:#128c7e;transition:none}.joinchat--chatbox .joinchat__button{background:var(--color);transition:background .2s linear;box-shadow:0 1px 2px 0 rgba(0,0,0,.3)}.joinchat--chatbox .joinchat__button:active,.joinchat--chatbox .joinchat__button:hover{background:var(--hover)}[dir=rtl] .joinchat__button{flex-direction:row-reverse}.joinchat--left .joinchat__button{right:auto;left:8px;flex-direction:row-reverse}[dir=rtl] .joinchat--left .joinchat__button{flex-direction:row}.joinchat__button__open{width:var(--btn);height:var(--btn);background:transparent url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M3.516 3.516c4.686-4.686 12.284-4.686 16.97 0 4.686 4.686 4.686 12.283 0 16.97a12.004 12.004 0 01-13.754 2.299l-5.814.735a.392.392 0 01-.438-.44l.748-5.788A12.002 12.002 0 013.517 3.517zm3.61 17.043l.3.158a9.846 9.846 0 0011.534-1.758c3.843-3.843 3.843-10.074 0-13.918-3.843-3.843-10.075-3.843-13.918 0a9.846 9.846 0 00-1.747 11.554l.16.303-.51 3.942a.196.196 0 00.219.22l3.961-.501zm6.534-7.003l-.933 1.164a9.843 9.843 0 01-3.497-3.495l1.166-.933a.792.792 0 00.23-.94L9.561 6.96a.793.793 0 00-.924-.445 1291.6 1291.6 0 00-2.023.524.797.797 0 00-.588.88 11.754 11.754 0 0010.005 10.005.797.797 0 00.88-.587l.525-2.023a.793.793 0 00-.445-.923L14.6 13.327a.792.792 0 00-.94.23z'/%3E%3C/svg%3E") 50% no-repeat;background-size:60%}.joinchat--chatbox .joinchat__button__open{display:none}.joinchat__button__image{position:absolute;top:1px;right:1px;width:calc(var(--btn) - 2px);height:calc(var(--btn) - 2px);border-radius:50%;overflow:hidden;opacity:0}.joinchat__button__image img{display:block;width:100%;height:100%;object-fit:cover}.joinchat--show .joinchat__button__image{animation:joinchat_image_loop 20s linear 5s infinite normal both}.joinchat--image .joinchat__button__image{opacity:1;animation:none}.joinchat--chatbox .joinchat__button__image{display:none}.joinchat__button__send{display:none;width:var(--btn);height:var(--btn);max-width:var(--btn);padding:12px 11px 12px 13px;margin:0;flex-shrink:0}.joinchat--chatbox .joinchat__button__send{display:block}.joinchat__button__send path{fill:none!important;stroke:var(--text)!important}.joinchat__button__send .joinchat_svg__plain{stroke-dasharray:1097;stroke-dashoffset:1097;animation:joinchat_plain 6s .2s ease-in-out infinite}.joinchat__button__send .joinchat_svg__chat{stroke-dasharray:1020;stroke-dashoffset:1020;animation:joinchat_chat 6s 3.2s ease-in-out infinite}.joinchat__button__sendtext{padding:0;max-width:0;font-weight:600;line-height:var(--btn);white-space:nowrap;opacity:0;overflow:hidden;transition:none}.joinchat--chatbox .joinchat__button__sendtext{padding:0 4px 0 24px;max-width:200px;opacity:1;transition:max-width .2s linear,opacity .4s ease-out .2s}.joinchat--chatbox.joinchat--left .joinchat__button__sendtext{padding:0 24px 0 4px}.joinchat__badge{position:absolute;top:-4px;right:-4px;width:20px;height:20px;border:none;border-radius:50%;background:#e82c0c;color:#fff;font-size:12px;font-weight:600;line-height:20px;text-align:center;box-shadow:none;opacity:0;pointer-events:none}.joinchat__badge.joinchat__badge--in{animation:joinchat_badge_in .5s cubic-bezier(.27,.9,.41,1.28) 1 both}.joinchat__badge.joinchat__badge--out{animation:joinchat_badge_out .4s cubic-bezier(.215,.61,.355,1) 1 both}.joinchat__tooltip{position:absolute;top:14px;right:76px;max-width:calc(100vw - 105px);height:32px;padding:0 14px;border:none;border-radius:16px;background:#fff;color:rgba(0,0,0,.8);line-height:31px;white-space:nowrap;opacity:0;filter:drop-shadow(0 1px 4px rgba(0,0,0,.4));transform:translateZ(0);pointer-events:none}.joinchat__tooltip:after{content:"";display:block;position:absolute;top:10px;right:-6px;border:8px solid transparent;border-width:6px 0 6px 8px;border-left-color:#fff}.joinchat__tooltip div{overflow:hidden;text-overflow:ellipsis}.joinchat--tooltip .joinchat__tooltip{animation:joinchat_tootlip 20s linear 5s 1 normal both}.joinchat--chatbox .joinchat__tooltip{display:none}.joinchat--left .joinchat__tooltip{right:auto;left:76px}.joinchat--left .joinchat__tooltip:after{left:-6px;right:auto;border-color:transparent;border-width:6px 8px 6px 0;border-right-color:#fff}.joinchat__box{display:flex;flex-direction:column;position:absolute;bottom:0;right:0;z-index:1;width:calc(100vw - var(--sep)*2);max-width:400px;min-height:170px;max-height:calc(100vh - var(--bottom) - var(--sep));border-radius:32px;background:transparent;box-shadow:0 2px 6px 0 rgba(0,0,0,.5);text-align:left;overflow:hidden;transform:scale3d(0,0,0);opacity:0;transition:opacity .4s ease-out,transform 0ms linear .3s}.joinchat--chatbox .joinchat__box{opacity:1;transform:scaleX(1);transition:opacity .2s ease-out,transform 0ms linear}.joinchat--left .joinchat__box{right:auto;left:0}.joinchat__header{position:relative;flex-shrink:0;height:var(--header);line-height:var(--header);padding:0 26px;margin:0;background:var(--color);text-align:left}[dir=rtl] .joinchat__header{text-align:right}.joinchat--dark .joinchat__header{background:var(--dark)}.joinchat__copy{font-size:11px;line-height:18px;color:inherit!important;text-decoration:none!important;fill:currentColor;opacity:.8}.joinchat__copy svg{display:inline-block;width:auto;height:18px;vertical-align:-26%}a.joinchat__copy:active,a.joinchat__copy:hover{color:inherit!important;text-decoration:none!important;opacity:.9}.joinchat__close{position:absolute;top:50%;right:24px;width:34px;height:34px;margin-top:-16px;border-radius:50%;background:rgba(0,0,0,.4) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23fff'%3E%3Cpath d='M24 2.4L21.6 0 12 9.6 2.4 0 0 2.4 9.6 12 0 21.6 2.4 24l9.6-9.6 9.6 9.6 2.4-2.4-9.6-9.6L24 2.4z'/%3E%3C/svg%3E") 50% no-repeat;background-size:12px;cursor:pointer;transition:background-color .3s ease-out;-webkit-tap-highlight-color:rgba(0,0,0,0)}.joinchat__close:hover{background-color:rgba(0,0,0,.6)}[dir=rtl] .joinchat__close{right:auto;left:24px}.joinchat__box__scroll{padding:20px 0 70px;padding-bottom:calc(var(--btn) + 10px);background:#fff linear-gradient(0deg,var(--bg),var(--bg));overflow-x:hidden;overflow-y:auto;will-change:scroll-position}.joinchat__box__scroll::-webkit-scrollbar{width:5px;background:transparent}.joinchat__box__scroll::-webkit-scrollbar-thumb{border-radius:3px;background:transparent}.joinchat__box__scroll:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2)}.joinchat--blur .joinchat__box__scroll{background:rgba(var(--rgb),.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.joinchat--dark .joinchat__box__scroll{background:#1a1a1a}@supports (-webkit-overflow-scrolling:touch){.joinchat__box__scroll{overflow-y:scroll;-webkit-overflow-scrolling:touch}}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__close{margin-top:-14px;width:28px;height:28px}.joinchat__box__scroll{padding-top:15px}}@media (color-index:48){.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}}@media (prefers-color-scheme:dark){.joinchat--dark-auto .joinchat__box__scroll{background:#1a1a1a}.joinchat--dark-auto .joinchat__header{background:var(--dark)}}.joinchat__message{position:relative;min-height:60px;padding:17px 20px;margin:0 26px 26px;border-radius:32px;background:#fff;color:#4a4a4a;filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));transform:translateZ(0)}.joinchat__message:before{content:"";display:block;position:absolute;bottom:20px;left:-15px;width:17px;height:25px;background:inherit;-webkit-clip-path:url(#joinchat__message__peak);clip-path:url(#joinchat__message__peak)}.joinchat--dark .joinchat__message{background:#505050;color:#d8d8d8}@media (color-index:48){.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (prefers-color-scheme:dark){.joinchat--dark-auto .joinchat__message{background:#505050;color:#d8d8d8}}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__message{padding:18px 16px;line-height:24px;margin:0 20px 20px}}@keyframes joinchat_badge_in{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes joinchat_badge_out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes joinchat_plain{0%,50%,to{stroke-dashoffset:1097}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_chat{0%,50%,to{stroke-dashoffset:1020}5%,45%{stroke-dashoffset:0}}@keyframes joinchat_image_loop{0%{opacity:0}3%,20%{opacity:1}25%,to{opacity:0}}@keyframes joinchat_tootlip{0%{opacity:0;transform:scaleY(0)}1%,20%{opacity:1;transform:scaleY(1)}25%,to{opacity:0;transform:scaleY(1)}}