.auth-method-modal{--auth-method-accent: #00aff0;width:min(420px,calc(100vw - 32px));max-width:none;margin:auto;padding:0;border:0;border-radius:22px;background:transparent;color:#242529;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;box-shadow:0 24px 80px #00000047}.auth-method-modal--boosty{--auth-method-accent: #f15f2c}.auth-method-modal::backdrop{background:#0d11179e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-method-modal__panel{position:relative;box-sizing:border-box;padding:30px 24px 24px;border-radius:inherit;background:#fff}.auth-method-modal__close{position:absolute;top:12px;right:14px;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#f2f3f5;color:#74777d;font:300 27px/32px Arial,sans-serif;cursor:pointer}.auth-method-modal__close:hover{background:#e8e9ec;color:#33353a}.auth-method-modal__heading{padding:0 28px 22px 0}.auth-method-modal__heading h2{margin:0 0 7px;font-size:22px;font-weight:700;line-height:1.25}.auth-method-modal__heading p{margin:0;color:#74777d;font-size:14px;line-height:1.4}.auth-method-modal__methods{display:grid;gap:10px}.auth-method-modal__method{display:grid;grid-template-columns:38px 1fr 22px;align-items:center;box-sizing:border-box;width:100%;min-height:56px;padding:8px 15px 8px 10px;border:1px solid #e5e7eb;border-radius:14px;background:#fff;color:#25272b;font:inherit;font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.auth-method-modal__method:hover:not(:disabled),.auth-method-modal__method:focus-visible{border-color:var(--auth-method-accent);background:color-mix(in srgb,var(--auth-method-accent) 5%,white);outline:none}.auth-method-modal__method:active:not(:disabled){transform:scale(.99)}.auth-method-modal__method:disabled{cursor:wait;opacity:.58}.auth-method-modal__method--loading{opacity:1!important}.auth-method-modal__icon{display:grid;place-items:center;box-sizing:border-box;width:32px;height:32px;border-radius:9px;color:#fff;font-size:11px;font-weight:800;letter-spacing:-.4px}.auth-method-modal__icon svg{width:21px;height:21px;fill:currentColor}.auth-method-modal__method--vk .auth-method-modal__icon{background:#2787f5}.auth-method-modal__method--telegram .auth-method-modal__icon{background:#229ed9}.auth-method-modal__method--ok .auth-method-modal__icon{background:#ee8208}.auth-method-modal__method--gmail .auth-method-modal__icon{border:1px solid #e5e7eb;background:#fff;color:#4285f4;font-size:18px;font-weight:700}.auth-method-modal__spinner{display:none;box-sizing:border-box;width:18px;height:18px;border:2px solid color-mix(in srgb,var(--auth-method-accent) 24%,transparent);border-top-color:var(--auth-method-accent);border-radius:50%;animation:auth-method-modal-spin .7s linear infinite}.auth-method-modal__method--loading .auth-method-modal__spinner{display:block}.auth-method-modal__status{min-height:20px;margin:14px 0 0;color:#74777d;font-size:14px;font-weight:600;line-height:20px;text-align:center}.auth-method-modal__status[data-state=error]{color:#d33838}@keyframes auth-method-modal-spin{to{transform:rotate(360deg)}}@media(max-width:480px){.auth-method-modal{width:calc(100vw - 24px);border-radius:20px}.auth-method-modal__panel{padding:27px 18px 19px}.auth-method-modal__heading h2{font-size:20px}}@media(prefers-reduced-motion:reduce){.auth-method-modal__method,.auth-method-modal__spinner{transition:none;animation-duration:1.4s}}