.modal.auth-modal{max-width:860px;width:100%;padding:0;overflow:hidden;border-radius:24px;max-height:92vh}.modal.auth-modal .modal-body{padding:0}.modal.auth-modal .modal-head{position:absolute;top:10px;left:10px;z-index:30;margin:0;padding:0;border:none;background:0 0}.modal.auth-modal .modal-head h3{display:none}.modal.auth-modal .modal-x{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.28);transition:background .2s,transform .2s}.modal.auth-modal .modal-x:hover{background:rgba(255,255,255,.3);transform:rotate(90deg)}.auth{position:relative;display:block;min-height:min(520px,84vh);background:var(--surface);overflow:hidden}.auth-main{position:relative;z-index:2;width:60%;min-height:min(520px,84vh);max-height:84vh;overflow-y:auto;margin-inline-start:auto;background:var(--surface);display:flex;flex-direction:column;justify-content:center;transition:transform 1s cubic-bezier(.4, 0, .2, 1),opacity .3s ease}@supports (justify-content:safe center){.auth-main{justify-content:safe center}}.auth.auth-flip .auth-main{transform:translateX(66.6%)}.auth-main.auth-swap-out{opacity:0;transform:translateX(0)}.auth.auth-flip .auth-main.auth-swap-out{transform:translateX(66.6%)}.auth-main.auth-swap-in{animation:none}.auth-aside{position:absolute;z-index:5;top:0;bottom:0;inset-inline-start:0;width:42%;box-shadow:6px 0 22px rgba(15,23,34,.18);transition:transform 1s cubic-bezier(.4, 0, .2, 1);overflow:hidden}.auth.auth-flip .auth-aside{transform:translateX(-138.1%)}.auth-main-scroll{max-height:82vh;overflow-y:auto}.modal.auth-modal .auth-submit{align-self:stretch}@media (max-width:760px){.modal.auth-modal{max-width:100%;border-radius:18px;overflow-y:auto}.auth{display:block;min-height:0;overflow:visible}.auth-aside,.auth.auth-flip .auth-aside{position:relative;width:auto;inset:auto;height:150px;max-height:none;min-height:0;overflow:hidden;padding:0;transform:none!important;box-shadow:none}.auth-main,.auth.auth-flip .auth-main{position:relative;width:auto;min-height:0;margin:0;transform:none!important;padding:20px 18px 24px;max-height:none;overflow:visible;justify-content:flex-start}.modal.auth-modal .modal-head{left:auto;right:10px;top:8px}.modal.auth-modal .auth-submit{width:100%;height:52px}.af-input,.af-select{font-size:16px}.birth-row{gap:6px}}@media (max-width:380px){.auth-main{padding:18px 14px 20px}.auth-aside,.auth.auth-flip .auth-aside{height:124px}}@media (prefers-reduced-motion:reduce){.auth-aside,.auth-main{transition:none}}