.tcs-image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;max-width:100%;max-height:100dvh;margin:0;padding:0;border:0;color:var(--tcs-text);background:var(--tcs-ground);overflow:hidden}.tcs-image-viewer::backdrop{background:var(--tcs-ground)}.tcs-image-viewer[open]{animation:tcs-viewer-enter var(--tcs-motion-fast) var(--tcs-ease-out)}@keyframes tcs-viewer-enter{0%{opacity:0}to{opacity:1}}.tcs-image-viewer__frame{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto auto auto;width:100%;height:100%;padding:max(var(--tcs-space-2),env(safe-area-inset-top)) max(var(--tcs-space-3),env(safe-area-inset-right)) max(var(--tcs-space-2),env(safe-area-inset-bottom)) max(var(--tcs-space-3),env(safe-area-inset-left));gap:var(--tcs-space-2);box-sizing:border-box}.tcs-image-viewer__header{display:flex;align-items:center;justify-content:flex-end}.tcs-image-viewer__stage{position:relative;min-width:0;min-height:0;overflow:hidden;outline-offset:calc(-1 * var(--tcs-focus-ring-width))}.tcs-image-viewer__stage[data-image]{touch-action:none}.tcs-image-viewer__media{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.tcs-image-viewer [hidden]{display:none!important}.tcs-image-viewer__media>img.tcs-image-viewer__image{position:absolute;width:var(--tcs-viewer-image-width, 100%);height:var(--tcs-viewer-image-height, 100%);max-width:none;max-height:none;object-fit:contain;transform:translate(var(--tcs-viewer-x, 0),var(--tcs-viewer-y, 0)) scale(var(--tcs-viewer-scale, 1));transform-origin:center;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:var(--tcs-radius-sm)}.tcs-image-viewer__stage[data-zoomed]{cursor:grab}.tcs-image-viewer__stage[data-dragging]{cursor:grabbing}.tcs-image-viewer__media>.product-media{width:100%;height:100%;position:relative;min-height:0}.tcs-image-viewer__media :is(deferred-media,product-model){width:100%;height:100%}.tcs-image-viewer__media :is(video,iframe,model-viewer,.product-media__image,.deferred-media__poster-image){width:100%;height:100%;object-fit:contain}.tcs-image-viewer__controls,.tcs-image-viewer__zoom,.tcs-image-viewer__pan{display:flex;align-items:center;justify-content:center;gap:var(--tcs-space-2)}.tcs-image-viewer__controls{justify-content:space-between}.tcs-image-viewer__pan{min-height:var(--tcs-control-h-md)}.tcs-image-viewer__icon,.tcs-image-viewer__control{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--tcs-control-h-md);min-height:var(--tcs-control-h-md);padding:var(--tcs-space-2);background:var(--tcs-ground);color:var(--tcs-text);border:var(--tcs-btn-stroke) solid var(--tcs-line-strong);border-radius:var(--tcs-radius-pill);font-size:var(--tcs-text-body-sm);cursor:pointer}.tcs-image-viewer__control{min-width:calc(var(--tcs-control-h-md) * 1.5)}.tcs-image-viewer__icon svg,.tcs-image-viewer__direction{display:block;width:var(--tcs-space-5);height:var(--tcs-space-5)}.tcs-image-viewer :is(button,[tabindex]):focus-visible{outline:var(--tcs-focus-ring-width) solid var(--tcs-focus-ring);outline-offset:var(--tcs-focus-ring-offset)}.tcs-image-viewer__stage:focus-visible{outline-offset:calc(-1 * var(--tcs-focus-ring-width))}.tcs-image-viewer[data-tcs-pointer-open] [data-action=close]:focus-visible{outline:none}.tcs-image-viewer button:hover:not(:disabled){border-color:var(--tcs-focus-ring)}.tcs-image-viewer button:disabled{opacity:.45;cursor:default}.tcs-image-viewer__direction--left{rotate:180deg}.tcs-image-viewer__direction--up{rotate:-90deg}.tcs-image-viewer__direction--down{rotate:90deg}.tcs-image-viewer__thumbnails{display:flex;gap:var(--tcs-space-2);overflow-x:auto;padding:var(--tcs-space-1);min-width:0}.tcs-image-viewer__thumbnail{flex:0 0 var(--tcs-control-h-lg);width:var(--tcs-control-h-lg);height:var(--tcs-control-h-lg);padding:var(--tcs-space-1);border:var(--tcs-focus-ring-width) solid transparent;border-radius:var(--tcs-radius-sm);background:var(--tcs-ground);cursor:pointer}.tcs-image-viewer__thumbnail[aria-current=true]{border-color:var(--tcs-btn-primary-bg)}.tcs-image-viewer__thumbnail img{width:100%;height:100%;object-fit:contain}.tcs-image-viewer__message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;gap:var(--tcs-space-3);flex-direction:column;align-items:center;justify-content:center;padding:var(--tcs-space-4);background:var(--tcs-ground);text-align:center}.tcs-viewer-fallbacks{display:flex;flex-wrap:wrap;gap:var(--tcs-space-2);margin-block:var(--tcs-space-2)}.tcs-viewer-fallback{display:inline-flex;min-height:var(--tcs-control-h-md);align-items:center;font-size:var(--tcs-text-body-sm)}.tcs-viewer-fallback--grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;font-size:0}[data-tcs-viewer-ready] .tcs-viewer-fallbacks{display:none}quick-add-dialog :is(.tcs-viewer-fallback,.tcs-viewer-fallbacks,tcs-pdp-image-viewer-component){display:none!important}@media(min-width:750px){.tcs-image-viewer__frame{padding:var(--tcs-space-4) var(--tcs-space-7);gap:var(--tcs-space-3)}.tcs-image-viewer__controls{justify-content:center;gap:var(--tcs-space-7)}.tcs-image-viewer__thumbnails{justify-content:safe center}}.tcs-image-viewer__zoom-note{margin:0;text-align:center}.tcs-image-viewer__message[data-type^=high]{inset:auto 0 0;flex-direction:row;padding:var(--tcs-space-2)}.tcs-image-viewer__media[data-media-type=model]>.product-media{display:flex;flex-direction:column}.tcs-image-viewer__media[data-media-type=model] product-model{position:relative;flex:1;min-height:0;height:auto}.tcs-image-viewer__media[data-media-type=model] .button-shopify-xr{flex-shrink:0}.tcs-image-viewer__media[data-media-type=model]>.product-media>.product-media__image{display:none}.tcs-image-viewer__media[data-media-type=model] product-model .deferred-media__poster-image{display:block}media-gallery[data-tcs-image-viewer] .tcs-pdp-media-zoom__button:not([hidden]){background:var(--tcs-ground)}@media(orientation:landscape)and (max-height:599px){.tcs-image-viewer__frame{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto auto auto minmax(0,1fr);column-gap:var(--tcs-space-4);row-gap:var(--tcs-space-2);padding:max(var(--tcs-space-2),env(safe-area-inset-top)) max(var(--tcs-space-3),env(safe-area-inset-right)) max(var(--tcs-space-2),env(safe-area-inset-bottom)) max(var(--tcs-space-3),env(safe-area-inset-left))}.tcs-image-viewer__stage{grid-column:1;grid-row:1 / -1}.tcs-image-viewer__header{grid-column:2;grid-row:1}.tcs-image-viewer__controls{grid-column:2;grid-row:2;justify-content:space-between;gap:var(--tcs-space-2)}.tcs-image-viewer__zoom-note{grid-column:2;grid-row:3}.tcs-image-viewer__pan{grid-column:2;grid-row:4}.tcs-image-viewer__thumbnails{grid-column:2;grid-row:5;align-self:start;justify-content:flex-start}.tcs-image-viewer__zoom-note,.tcs-image-viewer__thumbnails{width:0;min-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/273/assets/tcs-pdp-image-viewer.css.map */