.crinkl-referral{flex:1;justify-content:flex-start;align-items:flex-start;display:flex}.crinkl-onboarding-screen--referral{--crinkl-referral-wordmark-width-current:var(--crinkl-referral-wordmark-width);--crinkl-referral-wordmark-max-current:var(--crinkl-referral-wordmark-max-base);--crinkl-referral-mascot-width-current:var(--crinkl-referral-mascot-width);--crinkl-referral-mascot-max-current:var(--crinkl-referral-mascot-max-base);--crinkl-referral-input-bg-current:var(--crinkl-referral-input-background);--crinkl-referral-input-border-current:var(--crinkl-referral-input-border);--crinkl-referral-input-filled-border-current:var(--crinkl-referral-input-filled-border);--crinkl-referral-input-focus-border-current:var(--crinkl-referral-input-focus-border);--crinkl-referral-input-focus-ring-current:var(--crinkl-referral-input-focus-ring);--crinkl-referral-input-focus-bg-current:var(--crinkl-referral-input-focus-background);--crinkl-onboarding-bg:var(--crinkl-onboarding-spotlight,var(--crinkl-surface-base));height:100dvh;overflow:hidden}.crinkl-onboarding-screen--referral.crinkl-safe-area{padding:0;padding-top:max(env(safe-area-inset-top),var(--crinkl-onboarding-layout-top-safe-padding,3rem));padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}@media (min-height:720px){.crinkl-onboarding-screen--referral.crinkl-safe-area{padding-top:max(env(safe-area-inset-top),calc(var(--crinkl-onboarding-layout-top-safe-padding,3rem)*2))}}.crinkl-onboarding-screen--referral:before{opacity:0;background-image:none}.crinkl-referral__inner{text-align:center;align-items:center;gap:0}.crinkl-referral__back{top:max(env(safe-area-inset-top),var(--crinkl-referral-back-inset));left:max(env(safe-area-inset-left),var(--crinkl-referral-back-inset));z-index:2;width:var(--crinkl-icon-tap-target,48px);height:var(--crinkl-icon-tap-target,48px);border-radius:calc(var(--crinkl-icon-tap-target,48px)/2);box-shadow:none;color:var(--crinkl-onboarding-fg,#0f172a);background:0 0;border:none;position:absolute}.crinkl-referral__back svg{width:var(--crinkl-icon-size-md,1.5rem);height:var(--crinkl-icon-size-md,1.5rem)}.crinkl-referral__back:hover,.crinkl-referral__back:active{background:0 0;transform:none}.crinkl-referral__wordmark{width:min(var(--crinkl-referral-wordmark-width-current),var(--crinkl-referral-wordmark-max-current));justify-content:center;margin:0 auto;display:flex}.crinkl-referral__wordmark img,.crinkl-referral__wordmark picture{width:100%;display:block}.crinkl-referral__wordmark img{height:auto;filter:drop-shadow(var(--crinkl-referral-wordmark-shadow))}.crinkl-referral__mascot{margin-top:var(--crinkl-onboarding-layout-logo-to-mascot,1.25rem);justify-content:center;display:flex}.crinkl-referral__mascot img{width:min(var(--crinkl-referral-mascot-width-current),var(--crinkl-referral-mascot-max-current));max-width:100%;height:auto;filter:drop-shadow(var(--crinkl-referral-mascot-shadow))}@supports (-webkit-touch-callout:none){.crinkl-referral__wordmark img,.crinkl-referral__mascot img{filter:none}}.crinkl-referral__heading{margin-top:var(--crinkl-onboarding-layout-mascot-to-headline,1.5rem);max-width:var(--crinkl-referral-heading-max-width);margin-left:auto;margin-right:auto}.crinkl-referral__title{letter-spacing:-.03em;font-weight:600;font-size:var(--crinkl-referral-title-size);color:var(--crinkl-onboarding-fg,inherit);line-height:1.03}.crinkl-referral__subtitle{margin-top:var(--crinkl-onboarding-layout-headline-to-subhead,.75rem);letter-spacing:-.02em;font-weight:400;font-size:var(--crinkl-referral-subtitle-size);color:var(--crinkl-onboarding-fg,inherit);line-height:1.03}.crinkl-referral__form{min-height:var(--crinkl-referral-form-min-height);margin-top:var(--crinkl-onboarding-layout-subhead-to-primary-cta,2rem);justify-content:center;align-items:center;display:flex}.crinkl-code-row{justify-content:center;gap:var(--crinkl-referral-code-gap);display:flex}.crinkl-code-input{width:var(--crinkl-referral-code-size);height:var(--crinkl-referral-code-height);border-radius:var(--crinkl-radius-xl);border:2px solid var(--crinkl-referral-input-border-current);background:var(--crinkl-referral-input-bg-current);color:var(--crinkl-onboarding-ink,#0f172a);text-align:center;text-transform:uppercase;letter-spacing:.06em;font-weight:600;font-size:var(--crinkl-referral-code-font-size);transition:border-color var(--crinkl-referral-transition-duration)ease,box-shadow var(--crinkl-referral-transition-duration)ease,background var(--crinkl-referral-transition-duration)ease,transform var(--crinkl-referral-transition-duration)ease;outline:none}.crinkl-code-input:focus{border-color:var(--crinkl-referral-input-focus-border-current);box-shadow:var(--crinkl-referral-input-focus-ring-current);background:var(--crinkl-referral-input-focus-bg-current)}.crinkl-code-input--filled{border-color:var(--crinkl-referral-input-filled-border-current)}.crinkl-onboarding-screen--referral .crinkl-btn{height:var(--crinkl-referral-button-height);border-radius:var(--crinkl-referral-button-radius);font-size:var(--crinkl-referral-button-font-size);padding:0 1.5rem;font-weight:600}.crinkl-onboarding-screen--referral .crinkl-btn:disabled{box-shadow:none}.crinkl-onboarding-screen--referral .crinkl-btn--primary:disabled{color:var(--crinkl-onboarding-muted)}.crinkl-status{min-height:1.25rem;font-size:var(--crinkl-referral-status-font-size);margin-top:var(--crinkl-onboarding-layout-cta-to-cta,1rem);font-weight:400}.crinkl-status--muted{color:var(--crinkl-onboarding-muted,#0f172ab8)}.crinkl-status--accent{color:var(--crinkl-onboarding-fg,inherit)}.crinkl-status--danger{font-size:var(--crinkl-referral-danger-font-size);color:var(--crinkl-onboarding-muted,#0f172ab8)}.crinkl-referral__cta{margin-top:var(--crinkl-onboarding-layout-cta-to-cta,1rem)}@media (prefers-color-scheme:dark){.crinkl-onboarding-screen--referral{--crinkl-onboarding-bg:var(--crinkl-onboarding-spotlight,var(--crinkl-surface-base));--crinkl-referral-input-bg-current:var(--crinkl-referral-input-dark-background);--crinkl-referral-input-border-current:var(--crinkl-referral-input-dark-border);--crinkl-referral-input-filled-border-current:var(--crinkl-referral-input-dark-filled-border);--crinkl-referral-input-focus-border-current:var(--crinkl-referral-input-dark-focus-border);--crinkl-referral-input-focus-ring-current:var(--crinkl-referral-input-dark-focus-ring);--crinkl-referral-input-focus-bg-current:var(--crinkl-referral-input-dark-background)}}[data-crinkl-color-scheme=dark] .crinkl-onboarding-screen--referral{--crinkl-onboarding-bg:var(--crinkl-onboarding-spotlight,var(--crinkl-surface-base));--crinkl-referral-input-bg-current:var(--crinkl-referral-input-dark-background);--crinkl-referral-input-border-current:var(--crinkl-referral-input-dark-border);--crinkl-referral-input-filled-border-current:var(--crinkl-referral-input-dark-filled-border);--crinkl-referral-input-focus-border-current:var(--crinkl-referral-input-dark-focus-border);--crinkl-referral-input-focus-ring-current:var(--crinkl-referral-input-dark-focus-ring);--crinkl-referral-input-focus-bg-current:var(--crinkl-referral-input-dark-background)}@media (prefers-color-scheme:dark){.crinkl-code-input{color:var(--crinkl-onboarding-offwhite,#fbf7ee)}}[data-crinkl-color-scheme=dark] .crinkl-code-input{color:var(--crinkl-onboarding-offwhite,#fbf7ee)}@media (min-width:360px){.crinkl-onboarding-screen--referral{--crinkl-referral-wordmark-max-current:var(--crinkl-referral-wordmark-max-sm);--crinkl-referral-mascot-max-current:var(--crinkl-referral-mascot-max-sm)}}@media (min-width:640px){.crinkl-onboarding-screen--referral{--crinkl-referral-wordmark-max-current:var(--crinkl-referral-wordmark-max-md);--crinkl-referral-mascot-max-current:var(--crinkl-referral-mascot-max-md)}}@media (min-width:768px){.crinkl-onboarding-screen--referral{--crinkl-referral-wordmark-max-current:var(--crinkl-referral-wordmark-max-lg);--crinkl-referral-mascot-max-current:var(--crinkl-referral-mascot-max-lg)}}