body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}
.App{display:grid;grid-template-areas:"left right" "left right" "left right";grid-template-columns:50vw 1fr;grid-template-rows:1fr;background:#deb887;height:100vh;width:100vw;overflow:hidden}.left{grid-area:left}.right{grid-area:right;background:#fff}
:root{--border-primary: #D5D5D8;--border-info: #4379B6;--border-success: #338441;--border-warning: #FFB700;--border-error: #721c24;--fill-secondary: #60606B;--fill-success: #338441;--fill-warning: #FFB700;--fill-error: #721c24;--bg-secondary: #F5F5F5;--bg-tertiary: #EAEAEB;--bg-info-secondary: #ECF1F8;--bg-success-secondary: #EBF2EB;--bg-warning-secondary: #FFF8ED;--bg-error-secondary: #f8d7da;--txt-secondary: #4E4E5A;--txt-info-primary: #1D3959;--txt-success-primary: #143F1C;--txt-warning-primary: #916903;--txt-error-primary: #802626;--utility-purple-50: #e9e4f2;--utility-purple-600: #816da1;--utility-purple-900: #483c5c;--bg-brand-secondary-hover: #FBE3CC}.oc-table-container{display:grid;grid-template-rows:1fr;padding:24px}.ocn-login-left{text-align:center}.ocn-login-left-background{background:#3d3d4a;width:100%;height:100%;text-align:center}.ocn-login-left-background-kimmie{background:#ed9e49;width:100%;height:100%;text-align:center}.ocn-login-left-endmarkFrame{display:grid;text-align:center;vertical-align:middle;width:50%;position:absolute;left:0;top:50%}.backgroundImage{width:100%;height:100%}.backgroundImage-kimmie{width:100%;height:100%;opacity:30%}.endmarkImage{margin-left:auto;margin-right:auto;width:50%}.ocn-login-extra-div{padding-top:4px;margin-top:24px;display:flex;justify-content:space-between}.ocn-login-error-div{padding:16px;margin-bottom:24px;background-color:#f8d7da;width:100%;display:flex;gap:8px;align-items:center;border-radius:4px}.ocn-login-button-div{padding-top:4px;margin-top:24px}.ocn-login-line-break{margin-bottom:24px}.ocn-checkbox+.ocn-checkbox-label{font-weight:bold}.reset-pw-link{font-weight:bold}.ocn-login-page{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.ocn-login-page-header{width:400px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px}.ocn-login-page-input-form{width:400px;margin-top:92px}.ocn-login-page-trial{display:flex;justify-content:center;align-items:end;gap:10px;margin-top:78px}.ocn-login-page-nogapbutton{padding:0}.ocn-login-page-languages{display:flex;justify-content:center;gap:16px;margin-top:108px}.ocn-login-page-footer{display:flex;align-items:flex-end;padding:32px;width:50%;gap:32px;bottom:0;position:absolute}.ocn-login-page-footer-right-text{right:32px;position:absolute}.ocn-login-page-footer-text{color:#63646e}