.cads-login-bg .auth-one-bg {
    background-image: url("../assets/images/auth-one-bg.jpg");
    background-position: center;
    background-size: cover;
}

.cads-brand-mark {
    width: 28px;
    height: 28px;
}

.cads-page-summary {
    border-left: 3px solid var(--vz-primary);
}

.cads-help-copy {
    max-width: 860px;
}

.cads-monospace,
.cads-code {
    font-family: Consolas, "Courier New", monospace;
}

.cads-code {
    white-space: pre-wrap;
    word-break: break-word;
}

.cads-diff-add {
    background-color: rgba(var(--vz-success-rgb), .08);
    color: var(--vz-success);
}

.cads-diff-remove {
    background-color: rgba(var(--vz-danger-rgb), .08);
    color: var(--vz-danger);
}

.cads-risk-cell {
    min-width: 120px;
}

.cads-table-sticky th {
    position: sticky;
    top: 0;
    z-index: 1;
}

.cads-mask {
    letter-spacing: .03em;
}

.cads-step {
    border-left: 2px solid var(--vz-border-color);
    padding-left: 1rem;
    position: relative;
}

.cads-step::before {
    background: var(--vz-primary);
    border-radius: 999px;
    content: "";
    height: .65rem;
    left: -.38rem;
    position: absolute;
    top: .35rem;
    width: .65rem;
}

.cads-shell-note {
    min-height: 42px;
}

.cads-compact-card .card-body {
    padding: 1rem;
}

.cads-grid-min {
    min-width: 980px;
}

@media (max-width: 767.98px) {
    .cads-help-copy {
        max-width: 100%;
    }

    .cads-grid-min {
        min-width: 760px;
    }
}