.onboarding-header{height:var(--header-height);background-color:var(--background);z-index:1020;position:fixed;top:0;left:0;right:0}.onboarding-header__container{justify-content:space-between;align-items:center;height:100%;padding:0 1rem;display:flex}.onboarding-header__logo{align-items:center;transition:opacity .15s cubic-bezier(.4,0,.2,1);display:flex}.onboarding-header__logo:hover{opacity:.8}.onboarding-header__menu{width:3rem;height:3rem;color:var(--foreground);cursor:pointer;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;padding:0;transition:background-color .15s cubic-bezier(.4,0,.2,1);display:flex}.onboarding-header__menu:hover{background-color:var(--accent)}.onboarding-header__menu:focus-visible{outline:2px solid var(--ring);outline-offset:2px}
.onboarding-layout{background-color:var(--muted);min-height:100vh}.onboarding-layout__main{padding:calc(var(--header-height) + 1.5rem)1rem 3rem;justify-content:center;align-items:flex-start;display:flex}@media (max-width:640px){.onboarding-layout__main{padding:calc(var(--header-height) + 1rem)1rem 2rem}}.onboarding-layout__content{width:100%;max-width:1024px;margin:0 auto}