.joinchat:has(.joinchat__agents) .joinchat__open{display:none}.joinchat__agents{--mb:16px;--agentH:calc(var(--s) + var(--mb));--agents:10;position:-webkit-sticky;position:sticky;z-index:2;bottom:8px;display:flex;flex-direction:column;align-items:flex-end;width:100%;padding:0 8px;margin:0;max-height:calc(var(--agentH) * var(--agents));transition:max-height .3s ease-out 0s}.joinchat--chatbox.joinchat--optout .joinchat__agents{filter:grayscale(1);pointer-events:none}.joinchat--left .joinchat__agents{align-items:flex-start}.joinchat__agent__wrapper{width:100%;padding:0;margin:0}.joinchat__agent__wrapper:not(:last-child){margin-bottom:var(--mb)}.joinchat__agent{position:relative;display:flex;align-items:center;width:calc(100% - var(--h));max-width:calc(100% - var(--h));height:var(--s);padding:0;margin:0 0 0 var(--h);border-radius:0 var(--h) var(--h) 0;background:var(--color);color:var(--text);box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);cursor:pointer;transition:background .2s linear;-webkit-tap-highlight-color:rgba(0,0,0,0);transform:translateZ(0)}.joinchat__agent:hover{background:var(--hover)}.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:var(--s);height:var(--s);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:calc(var(--s)*0.59);background-position:right 12px center;filter:brightness(clamp(0.18,var(--bw),1))}.joinchat__agent.joinchat__agent--offline::before{opacity:.6}.joinchat__agent__image{position:absolute;z-index:1;top:0;left:calc(var(--h)*-1);width:var(--s);height:var(--s);border:2px solid #fff;border-radius:50%;background:#fff;box-shadow:1px 2px 4px 0 rgba(0,0,0,.24)}.joinchat__agent__image:empty{background:var(--dark) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI2MCIgaGVpZ2h0PSI2MCIgZmlsbD0ibm9uZSI+PHBhdGggZmlsbD0iIzAwMDgiIGQ9Ik01MSA0My4ydi41YTI1IDI1IDAgMCAxLTQyIDBWNDNhMjQgMjQgMCAwIDEgNDIgMHoiLz48cGF0aCBmaWxsPSIjMDAwOCIgZD0iTTI5LjYgMjguNmE5LjggOS44IDAgMSAwIDAtMTkuNiA5LjggOS44IDAgMCAwIDAgMTkuNiIvPjwvc3ZnPg==) center / contain}.joinchat__agent__image img,.joinchat__agent__image video{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.joinchat__agent__image::before{content:'';display:block;position:absolute;bottom:1px;left:1px;width:calc(var(--s)/5);height:calc(var(--s)/5);min-width:10px;min-height:10px;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%;margin:0 var(--s) 0 calc(var(--s)*0.75);padding:0;white-space:nowrap;overflow:hidden}.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:0;right:0;padding:0 10px 0 0;margin:0 var(--s) 0 calc(var(--s)*0.75);background:hsl(var(--hsl) / 70%);background:linear-gradient(to right,hsl(var(--hsl) / 25%) 0,hsl(var(--hsl) / 90%) 45%,hsl(var(--hsl)) 65%,hsl(var(--hsl)) 100%);font-size:13px;line-height:var(--s);letter-spacing:.4px;text-align:right;overflow:hidden}.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(clamp(0.3,var(--bw),1))}.joinchat__agents--collapsed .joinchat__agent__out,.joinchat__agent--online .joinchat__agent__out{display:none}.joinchat__agents--collapsed{flex-direction:row-reverse;max-height:calc(var(--s) + 16px);transition:none}[dir=rtl] .joinchat__agents--collapsed{flex-direction:row}.joinchat__agents--collapsed .joinchat__agent__wrapper{width:auto;margin:0}.joinchat__agents--collapsed .joinchat__agent__wrapper:nth-child(n+2){min-width:0;max-width:calc(var(--s)*0.66667);width:100%}.joinchat__agents--collapsed .joinchat__agent__wrapper:nth-child(n+2) .joinchat__agent{max-width:0}.joinchat__agents--collapsed .joinchat__agent{cursor:pointer}.joinchat__agents--collapsed:has(.joinchat__agent:hover) .joinchat__agent{background:var(--hover)}.joinchat__agent__wrapper:nth-child(n+2){-webkit-animation:joinchat__agent__moves 250ms ease-out 200ms 1 forwards;animation:joinchat__agent__moves 250ms ease-out 200ms 1 forwards}.joinchat__agent__wrapper:nth-child(n+11){-webkit-animation:joinchat__fadein 300ms ease-out 800ms 1 both;animation:joinchat__fadein 300ms ease-out 800ms 1 both}.joinchat__agent__wrapper:nth-child(-n+10){--i:0;z-index:calc(10 - var(--i));transform:translateY(calc(var(--agentH) * -1 * var(--i)));-webkit-animation-duration:calc(250ms + (40ms * var(--i)));animation-duration:calc(250ms + (40ms * var(--i)))}.joinchat__agent__wrapper:nth-child(2){--i:1}.joinchat__agent__wrapper:nth-child(3){--i:2}.joinchat__agent__wrapper:nth-child(4){--i:3}.joinchat__agent__wrapper:nth-child(5){--i:4}.joinchat__agent__wrapper:nth-child(6){--i:5}.joinchat__agent__wrapper:nth-child(7){--i:6}.joinchat__agent__wrapper:nth-child(8){--i:7}.joinchat__agent__wrapper:nth-child(9){--i:8}.joinchat__agent__wrapper:nth-child(10){--i:9}.joinchat__agents--collapsed .joinchat__agent__wrapper{transform:none;-webkit-animation:none;animation:none}.joinchat__agents--collapsed .joinchat__agent__wrapper:nth-child(n+6),.joinchat__agents--collapsed .joinchat__agent__wrapper:nth-child(n+2) .joinchat__agent::before,.joinchat__agents--collapsed .joinchat__agent__image::before,.joinchat__agents--collapsed .joinchat__agent__info[data-start]>div{display:none}.joinchat__agents--collapsed .joinchat__agent__info,.joinchat__agents--collapsed .joinchat__agent__out{padding:0;overflow:hidden}.joinchat__agents--collapsed .joinchat__agent__info[data-start]::after{content:attr(data-start);max-width:170px;margin:0;padding:0;line-height:var(--s);font-weight:600;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.joinchat__agents--collapsed .joinchat__agent[data-count] .joinchat__agent__info{padding-left:6px}.joinchat__agents--collapsed .joinchat__agent[data-count]::after{content:attr(data-count);position:absolute;z-index:2;top:calc(50% - var(--h)/2);left:calc(var(--h)/2);width:var(--h);height:var(--h);border:2px solid #fff;border-radius:50%;background:var(--color);color:var(--text);font-size:calc(var(--h)*0.533333);font-weight:600;line-height:calc(var(--h) - 4px);text-align:center;filter:hue-rotate(100deg)}@media(max-width:480px),(orientation:landscape) and (max-width:767px){.joinchat__agents{--mb:10px}}.joinchat__agent__wrapper:first-child{max-width:var(--s);transition:max-width 1ms linear 400ms}.joinchat--chatbox .joinchat__agent__wrapper:first-child{max-width:100%;transition:max-width 300ms ease-out 0s}@-webkit-keyframes joinchat__agent__moves{to{transform:translateY(0)}}@keyframes joinchat__agent__moves{to{transform:translateY(0)}}@-webkit-keyframes joinchat__fadein{from{opacity:0}to{opacity:1}}@keyframes joinchat__fadein{from{opacity:0}to{opacity:1}}