.auth-check > #terms[role="checkbox"] {
    display: inline-grid;
    flex: 0 0 24px;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 1.5px solid #75439e;
    border-radius: 5px;
    background: #fff;
    color: #6825a4;
    cursor: pointer;
}

.auth-check > #terms[role="checkbox"][aria-checked="true"] {
    border-color: #6825a4;
    background: #6825a4;
    color: #fff;
}

.auth-check > #terms[role="checkbox"] svg {
    width: 16px;
    height: 16px;
}

.auth-check > #terms[role="checkbox"]:focus-visible {
    outline: 2px solid #6825a4;
    outline-offset: 3px;
}

.auth-check > label[for="terms"] {
    cursor: pointer;
}

@media (forced-colors: active) {
    .auth-check > #terms[role="checkbox"] {
        forced-color-adjust: none;
        border-color: ButtonText;
        background: ButtonFace;
        color: ButtonText;
    }
    .auth-check > #terms[role="checkbox"][aria-checked="true"] {
        border-color: Highlight;
        background: Highlight;
        color: HighlightText;
    }
    .auth-check > #terms[role="checkbox"]:focus-visible {
        outline-color: Highlight;
    }
}