.klyp-feature-auth-Carousel{background:var(--color-bg-elev);width:100%;height:100%;min-height:0;display:block;position:relative;overflow:hidden}.klyp-feature-auth-Carousel__frame{width:100%;height:100%;position:relative;overflow:hidden}.klyp-feature-auth-Carousel__pic{opacity:0;will-change:opacity;transition:opacity .48s ease-out;display:block;position:absolute;inset:0}.klyp-feature-auth-Carousel__pic[data-active]{opacity:1}.klyp-feature-auth-Carousel__img{-o-object-fit:cover;object-fit:cover;-o-object-position:left center;object-position:left center;width:100%;height:100%;display:block}.klyp-feature-auth-Carousel__edgeFade{pointer-events:none;background:linear-gradient(90deg, var(--color-bg-root) 0%, transparent 100%);width:80px;position:absolute;top:0;bottom:0;left:0}.klyp-feature-auth-Carousel__progress{left:var(--space-8);right:var(--space-8);bottom:var(--space-8);gap:var(--space-4);z-index:1;grid-template-columns:repeat(4,1fr);display:grid;position:absolute}.klyp-feature-auth-Carousel__segment{background:color-mix(in oklch, var(--color-fg-primary) 25%, transparent);border-radius:var(--radius-full);cursor:pointer;height:3px;transition:background var(--duration-fast) var(--easing-standard);border:0;margin:0;padding:0;position:relative;overflow:hidden}.klyp-feature-auth-Carousel__segment:hover{background:color-mix(in oklch, var(--color-fg-primary) 40%, transparent)}.klyp-feature-auth-Carousel__segment:focus-visible{outline:var(--bw-emphasis) solid var(--color-fg-primary);outline-offset:4px}.klyp-feature-auth-Carousel__segment:before{content:"";position:absolute;inset:-10px 0}.klyp-feature-auth-Carousel__fill{background:var(--color-fg-primary);transform-origin:0;will-change:transform;width:100%;height:100%;transition:transform 80ms linear;display:block}@media (prefers-reduced-motion:reduce){.klyp-feature-auth-Carousel .klyp-feature-auth-Carousel__pic,.klyp-feature-auth-Carousel .klyp-feature-auth-Carousel__fill{transition:none}}.klyp-route-SignUp{background:var(--color-bg-root);width:100%;min-height:100dvh;color:var(--color-fg-primary);grid-template-columns:1fr;gap:0;display:grid;position:relative}@media (width>=800px){.klyp-route-SignUp{grid-template-columns:minmax(0,30fr) minmax(0,70fr)}}.klyp-route-SignUp__form{min-width:0;padding:var(--space-48) var(--space-32);flex-direction:column;justify-content:center;align-items:center;display:flex}.klyp-route-SignUp__visual{min-width:0;min-height:0;display:none;overflow:hidden}@media (width>=800px){.klyp-route-SignUp__visual{display:block}}html:has(.klyp-route-SignUp){scrollbar-gutter:auto}
