.wrapper{flex-direction:column;align-items:center;width:100%;display:flex}.wrapper span{margin-right:1rem}.outer_wrapper{background-color:#f5f5f5;grid-template-columns:2fr 1fr;place-items:center;height:calc(100vh - 40px);padding:20px;display:grid}.graphic{color:#fff;border-radius:20px;justify-content:center;align-items:center;width:100%;height:calc(100% - 10px);margin:1rem;display:flex;position:relative;overflow:hidden}.graphic:before{content:"";z-index:1;background:#00000080;position:absolute;inset:0}.graphic>*{z-index:2;position:relative}.graphic{background:url(https://d2ylrj05l677po.cloudfront.net/sign_in.png) 50%/cover no-repeat;flex-direction:column;align-items:center;display:flex}.login_form{flex-direction:column;gap:1rem;width:calc(100% - 40px);margin:1rem;padding:20px;display:flex}@media screen and (max-width:868px){.outer_wrapper{grid-template-columns:1fr;height:100%;padding:0}.graphic{display:none}.wrapper{height:100vh}}@media (prefers-color-scheme:dark){.outer_wrapper{background:#3e3e3e}}