.auth-modal[hidden]{display:none}.auth-modal{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:18px}.auth-modal__backdrop{position:absolute;inset:0;background:rgba(3,4,8,.76);backdrop-filter:blur(12px) saturate(75%)}.auth-modal__dialog{position:relative;width:min(100%,500px);height:min(760px,calc(100dvh - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.14);border-top:3px solid #ed174c;border-radius:20px;background:#111318;box-shadow:0 36px 100px rgba(0,0,0,.72)}.auth-modal__close{position:absolute;right:13px;top:12px;z-index:3;display:grid;place-items:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#1b1e26;color:#aeb4c2;font-size:23px;cursor:pointer}.auth-modal__close:hover{background:#252934;color:#fff}.auth-modal iframe{display:block;width:100%;height:100%;border:0;background:#111318}.auth-modal__loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:10px;background:#111318;color:#aeb4c2;font-size:13px}.auth-modal__loading span{width:20px;height:20px;border:2px solid rgba(255,255,255,.15);border-top-color:#ed174c;border-radius:50%;animation:auth-spin .7s linear infinite}.auth-modal.is-loaded .auth-modal__loading{display:none}body.auth-modal-open{overflow:hidden}@keyframes auth-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.auth-modal{padding:0;place-items:end center}.auth-modal__dialog{width:100%;height:min(92dvh,760px);border-radius:20px 20px 0 0;border-inline:0;border-bottom:0}.auth-modal__close{top:10px;right:10px}}