.fade-in{
    opacity:0;
    filter:blur(10px);
    transition:opacity .5s ease-in,filter .5s ease-in
}
.fade-in.visible{
    opacity:1;
    filter:blur(0)
}
.player-control .ep-current{
    width:160px!important
}
.v-pagination .page-current .v-form-control{
    width:60px!important
}
.heading-topic{
    -webkit-background-clip:text!important;
    -webkit-text-fill-color:transparent
}
.detail-more.show{
    display:block!important
}
.text-gradient{
    -webkit-background-clip:text!important
}
.de-cw{
    grid-template-columns:repeat(5,1fr)
}
@keyframes fadeInUp{
    0%{
        opacity:0;
        transform:translateY(30px)
    }
    to{
        opacity:1;
        transform:translateY(0)
    }
}
.effect-fade-in{
    animation:fadeInUp .5s ease-out forwards;
    margin-bottom:40px;
}
#search .remove-icon{
    display:block!important
}
.comm-title{
    line-height:1.5;
    font-size:16px!important
}
.switch-logo{
    margin-bottom:2rem;
    text-align:center
}
.switch-logo a img{
    height:50px;
    width:auto
}
.switch-modal{
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%;
    min-height:100vh;
    background:rgb(33,42,84);
    background:linear-gradient(113deg,rgba(33,42,84,1),rgba(25,33,67,1) 51%,rgba(33,42,84,1))
}
.switch-modal .modal-dialog{
    max-width:none;
    width:680px
}
.switch-modal .modal-dialog .modal-content{
    padding:2rem;
    color:#fff8;
    line-height:1.7;
    background-color:transparent!important
}
.switch-modal .modal-dialog .modal-content p{
    line-height:1.7;
    margin-bottom:0!important
}
.ver-sbs{
    margin-top:2rem;
    display:block;
    display:flex;
    align-items:stretch;
    justify-content:space-between
}
.ver-sbs .ver-item{
    flex:1 1;
    padding:2rem;
    font-size:13px;
    border-radius:.75rem;
    background-color:#4e62b4;
    color:#fff
}
.ver-sbs .ver-item:first-of-type{
    margin-right:2rem
}
.ver-sbs .ver-item .btn-lg i{
    font-size:20px
}
.switch-notice{
    margin-top:3rem;
    padding:0 2rem
}
.switch-notice p{
    line-height:1.8!important
}
.switch-notice .s-qr{
    margin-right:1rem;
    padding:10px;
    background-color:#fff;
    border-radius:.4rem
}
.switch-notice .s-qr img{
    width:70px;
    height:70px
}
@media screen and (max-width:800px){
    .switch-modal .modal-dialog .modal-content{
        padding:20px
    }
    .ver-sbs{
        flex-direction:column;
        margin-top:1rem
    }
    .ver-sbs .ver-item{
        padding:1.5rem
    }
    .ver-sbs .ver-item:first-of-type{
        margin-right:0;
        margin-bottom:1.5rem
    }
    .switch-notice{
        margin-top:2rem;
        padding:0
    }
    .switch-notice p{
        line-height:1.5!important
    }
}
.chat-row .info .rep-subject img{
    height:auto;
    max-width:180px;
    max-height:120px;
    margin-top:5px
}