:root{--tcs-pdp-media-zoom-inset: var(--tcs-space-4)}@media screen and (max-width:749px){:root{--tcs-pdp-media-zoom-inset: var(--tcs-space-3)}}tcs-pdp-variant-media{display:block;position:relative;block-size:0;z-index:1;pointer-events:none}.tcs-pdp-media-status:not(:empty):not([data-tcs-visual-status]){position:absolute;overflow:hidden;inline-size:1px;block-size:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.tcs-pdp-media-status[data-tcs-visual-status]:not(:empty){position:absolute;inset-block-start:calc(var(--tcs-pdp-media-zoom-inset) + var(--minimum-touch-target) + var(--tcs-space-5));inset-inline-end:var(--tcs-space-3);max-width:calc(100% - var(--tcs-space-6));padding:var(--tcs-space-2) var(--tcs-space-3);border-radius:var(--tcs-radius-sm);background:var(--tcs-surface-white);color:var(--tcs-text)}.tcs-pdp-media-progress:not([hidden]){position:absolute;inset-block-start:calc(var(--tcs-pdp-media-zoom-inset) + var(--minimum-touch-target) + var(--tcs-space-5));inset-inline-end:var(--tcs-space-3);inline-size:var(--tcs-space-8);block-size:var(--tcs-space-2)}media-gallery[data-tcs-stale-media] .tcs-variant-media-stale{cursor:progress}.tcs-pdp-media-zoom{position:absolute;inset-block-start:var(--tcs-pdp-media-zoom-inset);inset-inline-end:var(--tcs-pdp-media-zoom-inset);z-index:var(--layer-heightened)}.tcs-pdp-media-zoom__button:not([hidden]){display:inline-flex;align-items:center;justify-content:center;inline-size:var(--minimum-touch-target);block-size:var(--minimum-touch-target);padding:0;border:0;border-radius:var(--tcs-radius-pill);background:var(--tcs-surface-white);color:var(--tcs-text);box-shadow:var(--tcs-shadow-overlay-text);cursor:pointer;transition:color var(--tcs-motion-fast) var(--tcs-ease-out)}.tcs-pdp-media-zoom__button[hidden]{display:none}.tcs-pdp-media-zoom__button .svg-wrapper{display:inline-flex;inline-size:var(--icon-size-sm);block-size:var(--icon-size-sm)}.tcs-pdp-media-zoom__button svg{inline-size:100%;block-size:100%}.tcs-pdp-media-zoom__button:hover,.tcs-pdp-media-zoom__button:active{color:var(--tcs-link-hover)}.tcs-pdp-media-zoom__button:focus-visible{outline:var(--tcs-focus-ring-width) solid var(--tcs-focus-ring);outline-offset:var(--tcs-focus-ring-offset);box-shadow:var(--tcs-ring-focus-on-media)}.quick-add-modal__content .tcs-pdp-media-zoom{display:none}quick-add-dialog :is(.tcs-viewer-fallback,.tcs-viewer-fallbacks,tcs-pdp-image-viewer-component){display:none!important}
/*# sourceMappingURL=/cdn/shop/t/273/assets/tcs-pdp-variant-media.css.map */