.code-input-container{gap:8px;margin-top:8px;display:flex}.code-input{border:1px solid var(--color-medium);text-align:center;width:44px;height:48px;color:var(--black);background:var(--color-lighter);border-radius:8px;font-size:20px;font-weight:600}.code-input:focus{outline:2px solid var(--color-main);border-color:var(--color-main)}.code-input:disabled{opacity:.6}
.auth-container{padding:16px}@media (min-width:640px){.auth-container{padding:24px}}.auth-container form{width:100%}.auth-container .input-element{margin-bottom:8px}:is(.auth-container .input-element) input{width:100%}.auth-container .social-container{margin-bottom:24px}.auth-container .btn-google{color:#fff;background-color:#df4a32;margin:6px 0}.auth-container .btn-apple{color:#fff;background-color:#000;margin:6px 0}.auth-container .btn-facebook{color:#fff;background-color:#3a579a;margin:6px 0}.auth-container .login-button-text{margin-left:12px}.auth-container.forgot-password-container{align-items:center;width:100%}.auth-container.forgot-password-container .intro-text{width:100%;margin-bottom:24px}.auth-container.forgot-password-container label{width:100px}.auth-container.forgot-password-container form{flex-direction:column;justify-content:center;max-width:300px;display:flex}.verify-email-container .page-body{margin:16px}@media (min-width:640px){.verify-email-container .page-body{margin:24px}}
.account-pane{color:#000;height:calc(100vh - 1*var(--nav-menu-height));padding-bottom:64px}@media (min-width:640px){.account-pane{height:calc(100vh - 1*var(--md-nav-menu-height))}}.account-pane .go-back-container{border-bottom:1px solid var(--color-medium);background-color:var(--color-light);color:#000}.account-pane .account-pane-content{padding-bottom:120px;overflow-y:auto}.account-pane .account-pane-spacer{height:140px}.account-pane .modal-header{background-color:var(--color-lighter)}:is(.account-pane form) label{width:140px;font-size:16px;font-weight:300;color:#000!important}:is(.account-pane form) .input-element{width:100%;margin-bottom:8px}:is(:is(.account-pane form) .input-element) input{color:var(--foreground)}.pane-menu-container{padding:16px}@media (min-width:640px){.pane-menu-container{padding:24px}}.pane-menu-container .menu-link{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;font-size:18px;line-height:24px;display:flex}@media (min-width:640px){.pane-menu-container .menu-link{font-size:24px;line-height:32px}}.pane-menu-container .menu-arrow{color:var(--color-medium);font-size:18px}.pane-menu-container .content-before{margin-bottom:24px}