.presentation__assets {
    /*box*/
    position:fixed !important;
    top:0;
    right:-380px;
    height:100vh;
    z-index:3;
    width:350px;
    padding:0px 10px;
    overflow-y: auto;

    /*background*/
    background-color: var(--c-tertiary-4);

    /*border*/
    border-left:1px solid var(--c-primary-5);

    /*transition*/
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
}

.presentation__assets.is-active {
    /*box*/
    right:0px;
}

.presentation__assets.is-building {
    /*box*/
    width:100%;
    z-index: -1 !important;
}

/*--------------------------------------------------------------------------*\
        scrollbar
\*--------------------------------------------------------------------------*/

.presentation__assets::-webkit-scrollbar {
    /*box*/
    width: 6.5px;

    /*background*/
    background-size: 6.5px;
    background: var(--c-tertiary-4);
}

.presentation__assets::-webkit-scrollbar-thumb {
    /*background*/
    background-color: var(--c-primary-4);

    /*border*/
    border-radius: 2px
}

.presentation__assets::-webkit-scrollbar-thumb:hover {
    /*background*/
    background-color: var(--c-primary-3);
}