:is(.cox-login-brand, .cox-dashboard-brand, .cox-teacher-login-brand, .cox-student-brand, .cox-teacher-brand) > span {
    display: grid;
    place-items: center;
    flex: 0 0 var(--cox-mark-size, 46px);
    width: var(--cox-mark-size, 46px);
    height: var(--cox-mark-size, 46px);
    border: 1px solid var(--cox-brand-border);
    border-radius: var(--cox-radius-control);
    background: #000;
}
:is(.cox-login-brand, .cox-dashboard-brand, .cox-teacher-login-brand, .cox-student-brand, .cox-teacher-brand) img {
    display: block;
    width: var(--cox-mark-image, 31px);
    height: var(--cox-mark-image, 31px);
    object-fit: contain;
}
.cox-dashboard-brand { --cox-mark-size: 34px; --cox-mark-image: 24px; }
.cox-login-brand { --cox-mark-size: 48px; --cox-mark-image: 24px; }
:is(.cox-teacher-login-brand, .cox-student-brand, .cox-teacher-brand) small {
    display: block;
    margin-top: 4px;
    color: var(--cox-brand-muted);
    font-size: 13px;
}