.logo svg {
    width: auto;
    height: 24px;
    position: fixed;
    top: var(--spacing-lg);
    color: var(--color-button-light-active);
    left: 50%;
    transform: translateX(-50%);
}

.token-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

body.mobile .token-page {
    min-height: 100%;
}

.token-form {
    margin: 12vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md);
    height: 100%;
}

body.mobile .token-form {
    margin: auto;
}

.token-form * {
    margin: 0;
}

.token-page p {
    text-align: center;
}

.token-error {
    color: var(--color-error);
    font-size: var(--font-size-sm);
}