.dc-pdp__visual{min-width:0;display:flex;flex-direction:column;gap:var(--dc-gap)}.dc-origin-specs,.dc-origin-specs picture{display:block;margin:0}.dc-origin-specs img{display:block;width:100%;height:auto}@media(max-width:749px){.dc-pdp__visual{order:-1}.dc-pdp__visual--origins,.dc-pdp__visual .dc-pdp__gallery{order:0}.dc-origin-specs{margin-inline:calc(var(--dc-gutter) * -1)}}.dc-pdp__dots{display:none}@media(max-width:749px){.dc-pdp__visual--origins{display:contents}.dc-pdp__visual--origins .dc-pdp__gallery{order:-2}.dc-pdp__visual--origins .dc-pdp__gallery figure{flex:0 0 100%}.dc-pdp__visual--origins .dc-pdp__dots{order:-1}.dc-pdp__visual--origins .dc-origin-specs{order:1}.dc-pdp__dots{display:flex;justify-content:center;gap:8px;margin-top:-2px}.dc-pdp__dots span{width:6px;height:6px;background:var(--dc-line);transition:background .25s ease}.dc-pdp__dots span.is-on{background:var(--dc-fg)}}.dc-pdp__specs-slide{display:none}@media(max-width:749px){.dc-pdp__gallery .dc-pdp__specs-slide{display:flex;align-items:center;background:var(--dc-bg, #0d0d0d)}.dc-pdp__specs-slide .dc-origin-specs{margin:0;width:100%}.dc-pdp__visual--origins>.dc-origin-specs{display:none}}.dc-gal-ctl,.dc-gal-thumbs{display:none}@media(min-width:750px){.dc-pdp__gallery.is-slider{flex-direction:row;gap:0;width:100%;max-width:max(320px,calc((100svh - var(--header-height, 56px) - 210px) * .8));margin-inline:auto;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:var(--dc-radius);cursor:grab;outline-offset:4px}.dc-pdp__gallery.is-slider::-webkit-scrollbar{display:none}.dc-pdp__gallery.is-slider>figure{flex:0 0 100%;scroll-snap-align:center;scroll-snap-stop:always;border-radius:0}.dc-pdp__gallery.is-slider img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.dc-pdp__gallery.is-slider.is-drag{scroll-snap-type:none;cursor:grabbing}.dc-gal-ctl{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:22px}.dc-gal-arrow{-webkit-appearance:none;appearance:none;display:flex;align-items:center;width:100%;padding:12px 0;border:0;background:none;color:var(--dc-fg);cursor:pointer;transition:opacity .25s ease}.dc-gal-arrow span{flex:1;height:1px;background:currentColor;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dc-gal-arrow svg{flex:none;width:8px;height:12px;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.dc-gal-arrow--next svg{transform:scaleX(-1)}.dc-gal-arrow--prev span{transform-origin:right}.dc-gal-arrow--next span{transform-origin:left}.dc-gal-arrow:not(:disabled):hover svg{transform:translate(-5px)}.dc-gal-arrow--next:not(:disabled):hover svg{transform:scaleX(-1) translate(-5px)}.dc-gal-arrow:not(:disabled):hover span{transform:scaleX(1.04)}.dc-gal-arrow:disabled{opacity:.22;cursor:default}.dc-gal-dots{display:flex;gap:8px}.dc-gal-dots button{width:6px;height:6px;padding:0;border:0;background:var(--dc-line);cursor:pointer;transition:background .25s ease,transform .25s ease}.dc-gal-dots button.is-on{background:var(--dc-fg);transform:scale(1.25)}.dc-gal-thumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.dc-gal-thumbs button{width:68px;aspect-ratio:4 / 5;padding:0;border:1px solid transparent;background:var(--dc-panel);overflow:hidden;cursor:pointer;opacity:.4;transition:opacity .25s ease,border-color .25s ease}.dc-gal-thumbs button:hover{opacity:.75}.dc-gal-thumbs button.is-on{opacity:1;border-color:var(--dc-fg)}.dc-gal-thumbs img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.dc-pdp__gallery.is-slider .dc-pdp__specs-slide{display:flex;align-items:center;background:var(--dc-bg, #0d0d0d)}.dc-pdp__gallery.is-slider .dc-pdp__specs-slide .dc-origin-specs{width:100%;margin:0}.dc-pdp__gallery.is-slider~.dc-origin-specs{display:none}.dc-gal-thumbs button.is-specs{background:var(--dc-bg, #0d0d0d)}.dc-gal-thumbs button.is-specs img{object-fit:contain}}@media(min-width:750px)and (prefers-reduced-motion:reduce){.dc-gal-arrow svg,.dc-gal-arrow span,.dc-gal-dots button{transition:none}}@media(min-width:750px){.dc-pdp{grid-template-columns:minmax(0,1fr) minmax(340px,1fr)}.dc-pdp>.dc-pdp__visual{order:0;position:sticky;top:calc(var(--header-height, 56px) + 12px);align-self:start}.dc-pdp>.dc-pdp__info{order:1;position:static}}@media(min-width:1200px){.dc-pdp{grid-template-columns:240px minmax(0,1.1fr) minmax(380px,1fr)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/dc-origin-specs.css.map */