.onboarding .edge#left div:first-child{animation:.4s cubic-bezier(.28,.5,.36,1) .2s backwards translate}.onboarding .edge#left div:nth-child(2){animation:.3s cubic-bezier(.28,.5,.36,1) .1s backwards translate}.onboarding .edge#left div:last-child{animation:.25s cubic-bezier(.28,.5,.36,1) translate}.onboarding .edge#right div:first-child{animation:.25s cubic-bezier(.28,.5,.36,1) translate}.onboarding .edge#right div:nth-child(2){animation:.3s cubic-bezier(.28,.5,.36,1) .1s backwards translate}.onboarding .edge#right div:last-child{animation:.4s cubic-bezier(.28,.5,.36,1) .2s backwards translate}.onboarding{--pad-hrz: calc((100% - 1500px)/2) ;--pad-hrz-inner: 30px}.onboarding .edge{display:grid;position:fixed;top:0;width:var(--pad-hrz);height:100vh;pointer-events:none}.onboarding .edge#left{grid-template-columns:2fr 1.5fr 1fr;left:0;padding-right:calc(var(--pad-hrz) - var(--edge-hrz))}.onboarding .edge#left div{--_x-from: -100%;border-right:solid 1px var(--clr-border-trans)}.onboarding .edge#right{grid-template-columns:1fr 1.5fr 2fr;right:0;padding-left:calc(var(--pad-hrz) - var(--edge-hrz))}.onboarding .edge#right div{--_x-from: 100%;border-left:solid 1px var(--clr-border-trans)}.onboarding .pad-hrz-all{padding-right:calc(var(--pad-hrz) + var(--pad-hrz-inner));padding-left:calc(var(--pad-hrz) + var(--pad-hrz-inner))}.onboarding .pad-hrz-inner{padding-right:var(--pad-hrz-inner);padding-left:var(--pad-hrz-inner)}@media(max-width:1700px){.onboarding{--pad-hrz: 100px}}@media(max-width:1400px){.onboarding{--pad-hrz: 65px}}@media(max-width:1200px){.onboarding{--pad-hrz: 15px}.onboarding .edge#left{grid-template-columns:1.5fr 1fr}.onboarding .edge#left div:first-child{display:none}.onboarding .edge#right{grid-template-columns:1fr 1.5fr}.onboarding .edge#right div:last-child{display:none}}@media(max-width:1000px){.onboarding{--pad-hrz: 10px;--pad-hrz-inner: 20px}.onboarding .edge#left,.onboarding .edge#right{grid-template-columns:1fr}.onboarding .edge#left div:nth-child(2),.onboarding .edge#right div:nth-child(2){display:none}}@media(max-width:1000px)and (max-width:750px){.onboarding{--pad-hrz: 5px}}@media(max-width:1000px)and (max-width:600px){.onboarding{--pad-hrz: 5px}}@media(max-width:1000px)and (max-width:300px){.onboarding{--pad-hrz: 0px;--pad-hrz-inner: 11px}}[data-motion=reduced] .onboarding .edge#left div:first-child,[data-motion=reduced] .onboarding .edge#left div:nth-child(2),[data-motion=reduced] .onboarding .edge#left div:last-child,[data-motion=reduced] .onboarding .edge#right div:first-child,[data-motion=reduced] .onboarding .edge#right div:nth-child(2),[data-motion=reduced] .onboarding .edge#right div:last-child{animation:none}@media(prefers-reduced-motion){.onboarding .edge#left div:first-child,.onboarding .edge#left div:nth-child(2),.onboarding .edge#left div:last-child,.onboarding .edge#right div:first-child,.onboarding .edge#right div:nth-child(2),.onboarding .edge#right div:last-child{animation:none}[data-motion=default] .onboarding .edge#left div:first-child{animation:.4s cubic-bezier(.28,.5,.36,1) .2s backwards translate}[data-motion=default] .onboarding .edge#left div:nth-child(2){animation:.3s cubic-bezier(.28,.5,.36,1) .1s backwards translate}[data-motion=default] .onboarding .edge#left div:last-child{animation:.25s cubic-bezier(.28,.5,.36,1) translate}[data-motion=default] .onboarding .edge#right div:first-child{animation:.25s cubic-bezier(.28,.5,.36,1) translate}[data-motion=default] .onboarding .edge#right div:nth-child(2){animation:.3s cubic-bezier(.28,.5,.36,1) .1s backwards translate}[data-motion=default] .onboarding .edge#right div:last-child{animation:.4s cubic-bezier(.28,.5,.36,1) .2s backwards translate}}