.t4s-drawer{
    position:fixed;
    top:0;
    left:0;
    opacity:0;
    visibility:hidden;
    width:calc(100vw - 65px);
    height:100%;
    max-height:100vh;
    max-height:none;
    z-index:469;
    transition:transform .5s cubic-bezier(.645, .045, .355, 1),visibility .5s cubic-bezier(.645, .045, .355, 1);
    background:var(--t4s-body-background);
    box-shadow:none;
    touch-action:manipulation;
    pointer-events:none;
    display:flex;
    flex-direction:column;
    overflow:hidden;
    -webkit-transform:translate3d(-104%,0,0);
    transform:translate3d(-104%,0,0)
}
.rtl_true .t4s-drawer,.t4s-drawer__right{
    right:0;
    left:auto;
    -webkit-transform:translate3d(104%,0,0);
    transform:translate3d(104%,0,0)
}
.t4s-drawer__bottom-to-top,.t4s-drawer__top-to-bottom{
    visibility:hidden;
    backface-visibility:hidden;
    -webkit-backface-visibility:hidden;
    perspective:800px;
    -webkit-perspective:800px;
    transform:translateY(104%) translateZ(0);
    -webkit-transform:translateY(104%) translateZ(0);
    -webkit-transition:transform .4s,opacity .4s,visibility .4s;
    transition:transform .4s,opacity .4s,visibility .4s
}
.t4s-drawer__top-to-bottom{
    transform:translateY(-104%) translateZ(0);
    -webkit-transform:translateY(-104%) translateZ(0)
}
.rtl_true .t4s-drawer__right{
    right:auto;
    left:0;
    -webkit-transform:translate3d(-104%,0,0);
    transform:translate3d(-104%,0,0)
}
.t4s-drawer[aria-hidden=false]{
    pointer-events:auto;
    visibility:visible;
    transform:none;
    -webkit-transform:none;
    opacity:1
}
.t4s-drawer__content{
    display:flex;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    -ms-flex-align:stretch;
    align-items:stretch;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-flex-pack:justify;
    justify-content:space-between;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.t4s-drawer__header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    min-height:50px;
    padding:0 0 0 20px;
    border-bottom:1px solid rgba(129,129,129,.2)
}
.t4s-drawer__header span{
    -webkit-box-flex:1;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    font-size:16px;
    font-weight:600;
    text-transform:uppercase
}
button.t4s-drawer__close{
    padding:0;
    background-color:transparent;
    width:50px;
    height:50px;
    display:flex;
    justify-content:center;
    align-items:center
}
button.t4s-drawer__close:hover{
    background-color:#f5f5f5;
}
.t4s-drawer__wrap{
    display:flex;
    flex:1 1 auto;
    flex-direction:column;
    height:100%
}
.t4s-drawer__main{
    position:relative;
    flex:1 1 auto
}
.t4s-drawer__main .t4s-drawer__scroll{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    max-height:100%
}
.t4s-drawer__bottom{
    flex:0 0 auto;
    padding-bottom:15px;
    opacity:0;
    -webkit-transform:translateY(45px);
    transform:translateY(45px);
    -webkit-transition:opacity .35s cubic-bezier(.25, .46, .45, .94),-webkit-transform .35s cubic-bezier(.25, .46, .45, .94);
    transition:opacity .35s cubic-bezier(.25, .46, .45, .94),transform .35s cubic-bezier(.25, .46, .45, .94),-webkit-transform .35s cubic-bezier(.25, .46, .45, .94)
}
.t4s-drawer[aria-hidden=false] .t4s-drawer__bottom{
    opacity:1;
    -webkit-transform:translateY(0);
    transform:translateY(0);
    -webkit-transition:opacity .25s cubic-bezier(.25, .46, .45, .94) .45s,-webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .45s;
    transition:opacity .25s cubic-bezier(.25, .46, .45, .94) .25s,transform .35s cubic-bezier(.25, .46, .45, .94) .25s,-webkit-transform .25s cubic-bezier(.25, .46, .45, .94) .25s
}
.t4s-drawer{
    opacity:1
}
.t4s-drawer__bottom-to-top,.t4s-drawer__top-to-bottom{
    opacity:0
}
.t4s-drawer__bottom-to-top-lg[aria-hidden=false],.t4s-drawer__bottom-to-top[aria-hidden=false],.t4s-drawer__top-to-bottom-lg[aria-hidden=false],.t4s-drawer__top-to-bottom[aria-hidden=false]{
    opacity:1;
    visibility:visible
}
@media screen and (min-width:641px){
    .t4s-drawer{
        width:340px 
    }
}
@media screen and (min-width:1025px){
    .t4s-drawer__bottom-to-top-lg,.t4s-drawer__top-to-bottom-lg{
        opacity:0;
        visibility:hidden;
        backface-visibility:hidden;
        -webkit-backface-visibility:hidden;
        perspective:800px;
        -webkit-perspective:800px;
        transform:translateY(104%) translateZ(0);
        -webkit-transform:translateY(104%) translateZ(0);
        -webkit-transition:transform .4s,opacity .4s,visibility .4s;
        transition:transform .4s,opacity .4s,visibility .4s
    }
    .t4s-drawer__top-to-bottom-lg{
        transform:translateY(-104%) translateZ(0);
        -webkit-transform:translateY(-104%) translateZ(0) 
    }
}
.t4s-section-sidebar{
    display:block
}
@media (max-width:360px){
    .t4s-drawer{
        width:calc(100vw - 15px) 
    }
}