<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*---------------------------- Bottom interface globals  ----------------------------*/

.bottom-interface {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70px;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 1%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(203, 211, 219, 1) 5%,
        rgba(236, 238, 241, 1) 21%,
        rgba(240, 241, 244, 1) 100%
    );
    background: -webkit-linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 1%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(203, 211, 219, 1) 5%,
        rgba(236, 238, 241, 1) 21%,
        rgba(240, 241, 244, 1) 100%
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 1) 1%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(206, 213, 220, 1) 3%,
        rgba(203, 211, 219, 1) 5%,
        rgba(236, 238, 241, 1) 21%,
        rgba(240, 241, 244, 1) 100%
    );
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f0f1f4",GradientType=1);
    align-items: center;
    font-size: 18px;
}

.bottom-interface .wrapper {
    position: relative;
    display: flex;
}

.bottom-interface .button {
    transition: transform 0.2s;
}

/*---------------------------- Bottom interface buttons  ----------------------------*/

.bottom-interface .buttons.wrapper {
    margin: 0 0 0 0;
    font-size: 33px;
}

/*---------------------------- Bottom interface navigation  ----------------------------*/

.bottom-interface .navigation.wrapper {
    margin: 0 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}

.bottom-interface .navigation .location-infos {
    font-family: 'OpenSans-Bold';
    display: flex;
    align-items: center;
    margin: 0 20px;
    color: #88a4ba;
}

.bottom-interface .navigation .location-current {
    color: #4a687f;
}

.bottom-interface .navigation .button {
    justify-content: center;
}

.bottom-interface .navigation .button.button-previous,
.bottom-interface .navigation .button.button-next {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: solid 1px #cccccc;
    color: #fab613;
    font-size: 28px;
    border-radius: 50%;
}

.bottom-interface .navigation .button.button-previous:not(.disabled):hover,
.bottom-interface .navigation .button.button-next:not(.disabled):hover {
    color: #fff;
    background-color: #fab613;
}

.bottom-interface .navigation .button.button-next:not(.disabled):not(.seen):not(:hover) {
    animation: active 0.5s linear alternate infinite;
}

.bottom-interface .navigation .button.button-previous.disabled,
.bottom-interface .navigation .button.button-next.disabled {
    border-color: transparent;
    color: #d1dae2;
}

.bottom-interface .navigation .button.button-previous i {
    margin-right: 3px;
}

.bottom-interface .navigation .button.button-next i {
    transform: scale(-1);
    margin-left: 5px;
}

/*---------------------------- Bottom interface infos  ----------------------------*/

.bottom-interface .button-menu:hover i {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.bottom-interface .button-menu:hover {
    background-color: #fab613;
}

.bottom-interface .button-menu:hover i {
    color: #fff;
}

.bottom-interface .button-menu {
    color: #2e3155;
    font-size: 20px;
    font-family: 'OpenSans-Bold';
    background-color: #fff;
    padding: 0.2em 1em 0.2em 0;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    border: solid 1px #cccccc;
    border-left-color: transparent;
}

.bottom-interface .button-menu i {
    color: #fab613;
    font-size: 33px;
}

.bottom-interface .infos.wrapper {
    margin: 0 auto 0 20px;
    font-family: Arial, Helvetica, sans-serif;
}

.bottom-interface .infos-title {
    color: #4a687f;
    font-family: 'OpenSans';
}

.bottom-interface .infos-main-title {
    color: #708ca1;
    font-family: 'OpenSans-ExtraBold';
}

.bottom-interface .arrow-path {
    color: #c051be;
}

/*---------------------------- Bottom interface animation  ----------------------------*/

@keyframes active {
    0% {
        color: #fab613;
        background-color: #fff;
    }

    50% {
        color: #fab613;
        background-color: #fff;
    }

    50.1% {
        color: #fff;
        background-color: #fab613;
    }
    100% {
        color: #fff;
        background-color: #fab613;
    }
}

@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(1px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-2px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(2px, 0, 0);
    }
}
</pre></body></html>