.gr-center-carousel{--gr-cc-gap: 28px;--gr-cc-center-w: 410px;--gr-cc-center-h: 513px;--gr-cc-side-w: 290px;--gr-cc-side-h: 363px;--gr-cc-fade: 36px;position:relative;z-index:1;display:block;width:100%;background:var(--color-background, #fff);color:var(--color-foreground, #000);padding-block:var(--gr-cc-pad-top, 48px) var(--gr-cc-pad-bottom, 48px);overflow:clip;-webkit-user-select:none;user-select:none}.gr-center-carousel__heading{margin:0 0 clamp(24px,4vw,40px);padding-inline:24px;text-align:center;font-family:var(--font-family-base, "DIN Pro", sans-serif);font-size:clamp(14px,1.4vw,16px);letter-spacing:.08em;text-transform:uppercase}.gr-center-carousel__empty{padding:64px 24px;text-align:center;color:#00000073;font-family:var(--font-family-base, "DIN Pro", sans-serif);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.gr-center-carousel__viewport{position:relative;width:100%;min-height:var(--gr-cc-center-h);overflow:hidden;cursor:grab;touch-action:pan-y;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--gr-cc-fade),#000 calc(100% - var(--gr-cc-fade)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--gr-cc-fade),#000 calc(100% - var(--gr-cc-fade)),transparent 100%)}.gr-center-carousel.is-dragging .gr-center-carousel__viewport{cursor:grabbing;touch-action:none}.gr-center-carousel__track{display:flex;align-items:center;gap:var(--gr-cc-gap);width:max-content;min-height:var(--gr-cc-center-h);will-change:transform;transition:transform .4s cubic-bezier(.25,.1,.25,1)}.gr-center-carousel.is-dragging .gr-center-carousel__track{transition:none}.gr-center-carousel__slide{position:relative;flex:0 0 var(--gr-cc-side-w);width:var(--gr-cc-side-w);height:var(--gr-cc-center-h);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:flex-basis .35s cubic-bezier(.25,.1,.25,1),width .35s cubic-bezier(.25,.1,.25,1)}.gr-center-carousel.is-dragging .gr-center-carousel__slide{transition:none}.gr-center-carousel__slide.is-active{flex:0 0 var(--gr-cc-center-w);width:var(--gr-cc-center-w);cursor:pointer;z-index:2}.gr-center-carousel__card{display:block;width:var(--gr-cc-side-w);height:var(--gr-cc-side-h);overflow:hidden;color:inherit;text-decoration:none;-webkit-user-drag:none;transition:width .35s cubic-bezier(.25,.1,.25,1),height .35s cubic-bezier(.25,.1,.25,1)}.gr-center-carousel.is-dragging .gr-center-carousel__card{transition:none}.gr-center-carousel__slide.is-active .gr-center-carousel__card{width:var(--gr-cc-center-w);height:var(--gr-cc-center-h)}.gr-center-carousel__media{position:relative;width:100%;height:100%;background:#f2f2f2;display:flex;align-items:center;justify-content:center;overflow:hidden}.gr-center-carousel__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:color-mix(in srgb,#f2f2f2 12%,transparent)}.gr-center-carousel__slide--collection .gr-center-carousel__media:after{content:none}.gr-center-carousel__img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:block;object-position:center;pointer-events:none;transition:opacity .28s ease}.gr-center-carousel__img--packshot{mix-blend-mode:multiply}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--lifestyle{opacity:0;width:100%;height:100%;object-fit:cover}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--packshot{opacity:1;width:72%;height:72%;object-fit:contain}.gr-center-carousel__slide.is-active .gr-center-carousel__img--packshot{opacity:0;width:72%;height:72%;object-fit:contain}.gr-center-carousel__slide.is-active .gr-center-carousel__img--lifestyle{opacity:1;width:100%;height:100%;object-fit:cover}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--lifestyle:only-child,.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--packshot:only-child{opacity:1;width:72%;height:72%;object-fit:contain}.gr-center-carousel__slide.is-active .gr-center-carousel__img--lifestyle:only-child,.gr-center-carousel__slide.is-active .gr-center-carousel__img--packshot:only-child{opacity:1;width:100%;height:100%;object-fit:cover}.gr-center-carousel__img--collection{opacity:1;width:100%;height:100%;object-fit:cover}.gr-center-carousel__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;color:#0006;font-size:11px;letter-spacing:.06em;text-transform:uppercase;text-align:center}.gr-center-carousel__nav{position:absolute;top:50%;z-index:6;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#111;cursor:pointer;transform:translateY(-50%);opacity:.75}.gr-center-carousel__nav:hover{opacity:1}.gr-center-carousel__nav--prev{left:34px}.gr-center-carousel__nav--next{right:34px;transform:translateY(-50%) scaleX(-1)}.gr-center-carousel__nav .svg-wrapper{display:flex;width:10px;height:18px}.gr-center-carousel__nav .svg-wrapper svg{width:100%;height:100%;display:block}@media(min-width:769px){.gr-center-carousel__track{gap:36px}}@media(max-width:768px){.gr-center-carousel{--gr-cc-gap: 22px;--gr-cc-side-w: 210px;--gr-cc-side-h: 264px;--gr-cc-center-w: calc(259 * 100vw / 768);--gr-cc-center-h: calc(325 * 100vw / 768);--gr-cc-fade: 0px}.gr-center-carousel__viewport{-webkit-mask-image:none;mask-image:none}.gr-center-carousel__track{align-items:center}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--lifestyle{opacity:0}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--packshot{opacity:1;width:72%;height:72%;object-fit:contain}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--lifestyle:only-child,.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--packshot:only-child,.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__img--collection{opacity:1;width:100%;height:100%;object-fit:cover}.gr-center-carousel__img{transition:none}.gr-center-carousel__nav .svg-wrapper{width:6px;height:12px}.gr-center-carousel__nav--prev{left:calc(5 * 100vw / 768)}.gr-center-carousel__nav--next{right:calc(5 * 100vw / 768)}.gr-center-carousel__slide:not(.is-active){flex-basis:210px;width:210px}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__card{width:210px;height:264px}}@media(max-width:500px){.gr-center-carousel{--gr-cc-gap: 24px;--gr-cc-side-w: 210px;--gr-cc-side-h: 264px;--gr-cc-center-w: calc(259 * 500 / 390 * 100vw / 500);--gr-cc-center-h: calc(325 * 500 / 390 * 100vw / 500);--gr-cc-fade: 0px}.gr-center-carousel__slide:not(.is-active){flex-basis:210px;width:210px}.gr-center-carousel__slide:not(.is-active) .gr-center-carousel__card{width:210px;height:264px}.gr-center-carousel__nav--prev{left:calc(1 * 500 / 390 * 100vw / 500)}.gr-center-carousel__nav--next{right:calc(1 * 500 / 390 * 100vw / 500)}}@media(prefers-reduced-motion:reduce){.gr-center-carousel__track,.gr-center-carousel__card,.gr-center-carousel__img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sections-gr-center-carousel.css.map */