.joinchat__box__scroll{padding-bottom:0}.joinchat--hidden{display:none!important}.joinchat__agents{width:100%;padding:8px;max-height:1000px;transition:max-height 1s linear .3s}.joinchat__agents:first-child{padding-top:0}.joinchat__agent{position:relative;display:flex;align-items:center;width:calc(100% - 30px);max-width:calc(100% - 30px);height:60px;padding:0;margin:0 0 20px auto;border-radius:0 30px 30px 0;background:var(--color);color:var(--text);box-shadow:0 1px 2px 0 rgba(0,0,0,.3);cursor:pointer;transition:background .2s linear;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}.joinchat__agent:hover{background:var(--hover)}.joinchat__agent:last-child{margin-bottom:0}.joinchat__agent--offline{cursor:default}.joinchat__agents:not(.joinchat__agents--collapsed) .joinchat__agent--offline:hover{background:var(--color)}.joinchat__agents--offline-contact .joinchat__agent--offline{cursor:pointer}.joinchat__agent::before{content:'';display:block;position:absolute;top:0;right:0;width:60px;height:60px;background:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="364.83" height="347.8"%3E%3Cpath fill="%23fff" d="M19.992.148C14.918-.51 9.617 1.056 6.053 4.111 1.301 8.185-1.307 15.714.663 22.365l49.67 168.04h101.94a16.502 16.502 0 100-33H74.988L42.11 46.175l269.76 127.22-269.71 128.11 19.567-66.129a16.502 16.502 0 10-31.643-9.363L.663 325.439c-1.97 6.657.646 14.194 5.407 18.266 4.76 4.071 12.612 5.487 18.883 2.508l330.65-157.05c12.313-5.849 12.284-25.823-.043-31.637l-.008-.004L24.912 1.582A16.47 16.47 0 0019.988.156z"/%3E%3C/svg%3E') center no-repeat;background-size:32px;background-position:right 14px center;filter:brightness(min(1, max(.3, var(--bw))))}.joinchat__agent__image{position:absolute;z-index:1;top:0;left:-30px;width:60px;height:60px;border:2px solid #fff;border-radius:50%;background:#ccc none no-repeat center;background-size:cover;box-shadow:1px 2px 4px 0 rgba(0,0,0,.24)}.joinchat__agent__image::before{content:'';display:block;position:absolute;bottom:1px;left:1px;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background-color:#25d366;box-shadow:1px 2px 4px 0 rgba(0,0,0,.24)}.joinchat__agent--offline .joinchat__agent__image{filter:grayscale(100%)}.joinchat__agent__info{display:flex;flex-direction:column;justify-content:center;width:100%;height:100%;padding:0 60px 0 46px;white-space:nowrap}.joinchat__agent__name{font-size:16px;line-height:19px;font-weight:600;letter-spacing:.5px}.joinchat__agent__role{font-size:13px;line-height:15px;letter-spacing:.4px}.joinchat__agent__out{display:block;position:absolute;top:0;bottom:0;left:30px;right:2px;padding:0 60px 0 0;border-radius:0 30px 30px 0;background:var(--color);background:linear-gradient(to right,rgba(var(--rgb),.25) 0,rgba(var(--rgb),.9) 30%,rgba(var(--rgb),.9) 80%,rgba(var(--rgb),.3) 81%,rgba(var(--rgb),.3) 100%);font-size:13px;line-height:60px;letter-spacing:.4px;text-align:right}.joinchat__agent__out::before{content:'';display:inline-block;width:18px;height:24px;margin-right:10px;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='47.565' width='47'%3E%3Cstyle%3E@keyframes clock_back%7B0%25%7Btransform:rotateZ(0deg)%7Dto%7Btransform:rotateZ(-360deg)%7D%7D%3C/style%3E%3Cpath d='M35.21 0L47 11.79l-3.368 3.368-4.211-4.211L34.368 16 31 12.632l5.052-5.054-4.21-4.21L35.21 0z' fill='%23fff'/%3E%3Cg stroke='%23fff' stroke-linecap='round' stroke-width='5' fill='none'%3E%3Ccircle cx='20' cy='27.5' r='17.5'/%3E%3Cpath style='animation:clock_back 3s linear infinite normal forwards;transform-origin:20px 27.5px' d='M19.955 27.565h9.492'/%3E%3Cpath style='animation:clock_back 36s linear infinite normal forwards;transform-origin:20px 27.5px' d='M20 18.019v9.492'/%3E%3C/g%3E%3C/svg%3E") center top no-repeat;background-size:100%;vertical-align:middle;filter:brightness(min(1, max(.3, var(--bw))))}.joinchat__agent--online .joinchat__agent__out,.joinchat__agents--collapsed .joinchat__agent__out{display:none}.joinchat__agents--collapsed{display:flex;flex-direction:row-reverse;max-height:76px;transition:none}[dir=rtl] .joinchat__agents--collapsed{flex-direction:row}.joinchat__agents--collapsed .joinchat__agent{width:0;margin:0 0 0 auto;cursor:pointer}.joinchat__agents--maxmargin .joinchat__agent{margin:0 0 0 40px}.joinchat__agent--first{transition:background .2s linear,width .25s ease-out}.joinchat__agents--collapsed .joinchat__agent--first{width:auto;z-index:5}.joinchat__agent:nth-child(2){z-index:4}.joinchat__agent:nth-child(3){z-index:3}.joinchat__agent:nth-child(4){z-index:2}.joinchat__agent:nth-child(5){z-index:1}.joinchat__agents--collapsed .joinchat__agent:nth-child(n+6){display:none}.joinchat__agents--collapsed .joinchat__agent:not(.joinchat__agent--first)::before{opacity:0}.joinchat__agents--collapsed .joinchat__agent__image::before{content:none}.joinchat__agents--collapsed .joinchat__agent__info,.joinchat__agents--collapsed .joinchat__agent__out{padding:0;overflow:hidden}.joinchat__agents--collapsed .joinchat__agent--first .joinchat__agent__info>div{opacity:0;height:0}.joinchat__agents--collapsed .joinchat__agent--first .joinchat__agent__info::after{content:attr(data-start);max-width:170px;margin:0 64px 0 50px;line-height:60px;font-weight:600;text-align:left;white-space:nowrap;overflow:hidden}.joinchat__agents--collapsed.joinchat__agents--extra .joinchat__agent--first::after{content:attr(data-count);position:absolute;z-index:2;top:14px;left:12px;width:32px;height:32px;border:2px solid #fff;border-radius:50%;background:var(--color);color:var(--text);font-weight:600;line-height:28px;text-align:center;filter:hue-rotate(100deg)}@media (max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__agent{margin-bottom:10px}.joinchat__agents--collapsed .joinchat__agent{margin:0 0 0 30px}}@media (max-width:360px){.joinchat__agents--collapsed .joinchat__agent{margin:0 0 0 20px}}