.scrollmagic-pin-spacer{background:#000}#slideContainerswap{width:calc(100% * var(--blocks_length));display:flex;transition:all .3s ease}#slideContainerswap .panel{width:calc(100% / var(--blocks_length));display:flex}#GD-88-swap-Container{width:100%;padding-top:5vw;overflow:hidden;background:#000;-webkit-perspective:1000;perspective:1000}.varint-Container-content-item-left{flex:4;padding-right:2%;padding-bottom:3vw}.varint-Container-content-item-right{flex:7;margin-top:-4%;border-radius:10px}#slideContainerswap>section:nth-child(2)>div.varint-Container-content-item-right{margin-top:-14%}#slideContainerswap>section.panel.page-width.trunonleft2>div.varint-Container-content-item-right{margin-top:-14%}.varint-Container-content-item-left>span{margin-top:3vw}.varint-Container-content-item-left>h1,.varint-Container-content-item-left>.h1{margin-bottom:.56667em;font-family:Open Sans;font-style:normal;font-weight:700;font-size:3vw;line-height:1.5;text-transform:uppercase;color:#fff}.varint-Container-content-item-left>p{font-family:Open Sans;font-style:normal;font-weight:400;font-size:18px;line-height:1.5;color:#fff;margin-bottom:5.5vw}.progress_swap{top:13%;left:0}.progress_swap span{color:#fff}.mobile-varint-Container-content{color:#fff;background:#222}.mobile-varint-Container-content>.item>.text>h1{color:#fff;font-size:5vw}.mobile-varint-Container-content>.item>.text,.json_media{padding:10px}.mobile-varint-Container-content .h1{color:#fff;margin-bottom:1.8rem;font-size:2.8rem;text-transform:uppercase}@media only screen and (min-width: 1200px) and (max-width: 1600px){.varint-Container-content-item-left{margin-top:4%}.varint-Container-content-item-right{margin-top:-7vw}.panel .animation{height:unset!important}}#slideContainerswap{position:relative;height:50vw}#slideContainerswap>section:nth-child(1){position:absolute;top:2vw;left:25%;transform:translate(-50%);transition:all 1s ease}#slideContainerswap>section:nth-child(2){position:absolute;top:2vw;left:100%;transform:translate(-50%);transition:all 1s ease}.trunonleft1{left:-100%!important}.trunonleft2{left:25%!important}@media screen and (min-width:1280px) and (max-width:1600px){#slideContainerswap>section:nth-child(1){top:9vw}#slideContainerswap>section:nth-child(2){top:7vw}}.span_hide{display:none!important}.span_show{display:inline!important}@media screen and (min-width:1921px){#slideContainerswap .page-width{max-width:100%;padding:0 14vw}}
/*# sourceMappingURL=/cdn/shop/t/152/assets/product-gd88-variant-swap.css.map */