.scroll-bar-wrapper {
    width: 100%;
    height: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: var(--md-default-fg-color--light);
    opacity: 0;
    transition: opacity 0.4s ease;
}

.scroll-bar-wrapper.visible {
    opacity: 1;
}

.scroll-bar {
    width: 0;
    height: inherit;
    background: var(--md-accent-fg-color);
}