.dynamic-skew-carousel{position:relative;overflow:hidden;padding:clamp(50px,8vw,100px) 0;display:flex;align-items:center;min-height:clamp(500px,70vh,800px);background-color:var(--skew-bg-color, #111111);isolation:isolate}.dynamic-skew-carousel .skew-bg-holder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.dynamic-skew-carousel .skew-bg-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.dynamic-skew-carousel .skew-bg-video,.dynamic-skew-carousel .skew-bg-image{object-position:var(--skew-bg-object-position, left center)}.dynamic-skew-carousel .skew-bg-image-mobile{object-position:var(--skew-bg-object-position-mobile, left center)}.dynamic-skew-carousel .skew-bg-mobile-only{display:none}@media(max-width:992px){[role=main] .shopify-section:has(>.dynamic-skew-carousel),.shopify-section:has(>.dynamic-skew-carousel){padding-inline:0;margin-inline:0;max-width:none}.dynamic-skew-carousel{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}.dynamic-skew-carousel .skew-bg-holder{width:100%;min-height:100%;border:0}.dynamic-skew-carousel .skew-bg-media{inset:auto;left:50%;top:50%;right:auto;bottom:auto;width:auto;height:auto;min-width:100%;min-height:100%;max-width:none;max-height:none;transform:translate(-50%,-50%);object-fit:cover;border:0;outline:none}.dynamic-skew-carousel.skew-has-mobile-bg .skew-bg-main{display:none}.dynamic-skew-carousel.skew-has-mobile-bg .skew-bg-mobile-only{display:block}}.dynamic-skew-carousel .skew-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background-color:var(--skew-overlay-color, #000000);opacity:var(--skew-overlay-opacity, .4);pointer-events:none;border:0}.dynamic-skew-carousel .skew-container{max-width:1400px;margin:0 auto;display:flex;width:100%;z-index:10;position:relative;padding:0 clamp(20px,4vw,50px);align-items:center}.dynamic-skew-carousel .skew-content{flex:0 0 45%;color:#fff;padding-right:clamp(20px,3vw,40px)}.dynamic-skew-carousel .skew-content h4{color:#fff;font-size:clamp(1rem,1.2vw,1.2rem);margin-bottom:10px;opacity:.9}.dynamic-skew-carousel .skew-content h2{color:#fff;font-size:clamp(2rem,3.5vw,4rem);margin-bottom:20px;line-height:1.1}.dynamic-skew-carousel .skew-content p{color:#fff;font-size:clamp(1rem,1.1vw,1.1rem);margin-bottom:30px;opacity:.85;line-height:1.6}.dynamic-skew-carousel .skew-btn-wrapper{margin-top:10px}.dynamic-skew-carousel .skew-btn-wrapper .button.button--primary{--color-button-background: 255 255 255;--color-button-border: 255 255 255;--color-button-text: 0 0 0;--color-button-gradient: rgb(255, 255, 255);border:0;box-shadow:none}.js [data-button-hover=standard] .dynamic-skew-carousel .skew-btn-wrapper .button.button--primary:hover:not([disabled],.self-button){color:#000}.dynamic-skew-carousel .skew-marquee-mask{display:contents}.dynamic-skew-carousel .skew-grid-wrapper{--skew-desktop-gap: clamp(16px, 2vw, 24px);position:absolute;top:50%;right:-5vw;transform:translateY(-50%) rotate(25deg);display:flex;gap:var(--skew-desktop-gap);width:max-content;z-index:5;will-change:transform}.dynamic-skew-carousel .skew-column{display:flex;flex-direction:column;gap:0}.dynamic-skew-carousel .skew-column-track{display:flex;flex-direction:column;flex-shrink:0;gap:0;animation-name:dynamic-skew-desktop-y;animation-duration:var(--skew-marquee-duration, 18s);animation-timing-function:linear;animation-iteration-count:infinite;backface-visibility:hidden}@media(min-width:993px){.dynamic-skew-carousel .skew-column:nth-child(2) .skew-column-track{animation-name:dynamic-skew-desktop-y-down}}.dynamic-skew-carousel .skew-set{display:flex;flex-direction:column;flex-shrink:0;gap:var(--skew-desktop-gap);padding-bottom:var(--skew-desktop-gap)}.dynamic-skew-carousel .skew-column:nth-child(1){margin-top:-60px}.dynamic-skew-carousel .skew-column:nth-child(2){margin-top:20px}.dynamic-skew-carousel .skew-column:nth-child(3){margin-top:100px}.dynamic-skew-carousel .skew-item{width:clamp(150px,14vw,210px);height:clamp(200px,19vw,290px);border-radius:16px;overflow:hidden;flex-shrink:0;border:0;box-shadow:none;background-color:#222}.dynamic-skew-carousel .skew-item img,.dynamic-skew-carousel .skew-item svg{width:100%;height:100%;object-fit:cover;display:block;border:0;outline:none}.dynamic-skew-carousel .skew-item svg{fill:#555;background-color:#f4f4f4}@keyframes dynamic-skew-desktop-y{0%{transform:translateZ(0)}to{transform:translate3d(0,calc(-100% / 3),0)}}@keyframes dynamic-skew-desktop-y-down{0%{transform:translate3d(0,calc(-100% / 3),0)}to{transform:translateZ(0)}}@keyframes dynamic-skew-mobile-x{0%{transform:translate(0)}to{transform:translate(-50%)}}.dynamic-skew-carousel .skew-grid-mobile{display:none}@media(max-width:992px){.dynamic-skew-carousel{align-items:stretch;padding-block:clamp(40px,10vw,72px);border:0;outline:none}.dynamic-skew-carousel .skew-container{flex-direction:column;padding:clamp(24px,6vw,44px) clamp(16px,4vw,24px);max-width:100%;box-sizing:border-box;align-items:stretch}.dynamic-skew-carousel .skew-content{flex:0 0 auto;width:100%;max-width:100%;text-align:center;padding:0;margin-bottom:clamp(24px,5vw,36px)}.dynamic-skew-carousel .skew-marquee-mask{display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:100%;max-width:100%;margin-inline:auto;box-sizing:border-box;overflow:hidden;padding-inline:0;padding-block:clamp(8px,3vw,24px);max-height:none;min-height:0}.dynamic-skew-carousel .skew-grid-wrapper.skew-grid-wrapper--desktop{display:none!important}.dynamic-skew-carousel .skew-grid-mobile{display:flex;flex-direction:column;gap:clamp(12px,3.5vw,20px);width:100%;max-width:100%;margin:0;padding:0 clamp(12px,4vw,20px);box-sizing:border-box}.dynamic-skew-carousel .skew-mobile-row{overflow:hidden;width:100%;border-radius:0;border:0;outline:none}.dynamic-skew-carousel .skew-mobile-track{display:flex;flex-direction:row;flex-wrap:nowrap;width:max-content;animation-name:dynamic-skew-mobile-x;animation-duration:var(--skew-marquee-duration, 18s);animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}.dynamic-skew-carousel .skew-mobile-row:nth-child(2) .skew-mobile-track{animation-direction:reverse}.dynamic-skew-carousel .skew-mobile-set{display:flex;flex-direction:row;flex-wrap:nowrap;gap:clamp(10px,2.8vw,16px);padding-right:clamp(10px,2.8vw,16px)}.dynamic-skew-carousel .skew-grid-mobile .skew-item{flex-shrink:0;width:clamp(104px,29vw,138px);height:clamp(148px,40vw,200px);display:flex;align-items:center;justify-content:center;overflow:hidden;aspect-ratio:unset;border:0;box-shadow:none;background-color:transparent}.dynamic-skew-carousel .skew-grid-mobile .skew-item img,.dynamic-skew-carousel .skew-grid-mobile .skew-item svg{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center;border:0;outline:none}}@media(max-width:400px){.dynamic-skew-carousel .skew-grid-mobile .skew-item{width:clamp(96px,30vw,128px);height:clamp(132px,42vw,188px)}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-dynamic-skew-carousel.css.map */