@import url(/assets/css/light.css);
@import url(/assets/css/dark.css);

:root {
    --md-ref-typeface-brand: 'Roboto Flex', sans-serif;
    --md-ref-typeface-plain: 'Roboto Flex', sans-serif;

    font-family: var(--md-ref-typeface-plain);
    font-size: 14px;

    background: var(--md-sys-color-background);
    color: var(--md-sys-color-on-background);
}

* {
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
}


.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    box-sizing: border-box;
}

/* Styles for small desktops (min-width: 768px) */
@media (min-width: 768px) {
    .container {
        max-width: 720px;
    }
}

/* Styles for medium desktops (min-width: 992px) */
@media (min-width: 992px) {
    .container {
        max-width: 960px;
    }
}

/* Styles for large desktops (min-width: 1200px) */
@media (min-width: 1200px) {
    .container {
        max-width: 1140px;
    }
}

/* Styles for extra large desktops (min-width: 1400px) */
@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }
}

.flex,
.flex-column,
.flex-row {
    display: flex;
}

.flex-row {
    flex-direction: row;
}

.flex-column,
.flex-col {
    flex-direction: column;
}

.flex-between {
    justify-content: space-between;
}

.justify-end {
    justify-content: end;
}

.flex-center {
    align-items: center;
}

.flex-row-center {
    justify-content: center;
}

.flex-fill {
    flex: 1 1 auto !important;
}

.flex-1 {
    flex: 1;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-700 {
    font-weight: 700;
}

.fw-800 {
    font-weight: 800;
}

.text-center {
    text-align: center;
}

.text-muted {
    color: #6c757d;
}

.text-right {
    text-align: right;
}

.w-0 {
    width: 0%;
}

.w-100 {
    width: 100%;
}

.w-fit-content {
    width: fit-content;
}

.w-max-content {
    width: max-content;
}

.h0 {
    height: 0%;
}

.h100 {
    height: 100%;
}

h-inherit {
    height: inherit;
}

.m0 {
    margin: 0px;
}

.mt0 {
    margin-top: 0px;
}

.mr0 {
    margin-right: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.ml0 {
    margin-left: 0px;
}

.m4 {
    margin: 4px;
}

.mt4 {
    margin-top: 4px;
}

.mr4 {
    margin-right: 4px;
}

.mb4 {
    margin-bottom: 4px;
}

.ml4 {
    margin-left: 4px;
}

.m8 {
    margin: 8px;
}

.mt8 {
    margin-top: 8px;
}

.mr8 {
    margin-right: 8px;
}

.mb8 {
    margin-bottom: 8px;
}

.ml8 {
    margin-left: 8px;
}

.m12 {
    margin: 12px;
}

.mt12 {
    margin-top: 12px;
}

.mr12 {
    margin-right: 12px;
}

.mb12 {
    margin-bottom: 12px;
}

.ml12 {
    margin-left: 12px;
}

.m16 {
    margin: 16px;
}

.mt16 {
    margin-top: 16px;
}

.mr16 {
    margin-right: 16px;
}

.mb16 {
    margin-bottom: 16px;
}

.ml16 {
    margin-left: 16px;
}

.m20 {
    margin: 20px;
}

.mt20 {
    margin-top: 20px;
}

.mr20 {
    margin-right: 20px;
}

.mb20 {
    margin-bottom: 20px;
}

.ml20 {
    margin-left: 20px;
}

.m24 {
    margin: 24px;
}

.mt24 {
    margin-top: 24px;
}

.mr24 {
    margin-right: 24px;
}

.mb24 {
    margin-bottom: 24px;
}

.ml24 {
    margin-left: 24px;
}

.m28 {
    margin: 28px;
}

.mt28 {
    margin-top: 28px;
}

.mr28 {
    margin-right: 28px;
}

.mb28 {
    margin-bottom: 28px;
}

.ml28 {
    margin-left: 28px;
}

.m32 {
    margin: 32px;
}

.mt32 {
    margin-top: 32px;
}

.mr32 {
    margin-right: 32px;
}

.mb32 {
    margin-bottom: 32px;
}

.ml32 {
    margin-left: 32px;
}

.m36 {
    margin: 36px;
}

.mt36 {
    margin-top: 36px;
}

.mr36 {
    margin-right: 36px;
}

.mb36 {
    margin-bottom: 36px;
}

.ml36 {
    margin-left: 36px;
}

.m40 {
    margin: 40px;
}

.mt40 {
    margin-top: 40px;
}

.mr40 {
    margin-right: 40px;
}

.mb40 {
    margin-bottom: 40px;
}

.ml40 {
    margin-left: 40px;
}

.m44 {
    margin: 44px;
}

.mt44 {
    margin-top: 44px;
}

.mr44 {
    margin-right: 44px;
}

.mb44 {
    margin-bottom: 44px;
}

.ml44 {
    margin-left: 44px;
}

.m48 {
    margin: 48px;
}

.mt48 {
    margin-top: 48px;
}

.mr48 {
    margin-right: 48px;
}

.mb48 {
    margin-bottom: 48px;
}

.ml48 {
    margin-left: 48px;
}

.m52 {
    margin: 52px;
}

.mt52 {
    margin-top: 52px;
}

.mr52 {
    margin-right: 52px;
}

.mb52 {
    margin-bottom: 52px;
}

.ml52 {
    margin-left: 52px;
}

.m56 {
    margin: 56px;
}

.mt56 {
    margin-top: 56px;
}

.mr56 {
    margin-right: 56px;
}

.mb56 {
    margin-bottom: 56px;
}

.ml56 {
    margin-left: 56px;
}

.m60 {
    margin: 60px;
}

.mt60 {
    margin-top: 60px;
}

.mr60 {
    margin-right: 60px;
}

.mb60 {
    margin-bottom: 60px;
}

.ml60 {
    margin-left: 60px;
}

.m64 {
    margin: 64px;
}

.mt64 {
    margin-top: 64px;
}

.mr64 {
    margin-right: 64px;
}

.mb64 {
    margin-bottom: 64px;
}

.ml64 {
    margin-left: 64px;
}

.m-auto {
    margin: auto;
}

.ml-auto {
    margin-left: auto;
}

.mr-auto {
    margin-right: auto;
}

.p0 {
    padding: 0px;
}

.pt0 {
    padding-top: 0px !important;
}

.pr0 {
    padding-right: 0px;
}

.pb0 {
    padding-bottom: 0px;
}

.pl0 {
    padding-left: 0px;
}

.p4 {
    padding: 4px;
}

.pt4 {
    padding-top: 4px;
}

.pr4 {
    padding-right: 4px;
}

.pb4 {
    padding-bottom: 4px;
}

.pl4 {
    padding-left: 4px;
}

.p8 {
    padding: 8px;
}

.pt8 {
    padding-top: 8px;
}

.pr8 {
    padding-right: 8px;
}

.pb8 {
    padding-bottom: 8px;
}

.pl8 {
    padding-left: 8px;
}

.p12 {
    padding: 12px;
}

.pt12 {
    padding-top: 12px;
}

.pr12 {
    padding-right: 12px;
}

.pb12 {
    padding-bottom: 12px;
}

.pl12 {
    padding-left: 12px;
}

.p16 {
    padding: 16px;
}

.pt16 {
    padding-top: 16px;
}

.pr16 {
    padding-right: 16px;
}

.pb16 {
    padding-bottom: 16px;
}

.pl16 {
    padding-left: 16px;
}

.p20 {
    padding: 20px;
}

.pt20 {
    padding-top: 20px;
}

.pr20 {
    padding-right: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pl20 {
    padding-left: 20px;
}

.p24 {
    padding: 24px;
}

.pt24 {
    padding-top: 24px;
}

.pr24 {
    padding-right: 24px;
}

.pb24 {
    padding-bottom: 24px;
}

.pl24 {
    padding-left: 24px;
}

.p28 {
    padding: 28px;
}

.pt28 {
    padding-top: 28px;
}

.pr28 {
    padding-right: 28px;
}

.pb28 {
    padding-bottom: 28px;
}

.pl28 {
    padding-left: 28px;
}

.p32 {
    padding: 32px;
}

.pt32 {
    padding-top: 32px;
}

.pr32 {
    padding-right: 32px;
}

.pb32 {
    padding-bottom: 32px;
}

.pl32 {
    padding-left: 32px;
}

.p36 {
    padding: 36px;
}

.pt36 {
    padding-top: 36px;
}

.pr36 {
    padding-right: 36px;
}

.pb36 {
    padding-bottom: 36px;
}

.pl36 {
    padding-left: 36px;
}

.p40 {
    padding: 40px;
}

.pt40 {
    padding-top: 40px;
}

.pr40 {
    padding-right: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.pl40 {
    padding-left: 40px;
}

.p44 {
    padding: 44px;
}

.pt44 {
    padding-top: 44px;
}

.pr44 {
    padding-right: 44px;
}

.pb44 {
    padding-bottom: 44px;
}

.pl44 {
    padding-left: 44px;
}

.p48 {
    padding: 48px;
}

.pt48 {
    padding-top: 48px;
}

.pr48 {
    padding-right: 48px;
}

.pb48 {
    padding-bottom: 48px;
}

.pl48 {
    padding-left: 48px;
}

.p52 {
    padding: 52px;
}

.pt52 {
    padding-top: 52px;
}

.pr52 {
    padding-right: 52px;
}

.pb52 {
    padding-bottom: 52px;
}

.pl52 {
    padding-left: 52px;
}

.p56 {
    padding: 56px;
}

.pt56 {
    padding-top: 56px;
}

.pr56 {
    padding-right: 56px;
}

.pb56 {
    padding-bottom: 56px;
}

.pl56 {
    padding-left: 56px;
}

.p60 {
    padding: 60px;
}

.pt60 {
    padding-top: 60px;
}

.pr60 {
    padding-right: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.pl60 {
    padding-left: 60px;
}

.p64 {
    padding: 64px;
}

.pt64 {
    padding-top: 64px;
}

.pr64 {
    padding-right: 64px;
}

.pb64 {
    padding-bottom: 64px;
}

.pl64 {
    padding-left: 64px;
}

.cursor {
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden !important;
}

.overflow-auto {
    overflow: auto !important;
}

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

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

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

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

.relative,
.position-relative {
    position: relative !important;
}

.absolute,
.position-absolute {
    position: absolute !important;
}

.fs0 {
    font-size: 0px;
}

.fs4 {
    font-size: 4px;
}

.fs8 {
    font-size: 8px;
}

.fs12 {
    font-size: 12px;
}

.fs16 {
    font-size: 16px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.fs28 {
    font-size: 28px;
}

.fs32 {
    font-size: 32px;
}

.fs36 {
    font-size: 36px;
}

.fs40 {
    font-size: 40px;
}

.fs44 {
    font-size: 44px;
}

.fs48 {
    font-size: 48px;
}

.fs52 {
    font-size: 52px;
}

.fs56 {
    font-size: 56px;
}

.fs60 {
    font-size: 60px;
}

.fs64 {
    font-size: 64px;
}

.gap-4 {
    gap: 0.25rem;
}

.gap-8 {
    gap: 0.5rem;
}

.gap-16 {
    gap: 1rem;
}


.no-desktop {
    display: none;
}

@media screen and (max-width: 758px) {

    /* Mobile */
    .no-mobile {
        display: none;
    }
}