.onboarding-container{--onboarding-circle:min(500px,100vw);position:relative;width:100%;min-height:100dvh;overflow:hidden}.circle-after,.circle-before{position:absolute;pointer-events:none;border-radius:50%;background-color:#F3F0FF33;width:var(--onboarding-circle);height:var(--onboarding-circle)}.circle-before{top:50%;left:calc(var(--onboarding-circle) / -2);transform:translateY(-50%)}.circle-after{bottom:50%;right:calc(var(--onboarding-circle) / -2);transform:translateY(50%)}