.powertrack-auth-card {
    max-width: 430px;
}

.powertrack-legal-card {
    max-width: 980px;
}

.powertrack-auth-logo {
    width: min(250px, 100%);
}

.powertrack-auth-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    color: var(--bs-primary-text-emphasis);
    background: var(--bs-primary-bg-subtle);
}

.powertrack-auth-icon svg {
    width: 1.6rem;
    height: 1.6rem;
}

.powertrack-auth .validation-summary-valid,
.powertrack-auth .field-validation-valid {
    display: none;
}

.powertrack-auth .validation-summary-errors {
    padding: 1rem;
    margin-bottom: 1rem;
    color: var(--bs-danger-text-emphasis);
    background: var(--bs-danger-bg-subtle);
    border: var(--bs-border-width) solid var(--bs-danger-border-subtle);
    border-radius: var(--bs-border-radius);
}

.powertrack-auth .validation-summary-errors ul {
    padding-left: 1.25rem;
    margin-bottom: 0;
}

.powertrack-auth .field-validation-error {
    display: block;
    margin-top: .35rem;
    color: var(--bs-form-invalid-color);
    font-size: .875rem;
}

.powertrack-auth .input-validation-error {
    border-color: var(--bs-form-invalid-border-color);
}

.powertrack-auth .auth-input-wrapper {
    gap: .45rem;
}

.powertrack-auth .auth-input-wrapper .auth-input {
    flex: 1 1 0;
    min-width: 0;
    height: 3.25rem;
    padding: .4rem;
    font-size: 1.25rem;
    font-weight: 600;
}

.powertrack-auth .auth-input-wrapper .auth-input.is-invalid {
    border-color: var(--bs-form-invalid-border-color);
}

.powertrack-legal {
    line-height: 1.65;
}

.powertrack-legal h1,
.powertrack-legal h2,
.powertrack-legal h3 {
    line-height: 1.25;
}

.powertrack-legal h2 {
    padding-top: .75rem;
    margin-top: 2.5rem;
    border-top: var(--bs-border-width) solid var(--bs-border-color);
}

.powertrack-legal h2[id],
.powertrack-legal h3[id] {
    scroll-margin-top: 1rem;
}

.powertrack-legal .legal-toc a {
    text-decoration: none;
}

.powertrack-legal .table {
    font-size: .925rem;
}

@media (max-width: 575.98px) {
    .powertrack-auth .auth-input-wrapper {
        gap: .3rem;
    }

    .powertrack-auth .auth-input-wrapper .auth-input {
        height: 2.9rem;
        padding: .25rem;
        font-size: 1rem;
    }
}