@charset "utf-8";
/* CSS Document */
/* ====== Hide Default Scrollbar ====== */
    html {
        scrollbar-width: none;
    }body::-webkit-scrollbar {
        display:none;
    }
/* ====== Ended ====== */

/* ====== Make Customized Scrollbar ====== */ 
    /* ====== Make Scrollbar ====== */
    #samsung-scrollbar {
        position: fixed;
        top: 8px;
        right: 0px;
        padding-right: 1px;
        width: 4px;
        height: calc(90vh - 25px);
        border-radius: 999px;
        pointer-events: pointer;
        z-index: 1002;
    }

    /* ====== Make Scroll Button ====== */
    #samsung-scrollbar-thumb {
        position: absolute;
        top: 0;
        border-radius: 10000000000000000px;
        backdrop-filter: blur(5px) brightness(2.2) contrast(1.1);
        transition:
            opacity .35s,
            width 0.5s,
            right .2s,
            transform .08s ease,
            background .3s;
        opacity: 1;
    }
/* ====== Ended ====== */


/* ====== Settings ====== */
    /* ====== Scrollbar Matters ====== */
        /* ====== Scrolled ====== */
            .scrollbara{background: #fde7;width: 20px;}

        /* ====== scrollbar is Active ====== */
            .scrollbarb{background: #fde4;width: 12px;}

        /* ====== Scrollbar is Hidden ====== */
            .scrollbarc{background: #fde1;width: 4px;}

        /* ====== No Scrolling ====== */
            .scrollbarh{display:none;}
    /* ====== Ended ====== */


    /* ====== Press and Mouse Hover Settings ====== */
        /* ====== Mouse Hover Style ====== */
            #samsung-scrollbar:hover #samsung-scrollbar-thumb{background: #fde7;width: 12px;}

        /* ====== Press and Hold ====== */
            #samsung-scrollbar-thumb:active{width: 20px !important;background: #f5a4 !important;}
    /* ====== Ended ====== */
/* ====== Ended ====== */ 
    /* ===========================
   Scroll Buttons
=========================== */

.scroll-btn{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    width:18px;
    height:18px;

    display:flex;
    justify-content:center;
    align-items:center;

    border-radius:999px;

    opacity:0;
    pointer-events:none;

    color:#fff;

    cursor:pointer;

    transition:
        opacity .25s,
        background .25s,
        transform .15s;
}

.scroll-btn svg{
    width:14px;
    height:14px;
    overflow:visible;
}

#scroll-up-btn{
    top:3px;
}

#scroll-down-btn{
    bottom:3px;
}

.scroll-btn:hover{
    background:#ffffff18;
}

.scroll-btn:active{
    transform:translateX(-50%) scale(.9);
}/* روی هاور */

#samsung-scrollbar:hover .scroll-btn{
    opacity:1;
    pointer-events:auto;
}

/* هنگام اسکرول */

#samsung-scrollbar-thumb.scrollbara .scroll-btn,
#samsung-scrollbar-thumb.scrollbarb .scroll-btn{
    opacity:1;
    pointer-events:auto;
}.thumb-buttons-hidden .scroll-btn{
    opacity:0 !important;
    pointer-events:none !important;
}