.gs-strive-pdp-can{position:relative;width:100vw;margin-left:calc(50% - 50vw);background:var(--gspdc-bg, #ffffff);color:var(--gspdc-text, #000000);min-height:35vw;box-sizing:border-box;overflow:visible;--gspdc-can-w: 16.94vw;--gspdc-can-h: 29.93vw;--gspdc-can-center-x: 40.2vw;--gspdc-rect-scale: 1.3;--gspdc-rect-right: calc(var(--gspdc-can-center-x) + (var(--gspdc-can-w) * var(--gspdc-rect-scale)) / 2);--gspdc-callout-gap: .5vw;--gspdc-card-body-size: 1.144rem;--gspdc-card-title-size: 2.5rem;--gspdc-callout-travel: 100vh}.gs-strive-pdp-can *,.gs-strive-pdp-can *:before,.gs-strive-pdp-can *:after{box-sizing:border-box}.gs-strive-pdp-can__stage{position:relative;width:100%;min-height:inherit}.gs-strive-pdp-can__bg{position:absolute;left:0;top:0;width:37.15vw;height:100%;overflow:hidden}.gs-strive-pdp-can__bg-img{width:100%;height:100%;object-fit:cover;display:block}.gs-strive-pdp-can__rect{position:absolute;left:var(--gspdc-can-center-x);top:50%;transform:translate(-50%,-50%);width:calc(var(--gspdc-can-w) * var(--gspdc-rect-scale));height:calc(var(--gspdc-can-h) * var(--gspdc-rect-scale));border:.16rem solid var(--gspdc-rect-border, #000000);z-index:1}.gs-strive-pdp-can__can{position:absolute;left:var(--gspdc-can-center-x);top:50%;transform:translate(-50%,-50%);width:var(--gspdc-can-w);height:var(--gspdc-can-h);z-index:2}.gs-strive-pdp-can__can-img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;border:0;border-radius:0}.gs-strive-pdp-can__callouts{position:absolute;list-style:none;margin:0;padding:0;left:var(--gspdc-rect-right);top:50%;transform:translateY(-50%);width:35.69vw;display:flex;flex-direction:column;gap:var(--gspdc-callout-gap);z-index:3}.gs-strive-pdp-can__callout{display:flex;align-items:center;width:100%}.gs-strive-pdp-can__line{flex-shrink:0;width:6.82vw;height:1px;background:var(--gspdc-rect-border, #000000)}.gs-strive-pdp-can__card{flex:1;min-width:0;background:var(--gspdc-card-default, #81d8d0);border:.153rem solid var(--gspdc-rect-border, #000000);padding:1.526rem 2.67rem;display:flex;flex-direction:column;gap:1.297rem;align-items:center;text-align:center}.gs-strive-pdp-can__callout--accent .gs-strive-pdp-can__card{background:var(--gspdc-card-accent, #faa75c)}.gs-strive-pdp-can__card-title{--hFontFamily: "Poly Sans", "PolySans", system-ui, sans-serif;--font-headings: "Poly Sans", "PolySans", system-ui, sans-serif;margin:0;width:100%;font-family:Poly Sans,PolySans,system-ui,sans-serif;font-size:var(--gspdc-card-title-size);line-height:normal;font-weight:400!important;color:var(--gspdc-text, #000000)}.gs-strive-pdp-can__card-body{margin:0;width:100%;font-family:Poly Sans Mono,Poly Sans,monospace;font-size:var(--gspdc-card-body-size);line-height:calc(var(--gspdc-card-body-size) * 1.334);color:var(--gspdc-text, #000000)}@media(min-width:1300px)and (max-width:1569px){.gs-strive-pdp-can__callouts{left:var(--gspdc-rect-right);width:35vw;gap:var(--gspdc-callout-gap)}.gs-strive-pdp-can__line{width:6vw}.gs-strive-pdp-can__card{padding:1.3rem 2.2rem;gap:1.1rem}.gs-strive-pdp-can__card-title{font-size:calc(var(--gspdc-card-title-size) * .8614)}.gs-strive-pdp-can__card-body{font-size:calc(var(--gspdc-card-body-size) * .9615);line-height:calc(var(--gspdc-card-body-size) * 1.334 * .9502)}}@media(min-width:992px)and (max-width:1299px){.gs-strive-pdp-can__callouts{left:var(--gspdc-rect-right);width:35vw;gap:var(--gspdc-callout-gap)}.gs-strive-pdp-can__line{width:7vw}.gs-strive-pdp-can__card{padding:1rem 1.6rem;gap:.8rem}.gs-strive-pdp-can__card-title{font-size:calc(var(--gspdc-card-title-size) * .7116)}.gs-strive-pdp-can__card-body{font-size:calc(var(--gspdc-card-body-size) * .8741);line-height:calc(var(--gspdc-card-body-size) * 1.334 * .8847)}}@media(min-width:768px)and (max-width:991px){.gs-strive-pdp-can__callouts{left:var(--gspdc-rect-right);width:36vw;gap:var(--gspdc-callout-gap)}.gs-strive-pdp-can__line{width:5vw}.gs-strive-pdp-can__card{padding:.7rem 1rem;gap:.5rem}.gs-strive-pdp-can__card-title{font-size:calc(var(--gspdc-card-title-size) * .5618)}.gs-strive-pdp-can__card-body{font-size:calc(var(--gspdc-card-body-size) * .7867);line-height:calc(var(--gspdc-card-body-size) * 1.334 * .7864)}}@media(max-width:767px){.gs-strive-pdp-can{min-height:0;padding:0 0 4rem}.gs-strive-pdp-can__stage{position:relative;width:100%}.gs-strive-pdp-can__bg{position:relative;width:100vw;height:32rem;margin-left:calc(50% - 50vw)}.gs-strive-pdp-can__rect{position:relative;left:50%;top:0;transform:translate(-50%);width:32rem;height:50rem;margin-top:4rem}.gs-strive-pdp-can__can{position:absolute;left:50%;top:61rem;transform:translate(-50%,-50%);width:22rem;height:44rem;z-index:3}.gs-strive-pdp-can__callouts{position:relative;left:0;top:0;width:calc(100% - 3.2rem);margin:4rem auto 0;gap:1.6rem}.gs-strive-pdp-can__line{display:none}.gs-strive-pdp-can__card{padding:2rem 2.4rem}.gs-strive-pdp-can__card-title{font-size:2.4rem}.gs-strive-pdp-can__card-body{font-size:1.4rem;line-height:2rem}}@media(max-width:599px){.gs-strive-pdp-can__bg{height:24rem}.gs-strive-pdp-can__rect{width:calc(100% - 3.2rem);height:44rem}.gs-strive-pdp-can__can{width:18rem;height:36rem;top:50rem}.gs-strive-pdp-can__callouts{width:calc(100% - 3.2rem)}}@media(max-width:549px){.gs-strive-pdp-can__rect{height:38rem}.gs-strive-pdp-can__can{width:15rem;height:32rem;top:47rem}}@media(max-width:767px){.gs-strive-pdp-can--js{--gspdc-mobile-scroll-height: 240vh;min-height:var(--gspdc-mobile-scroll-height);overflow:visible}.gs-strive-pdp-can--js .gs-strive-pdp-can__stage{position:sticky;top:0;left:0;width:100vw;height:100vh;min-height:0;max-height:100vh;margin-left:calc(50% - 50vw);overflow:hidden;background:var(--gspdc-bg, #ffffff)}.gs-strive-pdp-can--js .gs-strive-pdp-can__bg,.gs-strive-pdp-can--js .gs-strive-pdp-can__rect{display:none}.gs-strive-pdp-can--js .gs-strive-pdp-can__can{position:absolute;left:50%;top:50%;width:17.1rem;height:44.4rem;margin:0;z-index:3;transform-origin:center center;transform:translate3d(-50%,-50%,0) translate(calc(var(--can-progress, 0) * var(--can-slide-x, -75vw))) rotate(calc(var(--can-progress, 0) * var(--can-rotate, 35deg)));will-change:transform;backface-visibility:hidden}.gs-strive-pdp-can--js .gs-strive-pdp-can__can-img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.gs-strive-pdp-can--js .gs-strive-pdp-can__callouts{position:absolute;left:4.8rem;top:0;margin:0;padding:0;width:calc(100% - 4.8rem);height:100vh;list-style:none;pointer-events:none;z-index:1}.gs-strive-pdp-can--js .gs-strive-pdp-can__callout{position:absolute;left:0;right:0;top:var(--card-rest-top, 30vh);display:flex;align-items:flex-start;width:100%;pointer-events:auto;will-change:transform;backface-visibility:hidden}.gs-strive-pdp-can--js .gs-strive-pdp-can__callout[data-callout-index="0"]{z-index:1;opacity:var(--co1-progress, 0);transition:opacity .15s linear;transform:translate3d(0,calc(((1 - var(--co1-progress, 0)) - var(--co2-progress, 0)) * var(--gspdc-callout-travel, 100vh)),0)}.gs-strive-pdp-can--js .gs-strive-pdp-can__callout[data-callout-index="1"]{z-index:2;opacity:var(--co2-progress, 0);transition:opacity .15s linear;transform:translate3d(0,calc(((1 - var(--co2-progress, 0)) - var(--co3-progress, 0)) * var(--gspdc-callout-travel, 100vh)),0)}.gs-strive-pdp-can--js .gs-strive-pdp-can__callout[data-callout-index="2"]{z-index:3;opacity:var(--co3-progress, 0);transition:opacity .15s linear;transform:translate3d(0,calc(((1 - var(--co3-progress, 0)) - var(--co4-progress, 0)) * var(--gspdc-callout-travel, 100vh)),0)}.gs-strive-pdp-can--js .gs-strive-pdp-can__callout[data-callout-index="3"]{z-index:4;opacity:var(--co4-progress, 0);transition:opacity .15s linear;transform:translate3d(0,calc((1 - var(--co4-progress, 0)) * var(--gspdc-callout-travel, 100vh)),0)}.gs-strive-pdp-can--js .gs-strive-pdp-can__line{display:block;flex:0 0 9.82rem;width:9.82rem;height:.15rem;margin-top:5.8rem;background:var(--gspdc-rect-border, #000000)}.gs-strive-pdp-can--js .gs-strive-pdp-can__card{flex:0 0 19rem;width:19rem;max-width:19rem;padding:1.526rem 2.67rem;gap:1.297rem}.gs-strive-pdp-can--js .gs-strive-pdp-can__card-title{font-size:var(--gspdc-card-title-size)}.gs-strive-pdp-can--js .gs-strive-pdp-can__card-body{font-size:1.144rem;line-height:1.526rem}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/gs-strive-pdp-can.css.map */