.klyp-feature-onboarding-Shell{background:var(--color-bg-root);width:100%;height:100dvh;color:var(--color-fg-primary);--ob-rail:560px;grid-template-columns:1fr;display:grid;position:relative;overflow:hidden;container:onboarding-shell/inline-size}@media (width>=800px){.klyp-feature-onboarding-Shell{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}.klyp-feature-onboarding-Shell__form{flex-direction:column;min-width:0;min-height:0;display:flex;container:onboarding-form/inline-size}.klyp-feature-onboarding-Shell__chrome{align-items:center;gap:var(--space-8);padding:var(--space-16) var(--gutter-page-x);background:var(--color-bg-root);flex:none;grid-template-columns:auto 1fr auto;display:grid}.klyp-feature-onboarding-Shell__chrome:after{content:"";inline-size:var(--control-size-md)}.klyp-feature-onboarding-Shell__content{padding:0 var(--gutter-page-x);flex:1;overflow:clip auto}.klyp-feature-onboarding-Shell .klyp-ActionDock{padding-block:var(--space-12) calc(var(--space-16) + env(safe-area-inset-bottom,0px))}.klyp-feature-onboarding-Shell__inner{min-block-size:100%;width:100%;max-width:var(--ob-rail);flex-direction:column;margin-inline:auto;display:flex}.klyp-feature-onboarding-Shell__column{margin-block-start:auto}.klyp-feature-onboarding-Shell__inner:not([data-docked]) .klyp-feature-onboarding-Shell__column{margin-block:auto}.klyp-feature-onboarding-Shell__visual{min-width:0;min-height:0;display:none}@container onboarding-shell (width>=800px){.klyp-feature-onboarding-Shell__visual{display:block}}html:has(.klyp-feature-onboarding-Shell){scrollbar-gutter:auto}@keyframes klyp-onboarding-perk-shimmer{0%{background-position:0 0}to{background-position:var(--perk-sweep) 0}}.klyp-feature-onboarding-PerkNote{--perk-sweep:12rem;--perk-dim:color-mix(in srgb, var(--color-accent) 55%, transparent);font:var(--fw-emphasis) var(--type-buttons);white-space:nowrap;background-image:linear-gradient(90deg, var(--perk-dim) 0%, var(--color-accent) 50%, var(--perk-dim) 100%);background-size:var(--perk-sweep) 100%;-webkit-text-fill-color:transparent;color:#0000;background-repeat:repeat;-webkit-background-clip:text;background-clip:text;justify-self:center;animation:2.5s linear infinite klyp-onboarding-perk-shimmer}@media (prefers-reduced-motion:reduce){.klyp-feature-onboarding-PerkNote{-webkit-text-fill-color:currentColor;color:var(--color-accent);background-image:none;animation:none}}.klyp-feature-onboarding-Question{gap:var(--space-24);flex-direction:column;width:100%;display:flex}.klyp-feature-onboarding-Question__heading{gap:var(--space-8);flex-direction:column;display:flex}.klyp-feature-onboarding-Question__title{font-size:var(--font-size-24);font-weight:var(--font-weight-medium);line-height:var(--line-height-snug);color:var(--color-fg-primary);text-wrap:pretty;margin:0}.klyp-feature-onboarding-Question__subtitle{font-size:var(--font-size-14);line-height:var(--line-height-normal);color:var(--color-fg-muted);text-wrap:pretty;margin:0}.klyp-feature-onboarding-Showcase{height:100%;min-height:0;display:block;position:relative}.klyp-feature-onboarding-Showcase__frame{background:var(--color-bg-elev);width:100%;height:100%;position:relative;overflow:hidden}.klyp-feature-onboarding-Showcase__img{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity var(--duration-medium,.24s) var(--easing-standard,ease-out);will-change:opacity;position:absolute;inset:0}.klyp-feature-onboarding-Showcase__img--front{opacity:1}.klyp-feature-onboarding-Showcase__img--back{opacity:0}.klyp-feature-onboarding-Showcase__tint{pointer-events:none;background:linear-gradient(180deg, color-mix(in oklch, var(--color-scrim-base) 0%, transparent) 0%, color-mix(in oklch, var(--color-scrim-base) 35%, transparent) 100%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.klyp-feature-onboarding-Showcase__img{transition:none}}