.login-header{margin-bottom:22px}.login-header p{margin-top:10px;max-width:310px}.login-code-control{position:relative;width:max-content;max-width:100%;margin:0 auto 16px;cursor:text}.login-code-input{position:absolute;inset:0;width:100%;height:100%;opacity:.01;border:0;padding:0;background:transparent;color:transparent;caret-color:transparent;outline:none;z-index:2;font-size:16px}.login-code-slots{display:grid;grid-template-columns:repeat(6,42px);gap:9px}.login-code-slot{width:42px;height:46px;border:1px solid rgba(75,65,56,.16);border-radius:10px;background:rgba(255,255,255,.72);color:var(--ink);font:600 19px/46px 'Work Sans',sans-serif;text-align:center;text-transform:uppercase;box-shadow:0 1px 4px rgba(70,55,40,.025);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.login-code-slot.active{border-color:var(--sage);box-shadow:0 0 0 2px rgba(124,143,122,.11);background:#fff}.login-code-slot.filled{background:rgba(255,255,255,.9)}.login-code-control+.error-text{margin:0 0 14px}@media(max-width:380px){.login-screen{padding-inline:18px}.login-code-slots{grid-template-columns:repeat(6,38px);gap:7px}.login-code-slot{width:38px;height:42px;border-radius:9px;font-size:18px;line-height:42px}}