.pattern-slider{display:block;width:100%}.pattern-slider__container{max-width:190.4rem;margin:0 auto;padding-inline-start:3.2rem}.pattern-slider__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--column-gap, 40px);align-items:center}.pattern-slider__content-col{position:relative;overflow:hidden;order:1}.subtitle,.pattern-slider__heading{text-align:center}.pattern-slider__heading{margin-top:8px;margin-bottom:24px;font-size:min(calc(var(--font-headline-size) * var(--font-headline-scale-desk, 1)),calc(var(--font-headline-size) + 13.5vw))}.subtitle{font-size:14px!important}.pattern-slider--heading-uppercase .pattern-slider__heading{text-transform:uppercase}.pattern-slider__viewport{position:relative;overflow:visible;padding:2rem 0;cursor:grab;user-select:none;-webkit-user-select:none}.pattern-slider__viewport.is-dragging{cursor:grabbing}.pattern-slider__track{display:flex;gap:var(--card-gap, 20px);will-change:transform}.pattern-slider__card{flex:0 0 calc((100% - (var(--card-gap, 20px) * 2)) / 3);min-width:0;transition:opacity .3s ease;pointer-events:none;opacity:.5}.pattern-slider__card.is-active{opacity:1}.pattern-slider__card-inner{position:relative;border-radius:var(--border-radius, .4rem);overflow:hidden;cursor:pointer;transition:transform .3s ease;transform-origin:center center;pointer-events:auto}.pattern-slider__card.is-active .pattern-slider__card-inner{transform:scale(1.1)}.pattern-slider__card-inner:hover{transform:translateY(-.4rem)}.pattern-slider__card.is-active .pattern-slider__card-inner:hover{transform:scale(1.1) translateY(-.4rem)}.pattern-slider__card-media{position:relative;width:100%;padding-bottom:125%;overflow:hidden}.pattern-slider__card-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-select:none;pointer-events:none;-webkit-user-drag:none;user-drag:none}.pattern-slider__card-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;color:#fff;font-family:var(--font-headline, inherit);font-size:1.6rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;text-shadow:0 .1rem .8rem rgb(0 0 0 / .35);pointer-events:none;white-space:nowrap}.pattern-slider__card-btn{position:absolute;bottom:1.6rem;left:50%;transform:translate(-50%);z-index:2;background:#fff;color:#000;font-size:1.2rem;padding:.8rem 1.8rem;text-decoration:none;text-align:center;opacity:0;pointer-events:none;transition:opacity .3s ease;border-radius:var(--border-radius-button, 0)}.pattern-slider__card.is-active .pattern-slider__card-btn{opacity:1;pointer-events:auto}.pattern-slider__media-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.pattern-slider__media-placeholder svg{width:60%;height:60%;opacity:.3;pointer-events:none}.pattern-slider__controls{display:flex;gap:1.2rem;justify-content:center;margin-top:2.4rem}.pattern-slider__arrow{width:4.4rem;height:4.4rem;border-radius:var(--button-border-radius, 50%);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease,color .3s ease;padding:0}.pattern-slider__arrow svg{width:2rem;height:2rem}.pattern-slider__featured-col{position:relative;border-radius:var(--border-radius, .4rem);overflow:hidden;order:2}.pattern-slider__featured{position:relative;width:100%;padding-bottom:100%;overflow:hidden}.pattern-slider__featured img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;user-select:none;-webkit-user-select:none;pointer-events:none;-webkit-user-drag:none;user-drag:none}.pattern-slider__featured img.is-visible{opacity:1}@media screen and (max-width:749px){.pattern-slider__container{padding-inline-start:0}.pattern-slider__grid{grid-template-columns:1fr;gap:4rem}.pattern-slider__featured-col{order:1;border-radius:0}.pattern-slider__content-col{order:2;padding:0 2rem 2rem}.pattern-slider__controls{display:none}.pattern-slider__card-btn{bottom:.8rem;width:80%;padding:.8rem .4rem}}@media(prefers-reduced-motion:reduce){.pattern-slider__track,.pattern-slider__card,.pattern-slider__card-inner,.pattern-slider__featured img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-pattern-slider.css.map */
