@layer theme,base,components,utilities;@layer forge{.ff-credentials{inline-size:100%;margin-inline:auto}.ff-credentials--login{max-inline-size:28rem}.ff-credentials__success{background:var(--ff-color-success-50,#f0fdf4);border:1px solid var(--ff-color-success-200,#bbf7d0);border-radius:var(--ff-radius-lg,12px);align-items:center;gap:var(--ff-spacing-3);padding:var(--ff-spacing-6);text-align:center;flex-direction:column;display:flex}.ff-credentials__success-icon{block-size:3rem;color:var(--ff-color-success,#22c55e);inline-size:3rem}.ff-credentials__success-title{color:var(--ff-color-success-800,#166534);font-size:var(--ff-font-size-lg,1.125rem);font-weight:var(--ff-font-weight-semibold,600);margin:0}.ff-credentials__success-text{color:var(--ff-color-success-700,#15803d);font-size:var(--ff-font-size-sm,.875rem);margin:0}.ff-credentials__hero{align-items:center;gap:var(--ff-spacing-4);text-align:center;flex-direction:column;max-inline-size:22rem;margin-inline:auto;display:flex}.ff-credentials__hero-content{gap:var(--ff-spacing-2);flex-direction:column;display:flex}.ff-credentials__hero-icon{block-size:var(--ff-spacing-10);color:var(--ff-color-primary,#3b82f6);inline-size:var(--ff-spacing-10);margin-inline:auto}.ff-credentials__hero-icon--success{color:var(--ff-color-success-500)}.ff-credentials__hero-loader{block-size:var(--ff-spacing-10);color:var(--ff-color-primary,#3b82f6);inline-size:var(--ff-spacing-10)}.ff-credentials__hero-title{color:var(--ff-color-neutral-900);font-size:var(--ff-font-size-lg,1.125rem);font-weight:var(--ff-font-weight-semibold,600);margin:0}.ff-credentials__hero-subtitle{color:var(--ff-color-neutral-600);font-size:var(--ff-font-size-sm,.875rem);margin:0}.ff-credentials__hero-button .ff-passkey-login-button{background:var(--ff-color-primary);border-color:var(--ff-color-primary);color:var(--ff-color-white,#fff)}.ff-credentials__hero-button .ff-passkey-login-button:hover{background:var(--ff-color-primary-600);border-color:var(--ff-color-primary-600)}.ff-credentials__hero-button .ff-passkey-login-button__icon{display:none}.ff-credentials__divider{align-items:center;gap:var(--ff-spacing-4);margin-block:var(--ff-spacing-6);display:flex}.ff-credentials__divider:after,.ff-credentials__divider:before{background:var(--ff-color-neutral-200);block-size:var(--ff-spacing-px);content:"";flex:1}.ff-credentials__divider span{color:var(--ff-color-neutral-500);font-size:var(--ff-font-size-sm,.875rem);white-space:nowrap}.ff-credentials__email-section{flex-direction:column;display:flex}.ff-credentials__passwordless{--ff-stack-gap:var(--ff-spacing-3);margin-block-start:var(--ff-spacing-6)}.ff-credentials__passwordless-title{color:var(--ff-color-neutral-600);font-size:var(--ff-font-size-sm);text-align:center;margin:0}.ff-credentials__social{margin-block-start:var(--ff-spacing-6)}.ff-credentials__social-loader{padding:var(--ff-spacing-3);justify-content:center;display:flex}.ff-credentials__social-loader-icon{block-size:var(--ff-spacing-6);color:var(--ff-color-neutral-400);inline-size:var(--ff-spacing-6)}.ff-credentials__social-buttons{gap:var(--ff-spacing-3);justify-content:center;display:flex}.ff-credentials__social-buttons--with-labels{flex-direction:column;align-items:center}.ff-credentials__social-btn{aspect-ratio:1;padding:var(--ff-spacing-3);justify-content:center;align-items:center;display:flex}.ff-credentials__social-btn--with-label{aspect-ratio:unset;gap:var(--ff-spacing-2);padding:var(--ff-spacing-3) var(--ff-spacing-4)}.ff-credentials__social-icon{block-size:var(--ff-spacing-5);inline-size:var(--ff-spacing-5)}.ff-credentials__social-label{font-size:var(--ff-font-size-sm,.875rem);font-weight:var(--ff-font-weight-medium,500)}.ff-credentials__customer-email{align-items:flex-end;gap:var(--ff-spacing-3);display:flex}.ff-credentials__customer-email-input{flex:1}.ff-credentials__customer-email-action{flex-shrink:0;margin-block-end:var(--ff-spacing-1)}}