.mobile-auth-popup{display:none}

@media(max-width:767.98px){
    .mobile-auth-popup{position:fixed;z-index:495;isolation:isolate;overflow:hidden;left:50%;bottom:calc(70px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:1fr 1fr;gap:4px;width:min(280px,calc(100% - 24px));height:48px;padding:4px;transform:translateX(-50%);border:0;border-radius:24px;background:#212121;box-shadow:0 8px 26px rgba(0,0,0,.46)}
    .mobile-auth-popup::before{position:absolute;z-index:0;top:50%;left:50%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%) rotate(0deg);transform-origin:center;background-image:conic-gradient(#2563eb 20deg,transparent 120deg);content:"";will-change:transform;animation:mobile-auth-border-spin 2s linear infinite;animation-play-state:running}
    .mobile-auth-popup::after{position:absolute;z-index:1;inset:1.5px;border-radius:22.5px;background:#212121;content:""}
    .mobile-auth-popup a{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-radius:20px;font-size:13px;font-weight:650;letter-spacing:.01em;transition:background 140ms ease,color 140ms ease,transform 140ms ease;-webkit-tap-highlight-color:transparent}
    .mobile-auth-popup__register{background:var(--primary);color:#fff}
    .mobile-auth-popup__register:hover,.mobile-auth-popup__register:focus-visible{background:var(--primary-hover);color:#fff}
    .mobile-auth-popup__login{background:#f1f1f1;color:#0f0f0f}
    .mobile-auth-popup__login:hover,.mobile-auth-popup__login:focus-visible{background:#fff;color:#0f0f0f}
    .mobile-auth-popup a:active{transform:scale(.97)}
}

@keyframes mobile-auth-border-spin{
    0%{transform:translate(-50%,-50%) rotate(0deg)}
    100%{transform:translate(-50%,-50%) rotate(-360deg)}
}

@media(prefers-reduced-motion:reduce){
    .mobile-auth-popup a{transition:none}
    .mobile-auth-popup::before{animation-duration:5s}
}