.font-normal {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}

.font-sans {
    font-family: var(--font-sans);
}
.font-serif {
    font-family: var(--font-serif);
}
.font-display {
    font-family: var(--font-display);
}

.uppercase {
    text-transform: uppercase;
}

.list-none {
    list-style-type: none;

    &:is(ul, ol) {
        padding: 0 !important;

        li {
            padding: 0 !important;
        }
    }
}

.is-hidden,
.hidden {
    display: none;
}

.hidden-max-mobile {
    @media (max-width: 640px) {
        display: none;
    }
}
.hidden-max-tablet {
    @media (max-width: 768px) {
        display: none;
    }
}
.hidden-max-desktop {
    @media (max-width: 1024px) {
        display: none;
    }
}