.t4s-size-chart-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000001f;opacity:0;visibility:hidden;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1),-webkit-clip-path .8s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.t4s-size-chart-zoom.is--no-clip{clip-path:none;-webkit-clip-path:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s cubic-bezier(.16,1,.3,1)}.t4s-size-chart-zoom.is--no-clip.is--opened{clip-path:none;-webkit-clip-path:none}.t4s-size-chart-zoom.is--no-clip.is--closing{opacity:0;clip-path:none;-webkit-clip-path:none;transition:opacity .3s ease,visibility .3s ease}@media(min-width:1024px){.t4s-size-chart-zoom{background:var(--t4s-body-background);clip-path:none;-webkit-clip-path:none;transition:opacity .7s cubic-bezier(.16,1,.3,1),visibility .7s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:none;backdrop-filter:none}.t4s-size-chart-zoom.is--closing{opacity:0;transition:opacity .3s ease,visibility .3s ease}}.t4s-size-chart-zoom.is--opened{opacity:1;visibility:visible;clip-path:inset(0 0 0 0);-webkit-clip-path:inset(0 0 0 0)}@media(max-width:1023px){.t4s-size-chart-zoom.is--closing{opacity:1;visibility:visible;clip-path:inset(0 100% 0 0);-webkit-clip-path:inset(0 100% 0 0)}}@media(min-width:1024px){.t4s-size-chart-zoom.is--opened,.t4s-size-chart-zoom.is--closing{clip-path:none;-webkit-clip-path:none}}.t4s-size-chart-zoom__close{position:absolute;top:1.5rem;left:2rem;z-index:999;width:2.25rem;height:2.5rem;background:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,clip-path .4s ease;color:#000;padding:.01rem;clip-path:inset(0 0 0 0)}@media(min-width:1024px){.t4s-size-chart-zoom__close{top:1.5rem;right:6rem;left:auto;width:5rem;height:5rem;background:transparent;color:#4a4949b2}}.t4s-size-chart-zoom__close:hover,.t4s-size-chart-zoom__close:focus,.t4s-size-chart-zoom__close:focus-visible{background:#fff;color:#000}@media(min-width:1024px){.t4s-size-chart-zoom__close:hover,.t4s-size-chart-zoom__close:focus,.t4s-size-chart-zoom__close:focus-visible{background:transparent;color:#4a4949b2}}.t4s-size-chart-zoom__close svg{width:10px;height:10px}@media(min-width:1024px){.t4s-size-chart-zoom__close svg{width:3rem;height:3rem}}.t4s-size-chart-zoom__viewport{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:auto;touch-action:pan-y;scrollbar-width:none;overscroll-behavior:none}@supports (height: 100svh){.t4s-size-chart-zoom__viewport{height:100svh}}[data-advanced-snap-scroll] .t4s-size-chart-zoom__viewport,.t4s-size-chart-zoom.is--snap-scroll .t4s-size-chart-zoom__viewport{scroll-snap-type:y mandatory}.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__viewport{overflow:hidden;touch-action:none}[data-advanced-snap-scroll] .t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__viewport,.t4s-size-chart-zoom.is--snap-scroll.is--img-zoomed .t4s-size-chart-zoom__viewport{scroll-snap-type:none}.t4s-size-chart-zoom__viewport::-webkit-scrollbar{display:none}.t4s-size-chart-zoom__gallery{display:flex;flex-direction:column}.t4s-size-chart-zoom__slide{height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:pan-x pan-y}@supports (height: 100svh){.t4s-size-chart-zoom__slide{height:100svh}}[data-advanced-snap-scroll] .t4s-size-chart-zoom__slide,.t4s-size-chart-zoom.is--snap-scroll .t4s-size-chart-zoom__slide{scroll-snap-align:start;scroll-snap-stop:always}@media(min-width:1024px){.t4s-size-chart-zoom__slide{height:100%}}.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__slide:not(:has(.is--zoomed,.is--zoomed-2)){visibility:hidden;pointer-events:none}.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__slide:has(.is--zoomed,.is--zoomed-2){position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;height:auto;min-height:100vh;overflow:auto;align-items:flex-start;justify-content:flex-start}.t4s-size-chart-zoom__slide.is--pannable{overflow:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.t4s-size-chart-zoom__slide.is--pannable::-webkit-scrollbar{display:none}.t4s-size-chart-zoom__img{display:block;width:100%;height:100vh;object-fit:cover;object-position:center;transition:width .6s cubic-bezier(.22,1,.36,1),height .6s cubic-bezier(.22,1,.36,1),min-width .6s cubic-bezier(.22,1,.36,1),min-height .6s cubic-bezier(.22,1,.36,1);transform-origin:center center}@supports (height: 100svh){.t4s-size-chart-zoom__img{height:100svh}}@media(min-width:1024px){.t4s-size-chart-zoom__img{width:calc(100% - 38.5rem);height:100%;object-fit:cover}}.t4s-size-chart-zoom__img.is--zoomed{width:auto;height:auto;min-width:150vw;min-height:150vh;max-width:none;max-height:none}@media(min-width:1024px){.t4s-size-chart-zoom__img.is--zoomed{min-width:100vw;min-height:100vh}}.t4s-size-chart-zoom__img.is--zoomed-2{width:auto;height:auto;min-width:200vw;min-height:200vh;max-width:none;max-height:none}@media(min-width:1024px){.t4s-size-chart-zoom__img.is--zoomed-2{min-width:100vw;min-height:100vh}}.t4s-size-chart-zoom__thumbs{position:absolute;left:2rem;bottom:1rem;display:flex;flex-direction:column;gap:8px;z-index:10;height:auto;max-height:33%;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none;overscroll-behavior:contain;pointer-events:auto;clip-path:inset(0 0 0 0);transition:clip-path .8s cubic-bezier(.16,1,.3,1)}[data-advanced-snap-scroll] .t4s-size-chart-zoom__thumbs,.t4s-size-chart-zoom.is--snap-scroll .t4s-size-chart-zoom__thumbs{scroll-snap-type:y mandatory}@media(min-width:1024px){.t4s-size-chart-zoom__thumbs{left:5rem;bottom:2rem;padding-top:2rem;max-height:50%;transition:max-height .3s ease,clip-path .8s cubic-bezier(.16,1,.3,1)}.t4s-size-chart-zoom__thumbs.is--expanded{max-height:98%}}.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__thumbs,.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__close{clip-path:inset(0 100% 0 0);pointer-events:none}@media(min-width:1024px){.t4s-size-chart-zoom.is--img-zoomed .t4s-size-chart-zoom__close{clip-path:inset(0 0 0 100%)}}.t4s-size-chart-zoom__thumbs::-webkit-scrollbar{display:none}.t4s-size-chart-zoom__thumb{flex-shrink:0;width:3rem;height:4rem;border:.0625rem solid #fff;overflow:hidden;background:#ffffff1a;padding:0;cursor:pointer;transition:border-color .2s,width .1s ease}[data-advanced-snap-scroll] .t4s-size-chart-zoom__thumb,.t4s-size-chart-zoom.is--snap-scroll .t4s-size-chart-zoom__thumb{scroll-snap-align:start;scroll-snap-stop:always}@media(min-width:1024px){.t4s-size-chart-zoom__thumb{width:6rem;height:9rem}}.t4s-size-chart-zoom__thumb:hover,.t4s-size-chart-zoom__thumb:focus,.t4s-size-chart-zoom__thumb:focus-visible{background:transparent}.t4s-size-chart-zoom__thumb:hover{border-color:#ffffff80}.t4s-size-chart-zoom__thumb.is--active{width:4.25rem;height:auto}@media(min-width:1024px){.t4s-size-chart-zoom__thumb.is--active{width:7rem;height:10rem}}.t4s-size-chart-zoom__thumb img{width:100%;height:100%;object-fit:cover}
/*# sourceMappingURL=/cdn/shop/t/139/assets/zoom-panel.css.map */