[data-auth-surface] input.border-none{border:1px solid var(--color-outline-variant);background-color:var(--color-card);border-radius:var(--radius-base)}[data-auth-surface] input.border-none:focus{--tw-ring-color:var(--color-primary);border-color:var(--color-primary)}[data-auth-surface] label.uppercase.tracking-wider{text-transform:none;letter-spacing:normal;font-size:.875rem;line-height:1.25rem;font-weight:500;color:var(--color-on-surface)}[data-auth-surface] .hover\:bg-\[color\:var\(--color-primary-container\)\]:hover{background-color:var(--color-primary-600)}[data-auth-surface] .absolute.left-3.top-1\/2{z-index:1;pointer-events:none}[dir=rtl] [data-auth-surface] .absolute.left-3{left:auto;right:.75rem}[dir=rtl] [data-auth-surface] .absolute.right-3{right:auto;left:.75rem}[data-auth-surface] .relative.flex.justify-center.uppercase{text-transform:none}[data-auth-surface] .relative.flex.justify-center.uppercase>span{background-color:var(--color-surface-container-lowest)}[data-auth-surface] .rounded-xl.border-l-4>*+*{margin-top:1.5rem}[data-auth-surface] .flex.justify-between.items-center>label+a{display:inline-flex;align-items:center;margin-block:-12px}[data-auth-surface] .space-y-2:has(>p.text-\[color\:var\(--color-error\)\]) input.border-none:not([aria-invalid=true]){border-color:var(--color-error-500);border-width:2px}[data-auth-surface] .rounded-xl.border-l-4:has(>form>p>a[href="/auth/sign-in"])>p:last-child:has(>a[href="/auth/sign-in"]){display:none}@media (max-width:639px){[data-auth-surface] .rounded-xl.border-l-4{padding:1.5rem}}