@charset "utf-8";
/* CSS Document */
/*darto-global-vertical_scrollbar.css*/
/* =========================================================
   DARTO GLOBAL SCROLLBAR
   Site-wide scrollbar styling
   ========================================================= */


/* =========================================================
   FIREFOX
   ========================================================= */

html,
body {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(0, 174, 255, 0.75)
        transparent;
}


/* =========================================================
   CHROME / EDGE / SAFARI
   ========================================================= */

html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


/* Track */

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: transparent;
}


/* Thumb */

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {

    background: linear-gradient(
        180deg,
        #00bbff,
        #000f50
    );

    border-radius: 20px;

    border: 1px solid
        rgba(255, 255, 255, 0.18);

    box-shadow:
        0 0 8px
        rgba(0, 174, 255, 0.65);
}


/* Thumb Hover */

html::-webkit-scrollbar-thumb:hover,
body::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(
        180deg,
        #28d7ff,
        #1590ff
    );

    box-shadow:
        0 0 14px
        rgba(0, 174, 255, 0.9);
}


/* Corner */

html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner {
    background: transparent;
}


/* =========================================================
   ALL INTERNAL SCROLL CONTAINERS
   ========================================================= */

* {
    scrollbar-width: thin;
    scrollbar-color:
        rgba(0, 174, 255, 0.75)
        transparent;
}


*::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}


*::-webkit-scrollbar-track {
    background: transparent;
}


*::-webkit-scrollbar-thumb {

    background: linear-gradient(
        180deg,
        #00c6ff,
        #087cff
    );

    border-radius: 20px;

    border: 1px solid
        rgba(255, 255, 255, 0.18);

    box-shadow:
        0 0 8px
        rgba(0, 174, 255, 0.65);
}


*::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(
        180deg,
        #28d7ff,
        #1590ff
    );

    box-shadow:
        0 0 14px
        rgba(0, 174, 255, 0.9);
}


*::-webkit-scrollbar-corner {
    background: transparent;
}


/* =========================================================
   UNIVERSAL OVERLAY — LOCK BACKGROUND PAGE
   ========================================================= */

body.universal-overlay-open {
    overflow: hidden !important;
}


/* =========================================================
   DARTO GLOBAL SCROLL LOCK
   ========================================================= */

/*
 * When a Universal Overlay is active,
 * prevent the background page from scrolling.
 */

html.darto-scroll-locked,
body.darto-scroll-locked {
    overflow: hidden !important;
}