.onboarding-shell{height:100dvh;color:var(--text);flex-direction:column;overflow:hidden}.onboarding-header,.onboarding-shell{background:var(--forest);display:flex}.onboarding-header{flex-shrink:0;justify-content:space-between;align-items:center;height:88px;padding:0 40px}.onboarding-header .brand{color:#fff}.onboarding-icon-button{color:#fff;border:1px solid #ffffff30;border-radius:50%;place-items:center;width:42px;height:42px;text-decoration:none;transition:background .2s;display:grid}.onboarding-icon-button:hover{background:#ffffff15}.onboarding-icon-button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.onboarding-frame{min-height:0;padding:0 var(--panel-frame) var(--panel-frame);flex:1}.onboarding-panel{overscroll-behavior:contain;border-radius:var(--panel-radius);background:var(--cloud);height:100%;overflow:auto}.domain-connection-layout .onboarding-panel{--surface:#fff;--cloud:#f4f7f5;--sidebar:#e9eeeb;--line:#e6ebe7;--muted:#64706b;--text:#111c22;--hover:#f4f7f5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--cloud)}.domain-connection-layout .onboarding-main{width:min(1120px,100% - 96px);padding:calc(clamp(44px,8vh,92px)) 0 64px}.onboarding-main{width:min(1060px,100% - 80px);margin:auto;padding:42px 0 26px}@media (width<=600px){.onboarding-header{height:72px;padding:0 20px}.onboarding-main{width:calc(100% - 40px);padding-top:26px}.domain-connection-layout .onboarding-main{width:calc(100% - 36px);padding-top:35px}}
