.connected-auth{background:var(--color-background);min-height:100dvh;color:var(--color-on-surface);font:400 16px/1.5 var(--font-sans);grid-template-columns:55% 45%;display:grid}.connected-auth-art{background:var(--color-surface-container);min-width:0;position:relative;overflow:hidden}.connected-auth-art>img{object-fit:cover;object-position:48% 50%;width:100%;height:100%;position:absolute;inset:0}.connected-auth-art:after{content:"";background:linear-gradient(0deg,#0e0c09d1 0,#0e0c098c 240px,#0000 400px);position:absolute;inset:0}.connected-auth-art>p{z-index:1;color:#fff8eb;max-width:600px;font:400 40px/1.2 var(--font-serif);letter-spacing:-.5px;text-wrap:balance;margin:0;position:absolute;bottom:48px;left:48px;right:48px}.connected-auth-column{grid-template-rows:40px minmax(min-content,1fr) 40px;justify-items:center;gap:32px;min-width:0;padding:32px 48px;display:grid}.connected-auth-column:after{content:"";height:40px}.connected-auth-brand{width:100%;max-width:400px;font:500 24px/32px var(--font-sans);letter-spacing:-.5px;align-items:center;gap:16px;display:flex}.connected-auth-brand>img{object-fit:contain;width:40px;height:40px}.connected-auth-content{align-self:center;width:100%;min-width:0;max-width:400px}.connected-auth h1{font:400 40px/1.2 var(--font-serif);letter-spacing:-.5px;color:var(--color-on-surface);margin:0}.connected-auth-subtitle{color:var(--color-on-surface-variant);margin:24px 0 0;font-size:16px}.connected-auth-body{margin-top:32px}.connected-auth :is(p,label,input,button,a,span,li){font-family:var(--font-sans)}.connected-auth .connected-auth-art>p{font-family:var(--font-serif)}.connected-auth :is(form,.connected-auth-form){gap:24px;display:grid}.connected-auth :is(form,.connected-auth-form)>*{margin-block:0}.connected-auth fieldset{border:0;min-width:0;margin:0;padding:0}.connected-auth label{color:var(--color-on-surface);font-size:14px;line-height:24px}.connected-auth input:not([type=checkbox]):not([type=hidden]){border:1px solid var(--color-outline);background:var(--color-surface-container);min-height:48px;color:var(--color-on-surface);border-radius:8px;padding:8px 48px 8px 16px;font-size:16px;line-height:24px}.connected-auth input[aria-invalid=true]{border-color:var(--color-error)}.connected-auth :is(button,a){min-height:48px;font-size:14px;line-height:24px;transform:none!important}.connected-auth a{color:var(--color-on-surface)}.connected-auth .connected-auth-password-toggle{width:48px;height:48px;color:var(--color-on-surface-variant)}.connected-auth .relative:has(>input)>.absolute{right:0}.connected-auth :is(button,input,a):focus-visible{outline:2px solid var(--color-on-surface);outline-offset:4px;box-shadow:none}.connected-auth :is(button,input):disabled{opacity:1;color:var(--color-on-surface-variant)}.connected-auth .connected-auth-primary,.connected-auth :is(button,a).bg-primary{border:1px solid var(--color-primary);background:var(--color-primary);min-height:48px;color:var(--color-on-primary);box-shadow:none;border-radius:8px;padding:8px 16px;font-size:16px;font-weight:600;line-height:24px;transition-property:background-color,border-color,color}.connected-auth :is(button,a).bg-primary:disabled,.connected-auth .connected-auth-primary:disabled{background:var(--color-surface-container-high);border-color:var(--color-outline);color:var(--color-on-surface)}.connected-auth .connected-auth-primary:hover:not(:disabled){background-color:var(--color-primary-container)}.connected-auth-footer{text-align:center;color:var(--color-on-surface-variant);margin:24px 0 0;font-size:14px}.connected-auth-footer a{text-underline-offset:4px;justify-content:center;align-items:center;min-width:48px;text-decoration:underline;display:inline-flex}.connected-auth .connected-auth-recovery-link{justify-content:flex-end;align-items:center;display:flex}.connected-auth .connected-auth-consent{align-items:center;gap:16px;min-height:48px;font-size:14px;line-height:24px;display:flex}.connected-auth .connected-auth-consent input{width:24px;height:24px;accent-color:var(--color-on-surface);flex-shrink:0}.connected-auth-news small{color:var(--color-on-surface-variant);margin-top:8px;font-size:12px;line-height:16px;display:block}.connected-auth [data-testid=social-login-buttons]{gap:8px;display:grid}.connected-auth [data-testid=social-login-buttons]>*{margin-block:0}.connected-auth [data-testid=social-login-buttons] button{background:var(--color-surface-container);color:var(--color-on-surface);border:1px solid var(--color-outline);box-shadow:none;border-radius:8px;padding:8px 16px;font-size:14px}.connected-auth [data-testid=social-login-buttons] p{color:var(--color-on-surface-variant);font-size:12px;line-height:16px}.connected-auth [data-testid=social-login-buttons] .uppercase{text-transform:none;letter-spacing:normal;color:var(--color-on-surface-variant);font-size:12px}.connected-auth [data-testid=password-rules]{gap:8px;margin:16px 0 0;font-size:12px;line-height:16px;display:grid}.connected-auth [data-testid=password-rules] li{color:var(--color-on-surface-variant)}.connected-auth [data-testid=password-rules] [data-met=true]{color:var(--color-success)}.connected-auth [data-testid=password-rules] svg{color:inherit}.connected-auth [role=alert]{font-size:14px;line-height:24px}.connected-auth .text-primary,.connected-auth .text-primary-container,.connected-auth .text-warning{color:var(--color-on-surface)}.connected-auth [data-testid=invite-preview-chip]{border-color:var(--color-outline-variant);background:var(--color-surface-container);gap:16px;padding:16px}.connected-auth [data-testid=invite-preview-chip]>span[aria-hidden]{border-color:var(--color-outline-variant);background:var(--color-surface-container-high);color:var(--color-on-surface-variant);font-size:12px;line-height:16px}.connected-auth [data-testid=invite-preview-chip]>span:not([aria-hidden]){color:var(--color-on-surface);font-size:14px;line-height:24px}.connected-auth .connected-auth-actions{gap:16px;display:grid}.connected-auth-actions>:is(a,span){justify-content:center;align-items:center;min-height:48px;display:flex}.connected-auth-actions>a{text-underline-offset:4px;text-decoration:underline}@media (width>=801px) and (width<=1100px){.connected-auth-column{padding-inline:32px}.connected-auth-art>p{bottom:32px;left:32px;right:32px}}@media (width<=800px){.connected-auth{display:block}.connected-auth-art{display:none}.connected-auth-column{min-height:100dvh;padding:24px}}