.ares-logo {
    display: block;
    height: auto;
    max-width: 100%;
}

.ares-logo--horizontal {
    aspect-ratio: 885 / 220;
    width: 132px;
}

.ares-logo--mark {
    aspect-ratio: 240 / 220;
    width: 42px;
}

.ares-logo-adaptive {
    display: inline-block;
    line-height: 0;
}

.ares-logo-adaptive .ares-logo--on-dark {
    display: none;
}

[data-theme="dark"] .ares-logo-adaptive .ares-logo--on-light {
    display: none;
}

[data-theme="dark"] .ares-logo-adaptive .ares-logo--on-dark {
    display: block;
}

.ares-logo-link {
    align-items: center;
    display: inline-flex;
    line-height: 0;
    text-decoration: none;
}

.ares-logo-link:focus-visible {
    border-radius: 4px;
    outline: 3px solid rgba(15, 111, 255, .45);
    outline-offset: 4px;
}