.cy-swap-card-block{background:#2d01a2;position:relative}.cy-swap-card-block.is-scroll-completed .cy-swap-card-block__background-image{bottom:0;position:absolute}.cy-swap-card-block.is-scroll-completed .cy-swap-card-block__background-octopus{bottom:0;left:0;position:absolute;width:100%}#editor .cy-swap-card-block{overflow:hidden}.cy-swap-card-block__container{padding:40px 20px;position:relative}#editor .cy-swap-card-block__container{height:100vh;max-height:100vh}@media only screen and (min-width:768px){.cy-swap-card-block__container{padding:60px 30px}}@media only screen and (min-width:1240px){.cy-swap-card-block__container{grid-gap:217px;-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:300vh;justify-content:center;max-height:300vh;padding:0 30px}}.cy-swap-card-block__background-image{background-position:bottom;background-repeat:repeat-x;background-size:1920px auto;bottom:0;display:none;left:0;pointer-events:none;width:100%;z-index:3}@media only screen and (min-width:1240px){.cy-swap-card-block__background-image{display:block;height:100vh;position:sticky}}#editor .cy-swap-card-block__background-image{bottom:0;height:100%;left:0;overflow:hidden;position:absolute;width:100%}.cy-swap-card-block__background-octopus{bottom:0;display:none;overflow:hidden;pointer-events:none;z-index:1}.cy-swap-card-block__background-octopus svg{bottom:0;left:50%;position:absolute;-webkit-transform:translateX(0);transform:translateX(0);width:900px}@media only screen and (min-width:1240px){.cy-swap-card-block__background-octopus{display:block;height:100vh;position:sticky}}#editor .cy-swap-card-block__background-octopus{bottom:0;height:100%;left:0;position:absolute;width:100%}#editor .cy-swap-card-block__background-octopus svg{width:100%}.cy-swap-card-block__left{grid-gap:20px;color:#fff;display:grid;margin-bottom:60px;position:relative;z-index:2}@media only screen and (min-width:1240px){.cy-swap-card-block__left{-webkit-box-align:center;-ms-flex-align:center;-ms-flex-line-pack:center;align-content:center;align-items:center;height:100vh;margin-bottom:0;padding:100px 0;position:sticky;top:0;width:530px}}.cy-swap-card-block__right{grid-gap:30px;display:grid;width:100%}#editor .cy-swap-card-block__right{grid-template-rows:auto}@media only screen and (min-width:1240px){.cy-swap-card-block__right{gap:var(--cardMargin);grid-template-columns:1fr;grid-template-rows:repeat(var(--cards),var(--cardHeight));width:414px}}.cy-swap-card-block__right-card{z-index:2}@media only screen and (min-width:1240px){.cy-swap-card-block__right-card{padding-top:calc(var(--index)*var(--cardTopPadding));position:sticky;top:0}}.cy-swap-card-block__right-card-body{grid-row-gap:20px;background:#3801cb;border:1px solid #5617fe;border-radius:20px;color:#fff;display:grid;margin:0 auto;padding:40px 30px;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transition:all .1s ease;transition:all .1s ease;width:100%}@media only screen and (min-width:1240px){.cy-swap-card-block__right-card-body{width:414px}}.cy-swap-card-block__right-card-body-top{-webkit-box-align:center;-ms-flex-align:center;grid-gap:20px;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex}.cy-swap-card-block__right-card-body-icon{display:block;height:76px;width:76px}