.air-footer {
    position: fixed;
    right: 0;
    bottom: 0;
    height: var(--air-footer-height);
    border-top: 1px solid var(--air-border);
    background: rgba(255,255,255,.75);
    backdrop-filter: blur(18px);
    padding: 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: var(--air-muted);
    font-size: 12px;
    font-weight: 800;
    z-index: 1400;
}

.air-footer-auth {
    left: var(--air-sidebar-width);
}

.air-footer-guest {
    left: 0;
}

html[data-theme="dark"] .air-footer {
    background: rgba(15,23,42,.75);
}

.air-footer p,
.air-footer span {
    margin: 0;
    white-space: nowrap;
}

.air-footer span {
    text-align: right;
}

.air-footer small {
    display: block;
    margin-top: 2px;
    font-size: 10.5px;
    font-weight: 800;
    color: var(--air-muted);
    opacity: .85;
}

@media (max-width: 991px) {
    .air-footer-auth,
    .air-footer-guest {
        left: 0;
    }

    .air-footer {
        padding: 0 16px;
        font-size: 11px;
    }

    .air-footer small {
        font-size: 9.5px;
    }
}

@media (max-width: 640px) {
    .air-footer {
        height: 52px;
        padding: 0 12px;
        font-size: 9.8px;
        justify-content: space-between;
        align-items: center;
    }

    .air-footer p,
    .air-footer span {
        max-width: 48%;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .air-footer small {
        font-size: 8.5px;
    }
}

.air-footer-dev{
    color: var(--air-primary);
    text-decoration: none;
    font-weight: 900;
    transition: .25s ease;
    position: relative;
}

.air-footer-dev::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    height: 2px;
    background: var(--air-primary);
    transition: .25s ease;
}

.air-footer-dev:hover{
    color: var(--air-primary-dark);
}

.air-footer-dev:hover::after{
    width: 100%;
}

html[data-theme="dark"] .air-footer-dev{
    color:#60a5fa;
}

html[data-theme="dark"] .air-footer-dev:hover{
    color:#93c5fd;
}