.auth-popup{position:fixed;top:22px;right:22px;z-index:10000;display:grid;grid-template-columns:48px minmax(0,1fr) 34px;align-items:center;gap:12px;width:min(390px,calc(100vw - 32px));padding:14px 12px 14px 14px;color:#f6f7f8;background:rgba(13,18,26,.97);border:1px solid rgba(255,255,255,.16);border-radius:12px;box-shadow:0 18px 50px rgba(0,0,0,.45);animation:auth-popup-in .28s ease-out both}.auth-popup__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font:700 28px/1 Arial,sans-serif;color:#fff}.auth-popup--login{border-color:rgba(42,199,105,.55)}.auth-popup--login .auth-popup__icon{background:#159447;box-shadow:0 0 0 5px rgba(42,199,105,.13)}.auth-popup--logout{border-color:rgba(231,69,69,.6)}.auth-popup--logout .auth-popup__icon{background:#c93434;box-shadow:0 0 0 5px rgba(231,69,69,.13)}.auth-popup__content{display:flex;min-width:0;flex-direction:column;gap:3px}.auth-popup__content strong{font-size:15px;color:#fff}.auth-popup__content span{font-size:14px;line-height:1.35;color:#cfd5dc}.auth-popup__close{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:7px;color:#aeb7c2;background:transparent;font-size:24px;cursor:pointer}.auth-popup__close:hover,.auth-popup__close:focus-visible{color:#fff;background:rgba(255,255,255,.1);outline:2px solid rgba(255,255,255,.35);outline-offset:1px}.auth-popup.is-closing{animation:auth-popup-out .2s ease-in both}@keyframes auth-popup-in{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-popup-out{to{opacity:0;transform:translateY(-10px)}}@media(max-width:560px){.auth-popup{top:12px;right:16px;left:16px;width:auto;grid-template-columns:42px minmax(0,1fr) 32px;padding:12px}.auth-popup__icon{width:42px;height:42px;font-size:25px}}@media (prefers-reduced-motion: reduce){.auth-popup,.auth-popup.is-closing{animation:none}}