#chats{--btn-size: 48px;--btn-gap: .5rem;--step: calc(var(--btn-size) + var(--btn-gap));--group-height: calc(var(--btn-size) + (var(--items-count) * var(--step)));display:flex;position:fixed;right:var(--space);bottom:var(--space);flex-direction:column;gap:var(--btn-gap);z-index:1}#chats .group,#chats .svg{width:var(--btn-size);height:var(--btn-size);transition-duration:var(--dur);transition-timing-function:var(--func)}#chats .group{position:relative}#chats .group.active{height:var(--group-height)}#chats .items{position:absolute;right:0;bottom:0}#chats .svg{display:flex;justify-content:center;align-items:center;border-radius:50%;box-shadow:var(--shadow)}#chats .svg:not(a){cursor:pointer}#chats svg{width:24px;height:24px;fill:var(--white)}#chats .handler,#chats .items .svg{position:absolute;right:0;bottom:0}#chats .handler{background-color:var(--green);z-index:2}#chats .handler:hover{background-color:var(--green-hover)}#chats .group.active .handler{background-color:#e91e63}#chats .handler .close,#chats .handler .close:hover{background-color:transparent}#chats .handler .close{color:var(--white)}#chats .group.active .handler svg,#chats .group:not(.active) .handler .close{display:none}#chats .dossier{background-color:var(--blue)}#chats .dossier:hover{background-color:var(--blue-hover)}#chats .phone{background-color:var(--green)}#chats .messenger{background:linear-gradient(45deg,#009aff,#e333c3 75%,#ff6060)}#chats .whatsapp{background-color:#25d366}#chats .telegram{background:linear-gradient(45deg,#239fdb,#29a9eb)}#chats .viber{background-color:#583fbb}#chats .items .svg{opacity:0;pointer-events:none;transform:translateY(0)}#chats .group.active .items .svg{opacity:1;pointer-events:auto;transform:translateY(calc(var(--offset) * -1 * var(--step)))}