body {
    background-color: $bg-primary;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 20px;
}

p:last-child {
    margin-bottom: 0
}

.background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;

    & + * {
        position: relative;
        z-index: 1;
    }
}


#more-expand {
    display: none;

    &.active {
        display: flex
    }
}

#more-expand-btn.active {
    display: none;
}

.transition {
    transition: ease all 0.5s;
    -webkit-transition: ease all 0.5s;
    -moz-transition: ease all 0.5s;
    -ms-transition: ease all 0.5s;
}

.vm {
    vertical-align: middle
}

.h-5 {
    height: 5px;
}

.h-10 {
    height: 10px;
}

.h-150 {
    height: 150px;
}

.h-200 {
    height: 200px;
}

.top-50 {
    margin-top: -50px;
}

.top-60 {
    margin-top: -60px;
}

.top-70 {
    margin-top: -70px;
}

.top-80 {
    margin-top: -80px;
}

.top-90 {
    margin-top: -90px;
}

.top-100 {
    margin-top: -100px;
}

.top-right {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding-top: env(safe-area-inset-top);
    line-height: 1rem;
}

.bottom-left {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    padding-bottom: env(safe-area-inset-bottom);
    line-height: 1rem;
}

.bottom-center {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 2;
    padding-bottom: env(safe-area-inset-bottom);
    line-height: 1rem;
}

.bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 2;
    padding-bottom: env(safe-area-inset-bottom);
    line-height: 1rem;
}

.alert {
    border-radius: 15px;
    padding: 15px;
}


::-webkit-scrollbar {
    width: 0px;
    height: 2px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(97, 33, 210, 0.3);
}

::-webkit-scrollbar-track {
    border-radius: 5px;
    background: rgba(97, 33, 210, 0.05);
}
