.hvstory nav[canvas].absolute {
    position: absolute;
    top: -70px;
    z-index: 10;
    transition: top .8s;
}

.hvstory .progress-container {
    top: 0;
    position: fixed;
}

.sb-wrapper.absolute {
    top: -127px;
    transition: top .8s;
}

.sb-wrapper.absolute.on {
    top: 2px;
    transition: top .5s;
    z-index: 102;
}

.popup-msg-launch {
    z-index: 20;
    top: 230px;
}

.hvstory [canvas=container] {
    height: 100% !important;
}

/* Table of Content */
.hvstory .popup-table-content {
    position: fixed;
    top: 52px;
    z-index: 100;
}

@media (min-width: 576px) {
    .popup-msg-launch {
        top: 210px;
    }
}

@media (min-width: 992px) {
    .popup-msg-launch {
        top: 310px;
    }

     /* Snackbar */
    .hvstory .top-snackbar.on {
        top: 2px;
        z-index: 101;
    }

    .hvstory .popup-table-content {
		top: 52px;
	}
}

@media (min-width: 1200px) {
    .popup-msg-launch {
        top: 310px;
    }
}

@media (min-width: 576px ) and ( max-width:768px) {
    .sb-shortcut-wrapper .swiper-hotkey-shortcut .swiper-wrapper {
        justify-content: left;
    }

    .hotkey-wrapper .swiper-hotkey-shortcut{
        width: fit-content;
        max-width: 100%;
    }
}