@keyframes askroiAuthGridPulse{0%,to{opacity:.45}50%{opacity:1}}.askroi-auth-bg{background-color:hsl(var(--background));position:relative}.askroi-auth-container{max-width:400px}@media (width>=640px){.askroi-auth-container{max-width:500px}}.askroi-auth-bg:before{content:"";background-image:linear-gradient(hsl(var(--primary) / .035) 1px, transparent 1px), linear-gradient(90deg, hsl(var(--primary) / .035) 1px, transparent 1px);pointer-events:none;background-size:40px 40px;animation:4s ease-in-out infinite askroiAuthGridPulse;position:absolute;inset:0}.askroi-auth-bg .cl-socialButtons,.askroi-auth-bg .cl-socialButtonsBlockButton__wrapper{flex-direction:column!important;gap:12px!important;width:100%!important;display:flex!important}.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft){border:1px solid hsl(var(--border))!important;background:hsl(var(--background))!important;white-space:nowrap!important;border-radius:9999px!important;flex-direction:row!important;flex:none!important;justify-content:center!important;align-items:center!important;gap:12px!important;width:100%!important;height:auto!important;min-height:52px!important;padding:14px 24px!important;transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)!important;display:flex!important;box-shadow:0 1px 3px #2a0d350a!important}.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft):hover{border-color:hsl(var(--primary))!important;background-color:hsl(var(--muted) / .45)!important}.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft) span{letter-spacing:-.01em!important;text-align:center!important;text-overflow:clip!important;white-space:nowrap!important;flex:none!important;font-size:15px!important;font-weight:600!important;overflow:visible!important}.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft) svg{flex-shrink:0!important}.askroi-auth-bg .cl-formFieldInput,.askroi-auth-bg .cl-button{transition:border-color .2s cubic-bezier(.4,0,.2,1),background-color .2s cubic-bezier(.4,0,.2,1)!important}.askroi-auth-bg .cl-formFieldInput:focus{border-color:hsl(var(--primary))!important;box-shadow:0 0 0 3px hsl(var(--primary) / .1)!important}.askroi-auth-bg .cl-button{font-weight:600!important}.askroi-auth-bg .cl-dividerText{color:hsl(var(--icon))!important;letter-spacing:.1em!important;font-size:11px!important;font-weight:600!important}@media (width<=380px){.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft){gap:8px!important;padding:14px 16px!important}.askroi-auth-bg :is(.cl-socialButtonsBlockButton,.cl-socialButtonsBlockButton__google,.cl-socialButtonsBlockButton__apple,.cl-socialButtonsBlockButton__microsoft) span{font-size:14px!important}}@media (prefers-reduced-motion:reduce){.askroi-auth-bg:before{animation:none}}