body{margin:var(--ds-spacing-05) 0}.login{--padding-inline: var(--ds-spacing-04);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--br2);display:flex;flex:none;flex-direction:column;max-width:450px;margin:0 auto}.login>img{margin-block-end:var(--ds-spacing-05);z-index:1;width:90px;height:100%;align-self:center;background-color:var(--opoc-primary-navy);padding:var(--ds-spacing-02);border-radius:var(--br2);box-shadow:var(--box-shadow-0)}.logo{color:var(--color-primary);font-size:2rem;font-family:var(--opoc-font-family);font-weight:600;margin-inline-start:calc(var(--ds-spacing-04) + 4px);text-decoration:none;text-align:center;margin-block-end:var(--ds-spacing-01)}[data-theme=dark] .logo{color:var(--color-text-primary)}.logo>span{color:var(--color-accent);font-weight:900}.login h1{text-align:center;margin-block-end:var(--ds-spacing-02)}.login form>div:first-of-type{padding:0 var(--padding-inline)}.login>div:last-of-type,.login>form>div:last-of-type{display:grid;gap:var(--ds-spacing-04);justify-content:stretch;justify-items:stretch;background-color:var(--color-surface);padding:var(--ds-spacing-05) var(--padding-inline);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}[data-theme=dark] .login,[data-theme=dark] .login>div{background-color:var(--color-surface)}.login>div:last-of-type button,.login form>div:last-of-type button{width:100%;border-radius:999rem;min-height:var(--btn-height);background:var(--color-accent);color:var(--color-accent-text);border-color:var(--color-accent)}.login>div:last-of-type button:hover,.login form>div:last-of-type button:hover{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary)}[data-theme=dark] .login button[data-cl-button]{background:var(--opoc-blue)!important;color:var(--color-primary-text)!important;border-color:var(--opoc-blue)!important}[data-theme=dark] .login button[data-cl-button]:hover{background:var(--mid-blue)!important;color:var(--color-primary-text)!important;border-color:var(--mid-blue)!important}.fields{display:flex;flex-direction:column;flex:none;gap:var(--ds-spacing-04);padding:var(--ds-spacing-04) var(--padding-inline)}@media (min-width: 768px){body{margin:calc(var(--ds-spacing-07) + 42px) var(--ds-spacing-04) var(--ds-spacing-06)}.login{--padding-inline: var(--ds-spacing-07)}}