* {
    outline: none !important;
    text-decoration: none !important;
    text-transform: none !important;
}

body {
    font-size: 14px;
    font-family: "Inter", sans-serif;
}

.ls-half {
    letter-spacing: -.5px;
}

.mt-gut {
    margin-top: var(--bs-gutter-x);
}

.mb-gut {
    margin-bottom: var(--bs-gutter-x);
}


.no-events {
    pointer-events: none !important;
}

/* ---------- */


.w--25 {
    width: 25% !important
}

.w--50 {
    width: 50% !important
}

.w--75 {
    width: 75% !important
}

.w--100 {
    width: 100% !important
}

.w--auto {
    width: auto !important
}

.mw--100 {
    max-width: 100% !important
}

.vw--100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h--25 {
    height: 25% !important
}

.h--50 {
    height: 50% !important
}

.h--75 {
    height: 75% !important
}

.h--100 {
    height: 100% !important
}

.h--auto {
    height: auto !important
}

.mh--100 {
    max-height: 100% !important
}

.vh--100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.border-left {
    border-left: 1px solid #e2e5ed !important;
}

.border-right {
    border-right: 1px solid #e2e5ed !important;
}

.border-top {
    border-top: 1px solid #e2e5ed !important;
}

.border-bottom {
    border-bottom: 1px solid #e2e5ed !important;
}

.text-dark {
    color: var(--dark) !important;
}

.icon-item svg {
    width: 24px;
    height: 24px;
}

.icon-item-sm svg {
    width: 20px;
    height: 20px;
}

.icon-item-md svg {
    width: 30px;
    height: 30px;
}

.icon-item-lg svg {
    width: 36px;
    height: 36px;
}

.icon-item-xl svg {
    width: 40px;
    height: 40px;
}

.icon-item-xxl svg {
    width: 48px;
    height: 48px;
}

.sofia {
    font-family: 'Sofia Sans Condensed' !important;
}

.inter {
    font-family: 'Inter' !important;
}

.manrope {
    font-family: 'Manrope' !important;
}

.active-mode {
    /* border: solid 2px var(--dark) !important; */
    /* border: 0 !important; */
}

@media (min-width: 1600px) {
    .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: calc(100% - 80px);
    }
}

@-webkit-keyframes linespinner {
    0%, 100% {
        background-color: var(--primary);
        -webkit-box-shadow: 0 0 0 var(--primary), 0 0 0 var(--primary);
        box-shadow: 0 0 0 var(--primary), 0 0 0 var(--primary)
    }
    50% {
        background-color: var(--dark);
        -webkit-box-shadow: 0 -15px 0 var(--dark), 0 15px 0 var(--dark);
        box-shadow: 0 -15px 0 var(--dark), 0 15px 0 var(--dark)
    }
}

@keyframes linespinner {
    0%, 100% {
        background-color: var(--primary);
        -webkit-box-shadow: 0 0 0 var(--primary), 0 0 0 var(--primary);
        box-shadow: 0 0 0 var(--primary), 0 0 0 var(--primary)
    }
    50% {
        background-color: var(--dark);
        -webkit-box-shadow: 0 -15px 0 var(--dark), 0 15px 0 var(--dark);
        box-shadow: 0 -15px 0 var(--dark), 0 15px 0 var(--dark)
    }
}