*:focus-visible {
    outline: var(--blue1) auto 1px;
}

body {
    font-family: var(--body-font);
}

h1 {
    font-family: var(--h1-font);

    &.page-title {
        font-size: 48px !important;
        font-weight: 700 !important;

        @media (max-width: 769px) {
            font-size: 36px !important;
        }
    }

    a.no-underline {
        text-decoration: none;
    }
}

button,
input,
optgroup,
select,
textarea {
    font-family: var(--body-font);
}

.fz-15 {
    font-size: 15px !important;
}

.fz-18 {
    font-size: 18px !important;
}

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

.is-radius-5 {
    border-radius: 5px;
}

.has-loading-animation {
    transition: opacity 0.3s;

    &.is-loading {
        opacity: 0.5;
        cursor: default !important;
    }
}

.cursor-pointer {
    cursor: pointer !important;
}