@keyframes slide-up {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

// scrollbar
// *********
.lto-content {
    margin: 0 auto;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;
    line-height: 1.9;
    scroll-behavior: smooth;
}


// Scrollbar
// *********
.lto-content::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

.lto-content::-webkit-scrollbar-track-piece {
    background: white;
    -webkit-border-radius: 3px;
}

.lto-content::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: white;
    -webkit-border-radius: 3px;
}

.lto-content::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background: #1E223F;
    -webkit-border-radius: 3px;
}

.lto-content::-webkit-scrollbar-button:start:decrement,
.lto-content::-webkit-scrollbar-button:end:increment {
    display: block;
    height: 10px;
}

.lto-content::-webkit-scrollbar-button:vertical:increment {
    background: white;
}



// icon
// ****
.lto-icon.lto-left {
    position: relative;
    border-radius: 15px;
    animation: slide-up 0.4s ease;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.lto-icon.lto-right {
    position: relative;
    animation: slide-up 0.4s ease;
    border-radius: 50px;
    transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

.lto-gaia {
    @import "renderable/**/*.scss";

    .lto-off {
        display: none;
    }
    .lto-right {
        float: right;
    }
    .lto-left {
        float: left;
    }
    .lto-separator {
        clear: both;
    }
    .lto-container {
        padding-bottom: 10px;
    }
}