.lytfc-widget{
    --lytfc-bottom:24px;
    --lytfc-side:24px;
    --lytfc-size:54px;
    --lytfc-gap:12px;
    position:fixed;
    z-index:999999;
    bottom:var(--lytfc-bottom);
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--lytfc-gap);
    line-height:1;
    font-size:16px;
}
.lytfc-position-right{right:var(--lytfc-side)}
.lytfc-position-left{left:var(--lytfc-side)}
.lytfc-items{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:var(--lytfc-gap);
    pointer-events:none;
}
.lytfc-item{
    position:relative;
    width:var(--lytfc-size);
    height:var(--lytfc-size);
    flex:0 0 var(--lytfc-size);
    display:flex;
    align-items:center;
    justify-content:center;
    box-sizing:border-box;
    border-radius:50%!important;
    background:var(--lytfc-channel-color)!important;
    color:#fff!important;
    text-decoration:none!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    box-shadow:0 5px 14px rgba(0,0,0,.16);
    transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;
}
.lytfc-item:hover,.lytfc-item:focus-visible{
    transform:scale(1.07);
    color:#fff!important;
}
.lytfc-icon{width:58%;height:58%;display:flex;align-items:center;justify-content:center}
.lytfc-icon svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;fill:#fff!important;color:#fff!important}
.lytfc-tooltip{
    position:absolute;
    top:50%;
    white-space:nowrap;
    padding:8px 12px;
    border-radius:8px;
    background:#fff!important;
    color:#666!important;
    font-size:15px;
    font-weight:400;
    line-height:1.2;
    box-shadow:0 3px 12px rgba(0,0,0,.14);
    pointer-events:none;
    opacity:0;
    transform:translateY(-50%) translateX(8px);
    transition:opacity .18s ease,transform .18s ease;
}
.lytfc-position-right .lytfc-tooltip{right:calc(100% + 10px)}
.lytfc-position-left .lytfc-tooltip{left:calc(100% + 10px);transform:translateY(-50%) translateX(-8px)}
.lytfc-item:hover .lytfc-tooltip,.lytfc-item:focus-visible .lytfc-tooltip{opacity:1;transform:translateY(-50%) translateX(0)}
.lytfc-toggle{
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    width:var(--lytfc-size)!important;
    height:var(--lytfc-size)!important;
    min-width:var(--lytfc-size)!important;
    min-height:var(--lytfc-size)!important;
    flex:0 0 var(--lytfc-size)!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:50%!important;
    background:#64748b!important;
    color:#fff!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    cursor:pointer!important;
    box-shadow:0 5px 16px rgba(0,0,0,.18);
    outline:none!important;
}
.lytfc-toggle:hover,.lytfc-toggle:focus-visible{transform:scale(1.05)}
.lytfc-toggle-icon{
    position:absolute;
    width:62%;
    height:62%;
    display:flex;
    align-items:center;
    justify-content:center;
}
.lytfc-toggle-icon svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;fill:#fff!important;color:#fff!important}
.lytfc-toggle-close{opacity:0;transform:rotate(-45deg) scale(.7)}
.lytfc-open .lytfc-toggle{background:#94a3b8!important}
.lytfc-open .lytfc-toggle-chat{opacity:0;transform:scale(.7)}
.lytfc-open .lytfc-toggle-close{opacity:1;transform:rotate(0) scale(1)}
.lytfc-open .lytfc-items{pointer-events:auto}
.lytfc-animation-slide:not(.lytfc-open) .lytfc-item{opacity:0;transform:translateY(16px) scale(.92)}
.lytfc-animation-slide.lytfc-open .lytfc-item{opacity:1;transform:translateY(0) scale(1)}
.lytfc-animation-fade:not(.lytfc-open) .lytfc-item{opacity:0}
.lytfc-animation-fade.lytfc-open .lytfc-item{opacity:1}
.lytfc-animation-scale:not(.lytfc-open) .lytfc-item{opacity:0;transform:scale(.5)}
.lytfc-animation-scale.lytfc-open .lytfc-item{opacity:1;transform:scale(1)}
.lytfc-animation-none:not(.lytfc-open) .lytfc-item{display:none}
.lytfc-hide-desktop{display:none!important}
@media(max-width:767px){
    .lytfc-hide-desktop{display:flex!important}
    .lytfc-hide-mobile{display:none!important}
    .lytfc-widget{--lytfc-side:16px;--lytfc-bottom:16px}
    .lytfc-tooltip{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
    .lytfc-item,.lytfc-toggle,.lytfc-toggle-icon,.lytfc-tooltip{transition:none!important}
}