.cc-layout{display:flex;align-items:stretch}@media screen and (min-width:990px){.cc-layout{gap:var(--grid-desktop-horizontal-spacing)}.cc-image{flex:1.5;min-width:0}cc-collage{flex:var(--cc-cols, 3);min-width:0}.cc-layout--image-right .cc-image{order:2}.cc-layout--image-right cc-collage{order:1}}@media screen and (max-width:989px){.cc-layout{flex-direction:column}}.cc-image{display:flex;flex-direction:column}.cc-image__wrap{flex:1;position:relative;overflow:hidden}@media screen and (max-width:989px){.cc-image__wrap{flex:none;min-height:unset;width:100%}}.cc-image__img,.cc-image__wrap .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.cc-image__wrap:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.cc-image__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2.4rem;text-align:center;gap:1.2rem}.cc-image__caption{font-size:calc(var(--font-body-scale) * 1.2rem);letter-spacing:.15em;text-transform:uppercase;margin:0;opacity:.75}.cc-image__title{font-family:var(--font-heading-family);font-size:calc(var(--font-heading-scale) * 3rem);font-weight:400;margin:0;line-height:1.1}.cc-image__btn{margin-top:.4rem}cc-collage{display:block;position:relative}.cc-track{list-style:none;padding:0;margin:0}@media screen and (min-width:990px){cc-collage:not(.cc-products--slider) .cc-track{display:grid;grid-template-columns:repeat(var(--cc-cols, 3),1fr);gap:var(--grid-desktop-horizontal-spacing);align-items:start}}@media screen and (min-width:990px){cc-collage.cc-products--slider .cc-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:var(--grid-desktop-horizontal-spacing)}cc-collage.cc-products--slider .cc-track::-webkit-scrollbar{display:none}cc-collage.cc-products--slider .cc-track__item{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - (var(--cc-cols, 3) - 1) * var(--grid-desktop-horizontal-spacing)) / var(--cc-cols, 3))}}@media screen and (max-width:989px){.cc-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;gap:var(--grid-mobile-horizontal-spacing);margin-top:2.4rem}.cc-track::-webkit-scrollbar{display:none}.cc-track__item{flex:0 0 auto;scroll-snap-align:start;width:calc((100% - var(--grid-mobile-horizontal-spacing)) / 2)}}.cc-nav-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:44px;height:60px;background:rgba(var(--color-background),.75);border:none;box-shadow:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;color:rgb(var(--color-foreground));padding:0}.cc-nav-btn:disabled{opacity:.25;cursor:default}.cc-nav-btn--prev{left:0}.cc-nav-btn--next{right:0}.cc-nav-btn .svg-wrapper{display:flex;align-items:center;justify-content:center}.cc-nav-btn .svg-wrapper svg{width:1.4rem;height:1.4rem;opacity:.5}.cc-nav-btn--prev .svg-wrapper{transform:rotate(90deg)}.cc-nav-btn--next .svg-wrapper{transform:rotate(-90deg)}@media screen and (max-width:989px){.cc-nav-btn{display:none}}.cc-progress{display:flex;align-items:center;gap:1.6rem;margin-top:2.4rem}@media screen and (min-width:990px){.cc-progress{display:none}}.cc-progress__track{flex:1;height:.4rem;position:relative;background:rgba(var(--color-foreground),.2);border-radius:10rem;cursor:pointer}.cc-progress__track .cc-progress__thumb{display:block;position:absolute;left:0;top:0;bottom:0;width:25%;background:rgba(var(--color-foreground),.4);border-radius:10rem;transition:left .15s ease,width .15s ease;cursor:grab;-webkit-user-select:none;user-select:none}.cc-progress__track .cc-progress__thumb:active{cursor:grabbing}.cc-progress__controls{display:flex;gap:.8rem;flex-shrink:0}.cc-progress__btn{background:transparent;border:none;border-radius:0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;color:rgb(var(--color-foreground));padding:0}.cc-progress__btn:disabled{opacity:.25;cursor:default}.cc-progress__btn .svg-wrapper{display:flex;align-items:center;justify-content:center;width:32px;height:32px}.cc-progress__btn .svg-wrapper svg{width:1.6rem;height:1.6rem}.cc-progress__btn--prev .svg-wrapper{transform:rotate(90deg)}.cc-progress__btn--next .svg-wrapper{transform:rotate(-90deg)}
/*# sourceMappingURL=/cdn/shop/t/10/assets/section-collection-collage.css.map */