.product-media-modal{position:fixed;inset-block-start:0;inset-inline-start:0;inset-inline-end:0;inset-block-end:0;display:none;visibility:hidden;opacity:0;z-index:101}.product-media-modal .modal-close-button{position:absolute;inset-inline-end:.5rem;inset-block-start:.5rem;z-index:1;--color-button: var(--color-background);--alpha-button-background: .5}.product-media-modal .modal-content{height:100dvh}.product-media-modal .modal-content .slider,.product-media-modal .modal-content .slider .slider-container,.product-media-modal .modal-content .slider .slider-container .slider-wrapper,.product-media-modal .modal-content .slider .slider-container .slider-wrapper .modal-media{height:100%}.product-media-modal .modal-content .slider .slider-container .slider-wrapper .modal-media>*{height:100%}.product-media-modal .modal-content .slider .slider-container .slider-wrapper .modal-media img,.product-media-modal .modal-content .slider .slider-container .slider-wrapper .modal-media svg{object-fit:contain}.product-media-modal .modal-content .slider .slider-controller{position:absolute;padding:2rem;width:100%;height:100%;inset-inline-start:0;inset-block-start:0;pointer-events:none;z-index:1}.product-media-modal .modal-content .slider .slider-controller .slider-nav-buttons{width:100%;justify-content:space-between}.product-media-modal .modal-content .slider .slider-controller .slider-nav-buttons .nav-button{--color-button: var(--color-background);--alpha-button-background: .5}.product-media-modal .modal-content .slider .slider-controller .slider-counter{position:absolute;inset-block-end:2rem;padding-block:.5rem;padding-inline:2rem;border-radius:9999px;background:rgba(var(--color-background),.8);font-size:.875rem}@media screen and (max-width:749px){.product-media-modal .modal-content .slider .slider-controller{display:flex!important}}.product-media-modal .modal-tip{position:fixed;inset-block-end:5rem;inset-inline-start:50%;transform:translate(calc(-50% * var(--translate-x-direction)));border-radius:var(--small-radius);padding-block:.5rem;padding-inline:1rem;background:rgba(var(--color-background),.8);opacity:0;display:flex;align-items:center;gap:.25rem}.product-media-modal .modal-tip .icon{width:1.25rem}.product-media-modal .modal-tip.active{animation:fadeIn .3s .5s cubic-bezier(.4,0,1,1) forwards}.product-media-modal[open]{display:block;visibility:visible;opacity:1}.product-media-see-more-modal>.modal-overlay{background:#0000008c}.product-media-see-more-modal>.modal-inner{width:min(42rem,calc(100vw - 2rem));max-width:42rem;padding:1.5rem;background:rgb(var(--color-background));border-radius:var(--large-radius);overflow:hidden}.product-media-see-more-modal .modal-content{overflow:visible;max-height:none;padding:0}.product-media-see-more-modal .see-more-modal-slider,.product-media-see-more-modal .see-more-modal-slider .slider-container,.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper{height:auto}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media{display:flex;align-items:center;justify-content:center}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media>*{height:auto;max-height:min(70vh,46rem)}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media img,.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media svg{width:auto;max-width:100%;max-height:min(70vh,46rem);object-fit:contain}.product-media-see-more-modal .see-more-modal-slider .slider-controller{position:absolute;inset-block-start:0;inset-inline-start:0;width:100%;height:100%;padding:0;pointer-events:none;z-index:1}.product-media-see-more-modal .see-more-modal-slider .slider-controller .slider-nav-buttons{width:100%;height:100%;display:flex;align-items:center;justify-content:space-between}.product-media-see-more-modal .see-more-modal-slider .slider-controller .slider-nav-buttons .nav-button{pointer-events:auto;--color-button: 95, 90, 84;--alpha-button-background: 1;color:rgb(var(--color-background))}.product-media-see-more-modal .see-more-modal-slider .slider-controller .slider-counter{position:absolute;inset-inline-start:50%;inset-block-end:1rem;transform:translate(calc(-50% * var(--translate-x-direction)));padding-block:.5rem;padding-inline:1rem;border-radius:9999px;background:rgba(var(--color-foreground),.08);font-size:.875rem}.product-media-see-more-modal[open]{flex-direction:column;gap:1rem}.product-media-see-more-modal .see-more-modal-close{position:relative;z-index:1;min-width:7.5rem;--color-button: 95, 90, 84;--alpha-button-background: 1;color:rgb(var(--color-background))}.product-media-see-more-modal .see-more-modal-close .icon{width:.875rem}@media screen and (min-width:750px){.product-media-see-more-modal>.modal-inner{padding-block:0}.product-media-see-more-modal.modal>.modal-inner .modal-content,.product-media-see-more-modal .modal-content{margin-block:0;padding-block:0}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper>.slider-slide{display:flex;justify-content:center;height:auto}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media{line-height:0}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media>image-magnify{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;max-height:none}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media>image-magnify img{width:auto;height:auto;max-width:100%;max-height:min(70vh,46rem)}.product-media-see-more-modal .see-more-modal-slider .slider-controller .slider-nav-buttons{padding-inline:.6rem}.product-media-see-more-modal .see-more-modal-slider .slider-controller .slider-nav-buttons .nav-button.button.button--icon{width:2.5rem;height:2.5rem;min-width:2.5rem;min-height:2.5rem;padding:0;border-radius:50%}.product-media-see-more-modal .see-more-modal-close{min-width:8.75rem;padding-inline:1.875rem;padding-block:.625rem;min-height:auto;border-radius:9999px;--color-button: 95, 90, 84;--alpha-button-background: 1}}@media screen and (max-width:749px){.product-media-see-more-modal>.modal-inner{width:min(100vw - 1.5rem,30rem);padding:1rem}.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media>*,.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media img,.product-media-see-more-modal .see-more-modal-slider .slider-container .slider-wrapper .modal-media svg{max-height:min(62vh,32rem)}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-product-media-modal.css.map */