.gr-double-slider{--gr-ds-max-w: 970px;--gr-ds-frame-h: 649px;--gr-ds-panel-w: 410px;--gr-ds-panel-h: 615px;--gr-ds-ease: cubic-bezier(.77, 0, .175, 1);--gr-ds-duration: .85s;--gr-ds-ornament-w: clamp(150px, 14.583vw, 210px);position:relative;z-index:2;display:block;width:100%;background:var(--color-background, #fff);color:var(--color-foreground, #111);padding-block:var(--gr-ds-pad-top, 48px) var(--gr-ds-pad-bottom, 64px);overflow:visible;-webkit-user-select:none;user-select:none}.gr-double-slider__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-double-slider__shell{position:relative;width:min(var(--gr-ds-max-w),calc(100% - 48px));margin-inline:auto}.gr-double-slider__stage{display:flex;flex-direction:column;align-items:center;width:100%}.gr-double-slider__panels{display:flex;justify-content:center;align-items:flex-start;gap:64px;width:100%;min-height:var(--gr-ds-panel-h);touch-action:pan-y}.gr-double-slider.is-dragging .gr-double-slider__panels{touch-action:none;cursor:grabbing}.gr-double-slider__panel{position:relative;flex:0 0 var(--gr-ds-panel-w);width:var(--gr-ds-panel-w);max-width:100%}.gr-double-slider__stack{position:relative;width:var(--gr-ds-panel-w);height:var(--gr-ds-panel-h);max-width:100%;overflow:hidden;background:#f2f2f2}.gr-double-slider__track{display:flex;align-items:stretch;height:100%;width:max-content;will-change:transform;transition:transform var(--gr-ds-duration) var(--gr-ds-ease)}.gr-double-slider.is-dragging .gr-double-slider__track,.gr-double-slider.is-instant .gr-double-slider__track{transition:none}.gr-double-slider__slide{position:relative;flex:0 0 var(--gr-ds-panel-w);width:var(--gr-ds-panel-w);height:var(--gr-ds-panel-h);margin:0;overflow:hidden;background:#f2f2f2}.gr-double-slider__slide: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-double-slider__img{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;pointer-events:none;-webkit-user-drag:none}.gr-double-slider__static{position:relative;display:block;width:100%;height:100%;margin:0;overflow:hidden;background:#f2f2f2}.gr-double-slider__panel--lifestyle .gr-double-slider__img,.gr-double-slider__img--collection{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center center;mix-blend-mode:normal}.gr-double-slider__img--packshot{object-fit:contain;width:72%;height:72%;margin:auto;position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply}.gr-double-slider__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:16px;text-align:center;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#0006}.gr-double-slider__progress{position:absolute;left:0;right:0;bottom:-2%;z-index:3;display:flex;gap:6px;width:100%;margin:0;box-sizing:border-box}.gr-double-slider__tick{flex:1;height:1px;padding:10px 0;border:0;background:transparent;cursor:pointer;position:relative}.gr-double-slider__tick:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#0000002e;transform:translateY(-50%)}.gr-double-slider__tick.is-active:after{background:#111}.gr-double-slider__title{margin:10px 0 0;text-align:center;font-family:var(--font-family-base, "DIN Pro", sans-serif);font-size:15px;font-weight:400;letter-spacing:-.5px;text-transform:uppercase;color:#111}.gr-double-slider__nav{position:absolute;top:calc(var(--gr-ds-panel-h) / 2);z-index:4;display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#111;cursor:pointer;opacity:.7;transform:translateY(-50%)}.gr-double-slider__nav:hover{opacity:1}.gr-double-slider__nav--prev{left:25px;top:50%;transform:translate(-100%,-50%)}.gr-double-slider__nav--next{right:25px;top:50%;transform:translate(100%,-50%) scaleX(-1)}.gr-double-slider__nav .svg-wrapper{display:flex;width:10px;height:18px}.gr-double-slider__nav .svg-wrapper svg{width:100%;height:100%;display:block}.gr-double-slider__ornament{position:absolute;top:51.55%;right:12%;z-index:5;width:calc(var(--gr-ds-ornament-w) * var(--gr-ds-ornament-scale, 100) / 100);aspect-ratio:210 / 314;height:auto;pointer-events:none;line-height:0;transform:translateY(42%)}.gr-double-slider__ornament-img{display:block;width:100%;height:auto;max-width:none;object-fit:contain;object-position:center bottom}@media(max-width:1024px){.gr-double-slider{--gr-ds-panel-w: min(410px, calc((100vw - 80px - var(--gr-ds-gap, 24px)) / 2));--gr-ds-panel-h: calc(var(--gr-ds-panel-w) * 615 / 410);--gr-ds-frame-h: calc(var(--gr-ds-panel-h) + 34px)}.gr-double-slider__shell{width:min(var(--gr-ds-max-w),calc(100% - 32px))}.gr-double-slider__nav--prev{left:0;transform:translateY(-50%)}.gr-double-slider__nav--next{right:0;transform:translateY(-50%) scaleX(-1)}}@media(max-width:768px){.gr-double-slider{--gr-ds-panel-w: calc(203 * 100vw / 768);--gr-ds-panel-h: calc(305 * 100vw / 768);--gr-ds-frame-h: calc(var(--gr-ds-panel-h) + 34px)}.gr-double-slider__panels{flex-direction:row;justify-content:center;align-items:flex-start;gap:calc(32 * 100vw / 768);min-height:var(--gr-ds-panel-h)}.gr-double-slider__panel{flex:0 0 var(--gr-ds-panel-w);width:var(--gr-ds-panel-w)}.gr-double-slider__stack,.gr-double-slider__slide{flex:0 0 var(--gr-ds-panel-w);width:var(--gr-ds-panel-w);height:var(--gr-ds-panel-h);max-width:none}.gr-double-slider__nav{display:flex}.gr-double-slider__nav--prev{left:calc(110 * 100vw / 768);transform:translate(-100%,-50%)}.gr-double-slider__nav--next{right:calc(110 * 100vw / 768);transform:translate(100%,-50%) scaleX(-1)}}@media(max-width:768px)and (min-width:501px){.gr-double-slider{--gr-ds-ornament-w: clamp(96px, 28vw, 140px)}.gr-double-slider__ornament{top:52.55%;right:77px;transform:translateY(28%)}.gr-double-slider__ornament-img{width:100%;height:auto}}@media(max-width:500px){.gr-double-slider{--gr-ds-ornament-w: clamp(96px, 28vw, 140px)}.gr-double-slider__ornament{top:51.55%;right:12px;transform:translateY(28%)}.gr-double-slider__ornament-img{width:100%;height:auto}}@media(max-width:500px){.gr-double-slider{--gr-ds-life-w: calc(259 * 500 / 390 * 100vw / 500);--gr-ds-life-h: calc(322 * 500 / 390 * 100vw / 500);--gr-ds-pack-w: calc(166 * 500 / 390 * 100vw / 500);--gr-ds-pack-h: calc(256 * 100vw / 390);--gr-ds-panel-w: var(--gr-ds-life-w);--gr-ds-panel-h: var(--gr-ds-life-h);--gr-ds-frame-h: auto;--gr-ds-ornament-w: clamp(96px, 30vw, 140px)}.gr-double-slider__ornament{top:62.55%;right:44px;transform:translateY(80%)}.gr-double-slider__ornament-img{width:100%;height:auto}.gr-double-slider__panels{flex-direction:column;align-items:center;gap:calc(42 * 500 / 390 * 100vw / 500);min-height:0}.gr-double-slider__panel{flex:0 0 auto;max-width:100%}.gr-double-slider__panel--lifestyle{width:var(--gr-ds-life-w)}.gr-double-slider__panel--lifestyle .gr-double-slider__stack{width:var(--gr-ds-life-w);height:var(--gr-ds-life-h);max-width:100%}.gr-double-slider__panel--lifestyle .gr-double-slider__static{position:relative;width:var(--gr-ds-life-w);height:var(--gr-ds-life-h);max-width:100%}.gr-double-slider__panel--lifestyle .gr-double-slider__img,.gr-double-slider__panel--lifestyle .gr-double-slider__img--collection{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center}.gr-double-slider__panel--product{width:var(--gr-ds-pack-w)}.gr-double-slider__panel--product .gr-double-slider__stack{width:var(--gr-ds-pack-w);height:var(--gr-ds-pack-h);max-width:100%}.gr-double-slider__panel--product .gr-double-slider__slide{flex:0 0 var(--gr-ds-pack-w);width:var(--gr-ds-pack-w);height:var(--gr-ds-pack-h);max-width:none}.gr-double-slider__panel--product .gr-double-slider__img--packshot{width:78%;height:78%;object-fit:contain;object-position:center center}.gr-double-slider__nav{display:none}}@media(prefers-reduced-motion:reduce){.gr-double-slider__track{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sections-gr-double-slider.css.map */