.sligo-scrollbar {
    --sligo-scrollbar-button-hit-padding: 0.1vw;
    --sligo-scrollbar-thumb-hit-padding: 0.41vw;
    --sligo-scrollbar-rail-width: max(calc(var(--sligo-scrollbar-button-size) + (var(--sligo-scrollbar-button-hit-padding) * 2)), calc(var(--sligo-scrollbar-thumb-width) + (var(--sligo-scrollbar-thumb-hit-padding) * 2)));
    --sligo-scrollbar-track-width: 100%;
    --sligo-scrollbar-button-size: 1.4vw;
    --sligo-scrollbar-thumb-width: 0.8vw;
    --sligo-scrollbar-thumb-radius: 0.6vw;
    --sligo-scrollbar-thumb-gap: 0.25vw;
    --sligo-scrollbar-top: 0;
    --sligo-scrollbar-bottom: 0;
    --sligo-scrollbar-right: 0;
    position: fixed;
    top: var(--sligo-scrollbar-top);
    right: var(--sligo-scrollbar-right);
    bottom: var(--sligo-scrollbar-bottom);
    z-index: 10030;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    width: var(--sligo-scrollbar-rail-width);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateX(0.7vw);
    transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
    background: transparent;
    box-shadow: none;
}

.sligo-scrollbar.is-ready {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateX(0);
}

.sligo-scrollbar__button-wrap {
    flex: 0 0 auto;
    width: 100%;
    padding: var(--sligo-scrollbar-button-hit-padding);
    box-sizing: border-box;
}

.sligo-scrollbar__button {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: var(--sligo-scrollbar-button-size);
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: var(--sligo-scrollbar-arrow-bg);
    color: var(--sligo-scrollbar-arrow-ink);
    cursor: pointer;
    transition: transform 0.18s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.sligo-scrollbar__button:hover,
.sligo-scrollbar__button:focus-visible {
    background: var(--sligo-scrollbar-arrow-hover-bg);
    color: var(--sligo-scrollbar-arrow-hover-ink);
}

.sligo-scrollbar__button:focus-visible {
    outline: 3px solid #476800;
    outline-offset: -3px;
}

.sligo-scrollbar__button svg {
    display: block;
    width: 1.2vw;
    height: 1.2vw;
    fill: none;
    stroke: currentColor;
    stroke-width: 2.2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.sligo-scrollbar__track {
    position: relative;
    flex: 1 1 auto;
    width: var(--sligo-scrollbar-track-width);
    align-self: stretch;
    border-radius: var(--sligo-scrollbar-thumb-radius);
    border: 0.05vw solid var(--sligo-scrollbar-track-border);
    background: var(--sligo-scrollbar-track-bg);
    box-shadow: none;
    cursor: pointer;
    box-sizing: border-box;
}

.sligo-scrollbar__thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 var(--sligo-scrollbar-thumb-hit-padding);
    box-sizing: border-box;
    min-height: 2.8vw;
    border: 0;
    background: transparent;
    cursor: grab;
    transform: translateY(0);
    transition: background 0.18s ease;
    touch-action: none;
}

.sligo-scrollbar__thumb-visual {
    width: 100%;
    height: 100%;
    min-height: inherit;
    border-radius: var(--sligo-scrollbar-thumb-radius);
    background: var(--sligo-scrollbar-thumb-bg);
    box-shadow: none;
    transition: background 0.18s ease;
}

.sligo-scrollbar__thumb:hover .sligo-scrollbar__thumb-visual,
.sligo-scrollbar__thumb:focus-visible .sligo-scrollbar__thumb-visual {
    background: var(--sligo-scrollbar-thumb-hover-bg);
    box-shadow: none;
}

.sligo-scrollbar__thumb:focus-visible {
    outline: 3px solid #476800;
    outline-offset: -3px;
}

.sligo-scrollbar.is-dragging .sligo-scrollbar__thumb,
.sligo-scrollbar__thumb.is-dragging {
    cursor: grabbing;
    transition: none;
}

html.sligo-custom-scrollbar,
body.sligo-custom-scrollbar {
    scrollbar-width: none;
    -ms-overflow-style: none;
}

html.sligo-custom-scrollbar::-webkit-scrollbar,
body.sligo-custom-scrollbar::-webkit-scrollbar {
    width: 0;
    height: 0;
}

body.admin-bar .sligo-scrollbar {
    --sligo-scrollbar-top: 32px;
}

body.sligo-custom-scrollbar-dragging {
    user-select: none;
    -webkit-user-select: none;
}

@media (max-width: 800px), (hover: none), (pointer: coarse) {
    .sligo-scrollbar {
        display: none !important;
    }

    html.sligo-custom-scrollbar,
    body.sligo-custom-scrollbar {
        scrollbar-width: auto;
        -ms-overflow-style: auto;
    }

    html.sligo-custom-scrollbar::-webkit-scrollbar,
    body.sligo-custom-scrollbar::-webkit-scrollbar {
        width: initial;
        height: initial;
    }
}