.login-dialog__overlay{z-index:200;background-color:var(--color-dark-overlay);justify-content:center;align-items:stretch;display:flex;position:fixed;inset:0;overflow-y:auto}@media (min-width:768px){.login-dialog__overlay{align-items:center;padding:28px}}.login-dialog__overlay[data-entering]{animation:.18s ease-out login-dialog-fade}.login-dialog__overlay[data-exiting]{animation:.14s ease-in reverse login-dialog-fade}.login-dialog__modal{width:100%;min-height:100dvh;color:var(--color-gray-dark);background-color:#fff}@media (min-width:768px){.login-dialog__modal{border-radius:16px;width:min(500px,100%);min-height:0;max-height:calc(100dvh - 56px);overflow-y:auto;box-shadow:0 16px 48px lab(0% 0 0/.2)}}.login-dialog{outline:none;min-height:100dvh;padding:20px 18px 32px}@media (min-width:768px){.login-dialog{min-height:0;padding:28px 30px 36px}}.login-dialog__header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.login-dialog__header p{font-weight:800;font-size:var(--text-xl);line-height:1.2}.login-dialog__close{width:40px;height:40px;color:var(--color-gray-muted);border-radius:8px;place-items:center;margin-right:-8px;display:grid}.login-dialog__close img{width:22px;height:22px}.login-dialog__tab-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px;display:grid}.login-dialog__tabs--nested-step .login-dialog__tab-list{display:none}.login-dialog__tab{min-height:48px;color:var(--color-gray-muted);font-size:var(--text-md);text-align:center;background-color:var(--color-gray-transparent);cursor:pointer;border-radius:11px;place-items:center;padding:8px 10px;line-height:1.15;display:grid}.login-dialog__tab[data-selected]{color:var(--color-gray-dark);background-color:#fff;box-shadow:0 3px 14px lab(0% 0 0/.1)}:is(.login-dialog__tab[data-focus-visible],.login-dialog__close[data-focus-visible],.login-dialog__provider[data-focus-visible],.login-dialog__field-action[data-focus-visible],.login-dialog__forgot-password[data-focus-visible],.login-dialog__primary-action[data-focus-visible],.login-dialog__secondary-action[data-focus-visible],.login-dialog__input:focus-visible){outline:2px solid var(--color-blue-firm);outline-offset:2px}.login-dialog__panel{outline:none}.login-dialog__providers{padding-bottom:10px}.login-dialog__providers,.login-dialog__form,.login-dialog__code-step{gap:14px;display:grid}.login-dialog__code-recipient{font-size:var(--text-md);margin-bottom:6px;line-height:1.4}.login-dialog__code-recipient span{overflow-wrap:anywhere}.login-dialog__provider,.login-dialog__primary-action,.login-dialog__secondary-action{min-height:52px;font-weight:600;font-size:var(--text-md);border-radius:12px;justify-content:center;align-items:center;gap:9px;padding:10px 16px;line-height:1.2;display:flex}.login-dialog__provider{border:1px solid var(--color-gray-light);background-color:#fff}.login-dialog__provider[data-disabled]{cursor:wait;opacity:.65}.login-dialog__provider img{flex:0 0 24px}.login-dialog__field{min-width:0}.login-dialog__input-wrap{position:relative}.login-dialog__input--with-action{padding-right:54px}.login-dialog__field-action{width:38px;height:38px;color:var(--color-gray-muted);border-radius:8px;place-items:center;display:grid;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-dialog__field-action[data-disabled]{opacity:.5}.login-dialog__field[data-invalid] .login-dialog__input,.login-dialog__field--auth-error .login-dialog__input{border:1px solid var(--color-error)}.login-dialog__input{width:100%;min-height:70px;font-size:var(--text-md);background-color:var(--color-gray-transparent);border-radius:14px;padding:16px}.login-dialog__input::placeholder{color:var(--color-gray-muted);opacity:1}.login-dialog__code-input-wrap{position:relative}.login-dialog__code-input{letter-spacing:.08em;padding-right:54px}.login-dialog__spinner{border:2px solid color-mix(in oklch, var(--color-blue-firm) 25%, white);border-top-color:var(--color-blue-firm);border-radius:50%;width:20px;height:20px;margin-top:-10px;animation:.7s linear infinite login-dialog-spin;position:absolute;top:50%;right:18px}.login-dialog__field-error,.login-dialog__credentials-error{color:var(--color-error);font-size:var(--text-sm);background-color:color-mix(in oklch, var(--color-error) 9%, white);border-radius:10px;padding:12px 14px;line-height:1.3}.login-dialog__primary-action{color:#fff;background-color:var(--color-blue-firm)}.login-dialog__primary-action:hover{background-color:var(--color-blue-firm-hover)}.login-dialog__primary-action[data-disabled],.login-dialog__secondary-action[data-disabled]{cursor:wait;opacity:.65}.login-dialog__secondary-action{background-color:var(--color-gray-transparent)}.login-dialog__forgot-password{color:var(--color-blue-firm);font-size:var(--text-sm);text-align:left;border-radius:2px;justify-self:start;margin-top:-6px;line-height:1.3}.login-dialog__forgot-password[data-disabled]{color:var(--color-gray-muted)}.login-dialog__resend{color:var(--color-blue-firm);font-size:var(--text-sm);text-align:left;justify-self:start;padding:4px 0;line-height:1.3}.login-dialog__resend[data-disabled]{color:var(--color-gray-muted);cursor:not-allowed}.login-dialog__resend[data-focus-visible]{outline:2px solid var(--color-blue-firm);outline-offset:3px;border-radius:2px}.login-dialog__notice{color:var(--color-gray-muted);font-size:var(--text-sm);line-height:1.3}.login-dialog__error{color:var(--color-error);font-size:var(--text-sm);margin-top:12px;line-height:1.3}.login-dialog__notice :is(a,.login-dialog__notice-link){color:var(--color-blue-firm-hover)}.login-dialog__reset-description{font-size:var(--text-md);line-height:1.45}.login-dialog__reset-description span{overflow-wrap:anywhere;margin-top:4px;display:block}.login-dialog__tooltip{z-index:210;color:#fff;background-color:var(--color-gray-dark);forced-color-adjust:none;border-radius:6px;outline:none;max-width:min(280px,100vw - 32px);padding:8px 10px;font-size:13px;line-height:1.35;transition:transform .16s,opacity .16s;transform:translate(0,0);box-shadow:0 8px 18px lab(0% 0 0/.22)}.login-dialog__tooltip[data-entering],.login-dialog__tooltip[data-exiting]{opacity:0}.login-dialog__tooltip[data-placement=top]{margin-bottom:8px}.login-dialog__tooltip[data-placement=bottom]{margin-top:8px}.login-dialog__tooltip-arrow svg{fill:var(--color-gray-dark);display:block}.login-dialog__tooltip[data-placement=bottom] .login-dialog__tooltip-arrow svg{transform:rotate(180deg)}@keyframes login-dialog-fade{0%{opacity:0}to{opacity:1}}@keyframes login-dialog-spin{to{transform:rotate(360deg)}}