/* MobileSampler brand styles */

.ms-logo {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}

.ms-logo svg {
    display: block;
}

.ms-logo-appbar {
    width: 30px;
    height: 30px;
    margin-left: 8px;
    margin-right: 4px;
}

.ms-logo-login {
    width: 64px;
    height: 64px;
}

.ms-appbar-title {
    font-weight: 600;
    letter-spacing: 0.02em;
}

/* Subtle brand color accent on the login card */
.ms-login-card {
    border-top: 3px solid var(--mud-palette-primary);
}