#l2dkt-root{
    position:fixed;
    z-index:999999;
    width:var(--l2dkt-size,420px);
    height:var(--l2dkt-size,420px);
    bottom:var(--l2dkt-bottom,10px);
    right:var(--l2dkt-right,20px);
    left:auto;
    pointer-events:none;
    user-select:none;
    touch-action:none;
}
#l2dkt-root.l2dkt-left{left:var(--l2dkt-left,20px);right:auto}
#l2dkt-canvas{width:100%;height:100%;display:block;pointer-events:auto;cursor:grab}
#l2dkt-canvas:active{cursor:grabbing}
#l2dkt-bubble{
    position:absolute;
    z-index:3;
    max-width:290px;
    min-width:150px;
    right:10px;
    top:-8px;
    transform:translateY(-100%);
    padding:10px 14px;
    border-radius:14px;
    background:rgba(255,255,255,.96);
    color:#333;
    font-size:14px;
    line-height:1.6;
    box-shadow:0 4px 18px rgba(0,0,0,.15);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease,transform .25s ease;
    pointer-events:none;
}
#l2dkt-bubble:after{
    content:"";
    position:absolute;
    right:22px;
    bottom:-7px;
    border-width:7px 7px 0;
    border-style:solid;
    border-color:rgba(255,255,255,.96) transparent transparent;
}
#l2dkt-bubble.l2dkt-show{opacity:1;visibility:visible;transform:translateY(calc(-100% - 5px))}
@media(max-width:767px){
    #l2dkt-root{display:none!important}
}

#l2dkt-close{
    position:absolute;
    top:8px;
    right:8px;
    z-index:10;
    width:30px;
    height:30px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(0,0,0,.48);
    color:#fff;
    font-size:22px;
    line-height:30px;
    text-align:center;
    cursor:pointer;
    opacity:.8;
    pointer-events:auto;
}
#l2dkt-close:hover{opacity:1}
#l2dkt-open{
    display:none;
    position:fixed;
    left:18px;
    bottom:18px;
    z-index:999999;
    width:44px;
    height:44px;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.96);
    box-shadow:0 3px 14px rgba(0,0,0,.18);
    font-size:20px;
    cursor:pointer;
}
#l2dkt-open.l2dkt-show{display:block}
#l2dkt-root.l2dkt-closed{opacity:0!important;visibility:hidden!important;pointer-events:none!important}#l2dkt-root.l2dkt-closed #l2dkt-bubble{opacity:0!important;visibility:hidden!important}
@media(max-width:767px){
    #l2dkt-root,#l2dkt-open{display:none!important}
}