@font-face{font-family:Superclarendon Regular;src:url(Superclarendon-Regular.woff) format("woff")}@font-face{font-family:Superclarendon Bold;src:url(Superclarendon-Bold.woff) format("woff")}@font-face{font-family:Gill Sans;src:url(GillSans.woff) format("woff")}@font-face{font-family:Gill Sans Light;src:url(GillSans-Light.woff) format("woff")}@font-face{font-family:Gill Sans SB;src:url(GillSans-SemiBold.woff) format("woff")}.sustainability-carousel{position:relative;display:flex;justify-content:flex-end;overflow:hidden}@media(max-width:767px){.sustainability-carousel{width:100%}}.sustainability-carousel .grid-container-right{max-width:100%;margin:0 auto}@media(max-width:767px){.sustainability-carousel .grid-container-right{max-width:100%}}.sustainability-carousel .item{margin-right:20px}.scene{width:427px;height:526px;perspective:800px}@media(max-width:767px){.scene{height:450px;width:320px;perspective:400px}}@media(max-width:639px){.scene{width:calc(24.666667vw * 4 - 80px)}}@media(max-width:359px){.scene{height:300px;width:225px;perspective:400px}}.card{position:relative;width:100%;height:100%;cursor:pointer;transform-style:preserve-3d;transform-origin:center right;transition:transform 1s}.card.is-flipped{transform:translate(-100%) rotateY(-180deg)}.card.is-flipped .card__face--front{pointer-events:none}.card__face{position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden}.card__face--front{background-size:cover;background-repeat:no-repeat;border-radius:25px}.card__face--front .img-wrap{position:relative;height:0;padding-top:100%}@media(max-width:767px){.card__face--front .img-wrap{padding-top:110%}}@media(max-width:767px){.card__face--front .img-wrap{padding-top:unset;height:87%}}.card__face--front .img-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-top-left-radius:25px;border-top-right-radius:25px}.card__face--front .content{position:absolute;bottom:0;padding:25px 20px;width:100%;border-bottom-left-radius:25px;border-bottom-right-radius:25px;height:105px;text-align:center;overflow:hidden;transition:height .3s ease}@media(max-width:767px){.card__face--front .content{height:110px}.card__face--front .content:hover{height:130px}}@media(max-width:359px){.card__face--front .content{padding:20px 17px}}.card__face--front .content h2{color:#fff;font-size:1.5rem;line-height:1.75rem;font-weight:900;padding-top:10px;margin-bottom:40px}@media(max-width:767px){.card__face--front .content h2{padding-top:0;font-size:1.5625rem;line-height:1.75rem;margin-bottom:52px}}.card__face--front .content:hover{height:160px}@media(max-width:639px){.card__face--front .content:hover{height:110px}}.card__face--back{border-radius:25px;transform:rotateY(180deg);padding:40px 20px;text-align:left;overflow-y:scroll;position:relative}.card__face--back h2{color:#000;font-size:2.25rem;line-height:2.3125rem;font-weight:900}@media(max-width:767px){.card__face--back h2{font-size:1.125rem;line-height:1.75rem}}.card__face--back p{color:#000;font-size:1.25rem;line-height:1.4375rem}@media(max-width:767px){.card__face--back p{font-size:1.25rem;line-height:1.4375rem}}.card__face--back::-webkit-scrollbar{width:6px}.card__face--back::-webkit-scrollbar-track{border-radius:10px}.card__face--back::-webkit-scrollbar-thumb{border-radius:10px;background:linear-gradient(to bottom,transparent,transparent 10%,rgba(0,0,0,.45) 10%,rgba(0,0,0,.45) 90%,transparent 90%)}.sustain-next{margin:0 auto;background-image:url(next-arrow.svg);height:66px;width:66px;background-size:contain;background-repeat:no-repeat;cursor:pointer;display:block;position:absolute;z-index:1;right:calc(8.333333% - 33px);top:calc(50% - 33px)}
/*# sourceMappingURL=/cdn/shop/t/23/assets/style-sustain-carousel.css.map */