@font-face {
    font-family: "Aeros";
    src: url("/assets/fonts/aeros/Aeros.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

html[data-brand="marstrade"] .brand-wordmark {
    background: none !important;
    font-family: "Aeros", sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    color: var(--brand-wordmark-color, currentColor) !important;
    -webkit-background-clip: border-box !important;
    background-clip: border-box !important;
    -webkit-text-fill-color: currentColor !important;
}

html[data-brand="marstrade"] .sidebar-header .brand-wordmark {
    --brand-wordmark-color: var(--neon-cyan);
    max-width: none !important;
    font-size: 1.35rem !important;
    white-space: nowrap !important;
}

html[data-brand="marstrade"] .login-brand.brand-wordmark {
    --brand-wordmark-color: var(--neon-cyan);
    font-size: 2rem !important;
}

html[data-brand="marstrade"] .signup-card > .brand-wordmark {
    --brand-wordmark-color: var(--brand);
}

@media (min-width: 769px) {
    html[data-brand="marstrade"] .sidebar.collapsed .sidebar-header .brand-wordmark {
        font-size: 0 !important;
    }

    html[data-brand="marstrade"] .sidebar.collapsed .sidebar-header .brand-wordmark::first-letter {
        background: none !important;
        font-size: 1.75rem !important;
        font-weight: 400 !important;
        color: var(--neon-cyan) !important;
        -webkit-background-clip: border-box !important;
        background-clip: border-box !important;
        -webkit-text-fill-color: currentColor !important;
    }
}

@media (max-width: 768px) {
    html[data-brand="marstrade"] .sidebar-header .brand-wordmark {
        font-size: 1.08rem !important;
        letter-spacing: 0.06em !important;
    }

    html[data-brand="marstrade"] .login-brand.brand-wordmark {
        font-size: 1.35rem !important;
    }
}

@media (max-width: 430px) {
    html[data-brand="marstrade"] .pay-brand-copy .brand-wordmark {
        max-width: none !important;
        font-size: 8.5px !important;
    }
}