/* Only the layout utilities used by the login, OTP and password forms. */
.grid { display: flex; flex-wrap: wrap; margin-right: -.5rem; margin-left: -.5rem; margin-top: -.5rem; }
.grid > [class*="col"] { box-sizing: border-box; }
.col-12 { flex: 0 0 auto; padding: .5rem; width: 100%; }
.grid-nogutter { margin-right: 0; margin-left: 0; margin-top: 0; }
.grid-nogutter > [class*="col-"] { padding: 0; }
.flex { display: flex !important; }
.gap-3 { gap: 1rem !important; }
.font-medium { font-weight: 500 !important; }
@media screen and (min-width: 992px) {
    .lg\:col-4 { flex: 0 0 auto; padding: .5rem; width: 33.3333%; }
    .lg\:col-8 { flex: 0 0 auto; padding: .5rem; width: 66.6667%; }
    .grid-nogutter > [class*="col-"] { padding: 0; }
}