.collection-with-bg{--section-padding-block: 6rem;--section-padding-inline: 5rem}.collection-with-bg.has-outline-text .collection-with-bg__nav-item:not(.btn--selected){-webkit-text-stroke:1px currentColor;-webkit-text-fill-color:transparent}.collection-with-bg .collection-with-bg__nav-item{transition:opacity var(--animation-speed) var(--animation-easing)}.collection-with-bg .collection-with-bg__nav-item:not(.btn--selected){opacity:var(--text-opacity)}.collection-with-bg .collection-background__count{color:var(--product-count-color, var(--color-foreground));line-height:1;vertical-align:top;font-size:max(1.4rem,.5em);padding-inline-start:0}@keyframes collection-img-in{0%{transform:translateZ(0) scale(1.07) rotate(1.5deg)}to{transform:translateZ(0) scale(1) rotate(0)}}@media(min-width:768px){.collection-with-bg{display:grid;grid-template-rows:1fr}.collection-with-bg--rounded{border-radius:var(--media-border-radius, 0)}.collection-with-bg .collection-with-bg__content{overflow:hidden}.collection-with-bg--rounded .collection-with-bg__content{border-radius:var(--media-border-radius, 0)}.collection-with-bg .collection-with-bg__content .collection-with-bg__panel{opacity:0;z-index:1;transition:none}.collection-with-bg .collection-with-bg__content .collection-with-bg__panel .collection-with-bg__media{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.collection-with-bg .collection-with-bg__content .collection-with-bg__panel.active{opacity:1}.collection-with-bg .collection-with-bg__content .collection-with-bg__panel.active .collection-with-bg__media{animation:collection-img-in 1s cubic-bezier(.25,.46,.45,.94)}.collection-with-bg:not(.media--height-adapt) .collection-with-bg__content:before{display:none}.collection-with-bg.media--height-adapt:before{display:none}.collection-with-bg__content,.collection-with-bg__nav{grid-area:1/1/end/end}.collection-with-bg__nav{padding:var(--section-padding-block) var(--section-padding-inline);align-items:var(--title-align);justify-content:var(--title-align);justify-self:var(--title-justify)}.collection-with-bg__nav-content{column-gap:var(--title-gap);row-gap:calc(var(--title-gap) * .5);align-items:var(--title-justify);justify-content:var(--title-justify);max-width:calc(var(--title-width) + var(--section-padding-inline) * 2)}.collection-with-bg__nav-content.title-layout-vertical{row-gap:var(--title-gap)}}@media(max-width:1024px)and (min-width:768px){.collection-with-bg{--section-padding-block: 6rem;--section-padding-inline: 3rem}}@media(max-width:767px){.collection-with-bg{--section-padding-block: 3.2rem;--section-padding-inline: 1.6rem}.collection-with-bg .collection-with-bg__content .tabs-content__item{display:grid;grid-template-rows:1fr;opacity:1;pointer-events:auto;position:static;z-index:1}.collection-with-bg-mobile--rounded .collection-with-bg__media{border-radius:var(--media-border-radius, 0);overflow:hidden}.collection-with-bg .collection-with-bg__content:before{display:none}.collection-with-bg.media--height-adapt:before{display:none}.collection-with-bg .image-component,.collection-with-bg .placeholder-image,.collection-with-bg .collection-with-bg__video{position:absolute;top:0;right:0;bottom:0;left:0}.collection-with-bg__media,.collection-with-bg__panel-content{grid-area:1/1/end/end}.collection-with-bg__panel-content{padding:var(--section-padding-block) var(--section-padding-inline);align-items:var(--title-align-mobile);justify-content:var(--title-justify-mobile)}.collection-with-bg.mobile-layout-vertical .collection-with-bg__content{display:flex;flex-direction:column;gap:var(--card-gap-mobile)}.collection-with-bg.mobile-layout-horizontal .collection-with-bg__content{--col-width-mobile: 74.5vw;display:flex;gap:var(--card-gap-mobile);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline-start:var(--page-padding);overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:var(--page-padding);margin-inline:calc(var(--page-padding) * -1);width:calc(100% + var(--page-padding) * 2)}.collection-with-bg.mobile-layout-horizontal .collection-with-bg__content::-webkit-scrollbar{display:none}.collection-with-bg.mobile-layout-horizontal .collection-with-bg__content>*{flex:0 0 var(--col-width-mobile);scroll-snap-align:start}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/collections-with-background.css.map */