/* AXIOM_RESPONSIVE_LOGO_V1 */

html body img[data-axiom-logo] {
    --axiom-logo-height: 96px;

    width: auto !important;
    height: var(--axiom-logo-height) !important;

    inline-size: auto !important;
    block-size: var(--axiom-logo-height) !important;

    min-width: 0 !important;
    min-height: 0 !important;

    max-width: min(100%, 260px) !important;
    max-height: none !important;

    min-inline-size: 0 !important;
    min-block-size: 0 !important;

    max-inline-size: min(100%, 260px) !important;
    max-block-size: none !important;

    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;

    flex-shrink: 0 !important;
    flex-basis: auto !important;

    filter: none !important;
    vertical-align: middle;
}

html body img[data-axiom-logo="compact"] {
    --axiom-logo-height: 56px;
}

html body[data-axiom-logo-page="auth"] img[data-axiom-logo] {
    --axiom-logo-height: 128px;
}

html body .sb-public-header img[data-axiom-logo] {
    --axiom-logo-height: 104px;
}

html body :is(.sb-guest-brand, .sb-guest-card) img[data-axiom-logo] {
    --axiom-logo-height: 128px;
}

html body :is(.sb-sidebar, .sidebar) img[data-axiom-logo] {
    --axiom-logo-height: 112px;
    margin-inline: auto;
}

html body .sb-topbar img[data-axiom-logo] {
    --axiom-logo-height: 48px;
}

html body :is(footer, .sb-footer) img[data-axiom-logo] {
    --axiom-logo-height: 64px;
}

html body :is(.sb-public-logo, .sb-sidebar-logo, .sidebar-logo) {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    max-height: none !important;
    flex-shrink: 0 !important;
}

html body .sb-public-header {
    min-height: 128px !important;
    height: auto !important;
    padding-block: 12px !important;
    align-items: center;
}

@media (max-width: 900px) {
    html body img[data-axiom-logo] {
        --axiom-logo-height: 76px;
    }

    html body img[data-axiom-logo="compact"] {
        --axiom-logo-height: 48px;
    }

    html body[data-axiom-logo-page="auth"] img[data-axiom-logo] {
        --axiom-logo-height: 96px;
    }

    html body .sb-public-header img[data-axiom-logo] {
        --axiom-logo-height: 76px;
    }

    html body :is(.sb-guest-brand, .sb-guest-card) img[data-axiom-logo] {
        --axiom-logo-height: 96px;
    }

    html body :is(.sb-sidebar, .sidebar) img[data-axiom-logo] {
        --axiom-logo-height: 96px;
    }

    html body .sb-topbar img[data-axiom-logo] {
        --axiom-logo-height: 44px;
    }

    html body :is(footer, .sb-footer) img[data-axiom-logo] {
        --axiom-logo-height: 56px;
    }

    html body .sb-public-header {
        min-height: 100px !important;
    }

    html body .sb-public-header > .sb-public-nav {
        top: calc(100% + 8px) !important;
    }
}