:root {
    --app-height: 100%;
}

html,
body {
    padding: 0;
    margin: 0;
    width: 100vw;
}

.toast-body a,
#folio a {
    color: #0056b3 !important;
    text-decoration: underline;
    transition: all .3s;
}

.toast-body a:hover,
#folio a:hover {
    font-weight: bold;
}

.view2 {
    height: 100vh;
    @media not all and (hover: hover) {
        height: var(--app-height);
    }
    overflow: hidden;
}

.scrollbar-near-moon::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #F5F5F5;
    border-radius: 10px;
}

.scrollbar-near-moon::-webkit-scrollbar {
    width: 12px;
    background-color: #F5F5F5;
}

.scrollbar-near-moon::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#5ee7df), to(#b490ca));
    background-image: -webkit-linear-gradient(bottom, #5ee7df 0%, #b490ca 100%);
    background-image: linear-gradient(to top, #5ee7df 0%, #b490ca 100%);
}

.square::-webkit-scrollbar-track {
    border-radius: 0 !important;
}

.square::-webkit-scrollbar-thumb {
    border-radius: 0 !important;
}

.thin::-webkit-scrollbar {
    width: 6px;
}

.fixed-action-btn.active ul {
    margin-bottom: 40px !important;
}