*{margin:0;padding:0;box-sizing:border-box}body{background:#f4f4f4;overflow:hidden}#app{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}._step_1vyol_1{width:var(--size);height:var(--size)}._shape_1vyol_6{width:100%;height:100%;transition:opacity var(--fadeOut-duration) ease-out;opacity:0;mix-blend-mode:multiply}._shape_1vyol_6._active_1vyol_13{transition:opacity var(--fadeIn-duration) ease-in;opacity:1}