/* v1.1.0 */

.zysfx-fvu-wrap,
#zysfx-fvu-single,
#zysfx-fvu-mobile-fallback,
.zysfx-fvu-mobile-fallback,
#zysfx-fvu-overlay-btn{
    display:none!important;
}

#zysfx-fvu-mobile-row.zysfx-fvu-mobile-row{
    display:flex!important;
    width:100%!important;
    box-sizing:border-box!important;
    margin:7px 0 10px!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-start!important;
    position:relative!important;
    z-index:10!important;
}

.zysfx-fvu-mobile-btn{
    appearance:none!important;
    -webkit-appearance:none!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-width:0!important;
    width:auto!important;
    height:38px!important;
    min-height:38px!important;
    margin:0!important;
    padding:0 12px!important;
    border:1px solid #e5e8ef!important;
    border-radius:7px!important;
    outline:0!important;
    background:#fff!important;
    color:#606873!important;
    box-shadow:none!important;
    font-size:13px!important;
    font-weight:500!important;
    line-height:36px!important;
    cursor:pointer!important;
}

.zysfx-fvu-mobile-btn:active{
    background:#f3f5f8!important;
}

.zysfx-fvu-mobile-icon{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:22px!important;
    height:22px!important;
    border-radius:50%!important;
    background:#4f6ef7!important;
    color:#fff!important;
}

.zysfx-fvu-mobile-icon svg{
    display:block!important;
    width:14px!important;
    height:14px!important;
    fill:currentColor!important;
}

.zysfx-fvu-mobile-text{
    white-space:nowrap!important;
}

#zysfx-fvu-toolbar-btn.zysfx-fvu-toolbar-btn{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    height:30px!important;
    margin:1px 2px!important;
    padding:0 7px!important;
    border:0!important;
    border-radius:3px!important;
    background:transparent!important;
    color:#666!important;
    font-size:13px!important;
    cursor:pointer!important;
}

.zysfx-fvu-toast{
    position:fixed;
    left:50%;
    bottom:75px;
    z-index:999999;
    transform:translate(-50%,18px);
    max-width:86vw;
    padding:11px 16px;
    border-radius:10px;
    background:rgba(28,31,39,.95);
    color:#fff;
    font-size:14px;
    text-align:center;
    opacity:0;
    pointer-events:none;
    transition:.2s ease;
}

.zysfx-fvu-toast.show{
    opacity:1;
    transform:translate(-50%,0);
}

.zysfx-fvu-toast.ok{
    background:rgba(31,145,91,.96);
}

.zysfx-fvu-toast.error{
    background:rgba(204,65,65,.96);
}

.zysfx-fvu-progress{
    position:fixed;
    left:50%;
    top:18px;
    z-index:999999;
    width:min(86vw,420px);
    height:34px;
    transform:translate(-50%,-70px);
    opacity:0;
    overflow:hidden;
    border-radius:18px;
    background:rgba(20,24,33,.94);
    box-shadow:0 8px 30px rgba(0,0,0,.22);
    transition:.25s ease;
}

.zysfx-fvu-progress.show{
    transform:translate(-50%,0);
    opacity:1;
}

.zysfx-fvu-progress span{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:0;
    background:linear-gradient(90deg,#4f6ef7,#55c3ff);
}

.zysfx-fvu-progress em{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:12px;
    font-style:normal;
    font-weight:700;
}

@media(min-width:769px){
    #zysfx-fvu-mobile-row{
        display:none!important;
    }
}