.dcent-pdp-hero,.dcent-gallery{--dpg-bg-rgb: 10 10 12;--dpg-fg: #fff;--dpg-box-bg: #fff;--dpg-thumb-bg: #343434;--dpg-thumb-scene-bg: #000;--dpg-thumb-on: rgb(255 255 255 / 60%);--dpg-thumb-hover: rgb(255 255 255 / 30%);--dpg-arrow-bg: #fff;--dpg-arrow-fg: #292524;--dpg-arrow-fg-hover: #000;--dpg-arrow-shadow: 0 4px 12px rgb(0 0 0 / 15%);--dpg-stage-top: 97px;--dpg-gap: 24px;--dpg-pad-bottom: 28px;--dpg-rail-gap: 8px;--dpg-rail-top: 204px;--dpg-rail-max: min(560px, calc(100dvh - 280px) );--dpg-zone-top: 200px;--dpg-zone-left: 88px;--dpg-zone-right: 472px;--dpg-arrow-size: 48px;--dpg-arrow-icon: 24px;--dpg-arrow-offset: 356px;--dpg-box-radius: 20px;--dpg-scene-scale: 1.7;--dpg-scene-h: 185%;--dpg-scene-x: calc(50% - 192px) ;--dpg-scene-y: 50%;--dpg-fade-mobile: 35%;--dpg-fade-bottom: 30%}.dcent-gallery[data-variant=s]{--dpg-scene-h: 66%;--dpg-scene-x: calc(50% - 252px) ;--dpg-scene-y: calc(50% + 72px) ;--dpg-fade-mobile: 42%;--dpg-fade-bottom: 28%;--dpg-zone-left: 48px;--dpg-zone-right: 512px}.dcent-gallery[data-variant=x]{--dpg-scene-scale: .8;--dpg-scene-h: 56%;--dpg-scene-x: calc(50% - 180px) ;--dpg-scene-y: calc(50% + 40px) }.dcent-gallery[data-variant=accessory]{--dpg-scene-scale: 1;--dpg-scene-h: 80%}.dcent-gallery[data-variant=accessory] .dcent-gallery__scene{object-fit:contain;transform:scale(var(--dpg-scene-scale))}.dcent-gallery[data-variant=x] .dcent-gallery__scene{object-fit:contain;filter:brightness(1.2);transform:translateY(2%) scale(var(--dpg-scene-scale))}.dcent-pdp-hero{position:relative;background:var(--dpc-bg);color:var(--dpg-fg)}.dcent-pdp-hero__stage{position:relative;overflow:hidden;padding:var(--dpg-stage-top) var(--dpc-gutter) 0}.dcent-pdp-hero__column{position:relative;z-index:1;max-width:calc(var(--dpc-max) + var(--dpc-gutter) + var(--dpc-gutter));margin-inline:auto;padding:0 var(--dpc-gutter)}@media(min-width:1024px){.dcent-pdp-hero__stage{position:sticky;top:0;height:100dvh;padding:0 var(--dpc-gutter)}.dcent-pdp-hero__column{margin-top:-100dvh;pointer-events:none}.dcent-pdp-hero__column>*{pointer-events:auto}}.dcent-gallery{position:static;height:100%}.dcent-gallery__scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--dpg-scene-scale));opacity:0;transition:opacity .3s ease;pointer-events:none;-webkit-user-select:none;user-select:none}.dcent-gallery[data-variant=s] .dcent-gallery__scene{inset:auto;left:50%;top:54%;width:85%;max-width:none;height:auto;object-fit:contain;transform:translate(-50%,-50%)}.dcent-gallery[data-blended=true] .dcent-gallery__scene{opacity:1}.dcent-gallery__fade{position:absolute;display:block;opacity:0;transition:opacity .3s ease;pointer-events:none}.dcent-gallery[data-blended=true] .dcent-gallery__fade{opacity:1}.dcent-gallery__fade.is-mobile{inset-inline:0;bottom:0;height:var(--dpg-fade-mobile);background:linear-gradient(to top,rgb(var(--dpg-bg-rgb)),rgb(var(--dpg-bg-rgb) / 60%),transparent)}.dcent-gallery__fade.is-right,.dcent-gallery__fade.is-bottom{display:none}.dcent-gallery__stage{position:relative;display:flex;flex-direction:column;gap:var(--dpg-gap);width:100%;max-width:var(--dpc-max);height:100%;margin-inline:auto;padding-bottom:var(--dpg-pad-bottom)}.dcent-gallery__zone{position:relative}.dcent-gallery__slides{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.dcent-gallery__slides::-webkit-scrollbar{display:none}.dcent-gallery__slide{flex:0 0 100%;width:100%;scroll-snap-align:center}.dcent-gallery__slide.is-scene{height:var(--dpc-stage-box-mobile)}.dcent-gallery__box{position:relative;width:var(--dpc-stage-box-mobile);height:var(--dpc-stage-box-mobile);max-width:100%;margin-inline:auto;overflow:hidden;background:var(--dpg-box-bg);border:1px solid var(--dpc-line);border-radius:var(--dcent-radius-card)}.dcent-gallery__slide.is-transparent .dcent-gallery__box{background:transparent}.dcent-gallery__img{position:relative;width:100%;height:100%;object-fit:contain}.dcent-gallery__arrow{display:none}.dcent-gallery__rail-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-behavior:smooth}.dcent-gallery__rail-scroll::-webkit-scrollbar{display:none}.dcent-gallery__rail{display:flex;gap:var(--dpg-rail-gap)}.dcent-gallery__thumb{flex:0 0 auto;width:var(--dpc-thumb);height:var(--dpc-thumb);padding:0;overflow:hidden;background:var(--dpg-thumb-bg);border:1px solid var(--dpc-line);border-radius:var(--dcent-radius-sm);opacity:.5;cursor:pointer;transition:opacity .2s ease,border-color .2s ease}.dcent-gallery__thumb img{display:block;width:100%;height:100%;object-fit:cover}.dcent-gallery[data-variant=s] .dcent-gallery__thumb.is-scene{background:var(--dpg-thumb-scene-bg)}.dcent-gallery[data-variant=s] .dcent-gallery__thumb.is-scene img{box-sizing:border-box;padding:6px;object-fit:contain}.dcent-gallery__thumb:hover{border-color:var(--dpg-thumb-hover);opacity:1}.dcent-gallery__thumb[aria-current=true]{border-color:var(--dpg-thumb-on);opacity:1}@media(min-width:1024px){.dcent-gallery__scene{inset:auto;left:var(--dpg-scene-x);top:var(--dpg-scene-y);width:auto;max-width:none;height:var(--dpg-scene-h);object-fit:contain;transform:translate(-50%,-50%)}.dcent-gallery[data-variant=s] .dcent-gallery__scene{left:var(--dpg-scene-x);top:var(--dpg-scene-y);width:auto;height:var(--dpg-scene-h)}.dcent-gallery[data-variant=x] .dcent-gallery__scene,.dcent-gallery[data-variant=accessory] .dcent-gallery__scene{transform:translate(-50%,-50%)}.dcent-gallery__fade.is-mobile{display:none}.dcent-gallery__fade.is-right{display:block;inset-block:0;right:0;width:33.3333%;background:linear-gradient(to left,rgb(var(--dpg-bg-rgb)),rgb(var(--dpg-bg-rgb) / 70%),transparent)}.dcent-gallery__fade.is-bottom{display:block;inset-inline:0;bottom:0;height:var(--dpg-fade-bottom);background:linear-gradient(to top,rgb(var(--dpg-bg-rgb)),rgb(var(--dpg-bg-rgb) / 60%),transparent)}.dcent-gallery__stage{display:block;padding-bottom:0}.dcent-gallery__zone{--dpg-box-size: min( var(--dpc-stage-box), calc(100dvh - var(--dpg-zone-top) - 48px) );position:absolute;left:var(--dpg-zone-left);right:var(--dpg-zone-right);top:var(--dpg-zone-top);display:flex;align-items:center;justify-content:center;height:var(--dpg-box-size)}.dcent-gallery__slides{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:visible;scroll-snap-type:none}.dcent-gallery__slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;width:auto;visibility:hidden}.dcent-gallery__slide.is-active{visibility:visible}.dcent-gallery__slide.is-scene{height:auto;visibility:hidden}.dcent-gallery__box{width:min(var(--dpg-box-size),100%);max-width:none;height:auto;aspect-ratio:1 / 1;border-radius:var(--dpg-box-radius)}.dcent-gallery__arrow{position:absolute;top:50%;z-index:10;display:flex;align-items:center;justify-content:center;width:var(--dpg-arrow-size);height:var(--dpg-arrow-size);padding:0;color:var(--dpg-arrow-fg);background:var(--dpg-arrow-bg);border:0;border-radius:var(--dcent-pill-radius);box-shadow:var(--dpg-arrow-shadow);transform:translateY(-50%);opacity:0;cursor:pointer;transition:opacity .2s ease,color .2s ease}.dcent-gallery__arrow svg{width:var(--dpg-arrow-icon);height:var(--dpg-arrow-icon)}.dcent-gallery__arrow.is-prev{left:max(0px,calc(50% - var(--dpg-arrow-offset)))}.dcent-gallery__arrow.is-next{right:max(0px,calc(50% - var(--dpg-arrow-offset)))}.dcent-gallery__zone:hover .dcent-gallery__arrow,.dcent-gallery__arrow:focus-visible{opacity:1}.dcent-gallery__arrow:hover{color:var(--dpg-arrow-fg-hover)}.dcent-gallery__rail-scroll{position:absolute;left:0;top:var(--dpg-rail-top);z-index:10;max-height:var(--dpg-rail-max);overflow-x:hidden;overflow-y:auto}.dcent-gallery__rail{flex-direction:column}}@media(prefers-reduced-motion:reduce){.dcent-gallery__scene,.dcent-gallery__fade,.dcent-gallery__thumb,.dcent-gallery__arrow{transition:none}.dcent-gallery__rail-scroll{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/dcent-pdp-gallery.css.map */