.auth.svelte-5bky5h{--_auth-image-border-size: 14px;--_auth-image-border-radius: 10px;position:relative;min-height:0;height:100%}.auth__left.svelte-5bky5h{display:flex;flex-direction:column;justify-content:space-between;position:relative;padding-block:2rem;height:100%}.auth__content.svelte-5bky5h{flex-grow:2}.auth__content.svelte-5bky5h .container{height:100%}.auth__content.svelte-5bky5h{display:flex;flex-direction:column}.auth__banner.svelte-5bky5h{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;max-height:420px}.auth__banner.svelte-5bky5h img,.auth__banner.svelte-5bky5h source{width:100%;height:100%;object-fit:cover;transform:scale(1.01)}.auth__banner.svelte-5bky5h:before{content:"";position:absolute;top:0;left:0;width:100%;height:70%;background:linear-gradient(to bottom,#0009,#0000);z-index:1;pointer-events:none}.auth__logo.svelte-5bky5h{display:block;width:var(--graphics-logo-size);z-index:99}.auth__tracks.svelte-5bky5h{position:absolute;bottom:var(--_auth-image-border-size);left:50%;transform:translate(-75%);z-index:1}.auth__text.svelte-5bky5h{margin-bottom:1.5rem}.auth__form.svelte-5bky5h{padding-inline:1px}.auth__small-text.svelte-5bky5h{margin-block:1rem}@media screen and (max-width:1024px){.auth__logo.svelte-5bky5h{position:fixed;top:2rem}.auth__logo.svelte-5bky5h .logo__text{fill:var(--token-surface-default)}}@media screen and (min-width:1024px){.auth__left.svelte-5bky5h{position:relative;width:100%;height:100svh;overflow-y:scroll;display:flex;flex-direction:column;justify-content:space-between;gap:1.5rem;padding-block:clamp(2rem,1rem + 1vh,5rem);z-index:10;max-width:460px}.auth__left.svelte-5bky5h::-webkit-scrollbar{width:0;background:transparent}.auth__content.svelte-5bky5h{flex-grow:unset}.auth__banner.svelte-5bky5h{position:absolute;right:0;top:0;width:50vw;min-height:100svh;height:100%;aspect-ratio:unset;margin:0;border:var(--_auth-image-border-size) solid var(--token-border-white);border-radius:calc(var(--_auth-image-border-size) + var(--_auth-image-border-radius))}.auth__banner.svelte-5bky5h img,.auth__banner.svelte-5bky5h picture{width:100%;height:100%;object-fit:cover}.auth__banner.svelte-5bky5h:before{bottom:0;top:auto;background:linear-gradient(to bottom,#0000,#0009)}.auth__small-text.svelte-5bky5h{margin-top:.75rem;text-align:center}}