.media-modal{justify-content:center;position:fixed;pointer-events:none;opacity:0;transform:scale(0);transition:opacity .3s ease,transform .3s ease;z-index:100;left:0;top:0;width:100%;height:100%;background-color:#000000e6}.media-modal.is-active{opacity:1}.media-modal.active{display:flex;pointer-events:auto;transform:scale(1)}.media-modal .media-modal-content{display:flex;justify-content:center;align-items:center;height:100%;transition:transition .3s ease;z-index:1000}.media-modal .media-modal-content img{max-width:90%;max-height:90%;background:var(--ps-white)}.media-modal .media-modal-content video{max-width:90%;max-height:90%;object-fit:contain}.media-modal .media-modal-close{position:absolute;top:24px;right:24px;font-size:40px;color:var(--ps-white);z-index:101}.media-modal .media-modal-close:hover{cursor:pointer}.media-modal .splide__arrow{position:absolute;top:50%;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--ps-black) 14%,transparent);border-radius:50%;background:color-mix(in srgb,var(--ps-white) 86%,white);color:var(--ps-primary);box-shadow:0 10px 28px color-mix(in srgb,var(--ps-black) 12%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;opacity:1;transform:translateY(-50%);transition:background-color .25s ease,border-color .25s ease,box-shadow .25s ease,color .25s ease,opacity .25s ease,transform .25s ease;z-index:101}.media-modal .splide__arrow--prev{left:24px}.media-modal .splide__arrow--next{right:24px}.media-modal .splide__arrow svg{display:none}.media-modal .splide__arrow:before{content:"";display:block;width:10px;height:10px;border-top:2px solid currentColor;border-left:2px solid currentColor}.media-modal .splide__arrow:after{content:none}.media-modal .splide__arrow--prev:before,.media-modal .splide__arrow--prev:after{transform:translate(2px) rotate(-45deg)}.media-modal .splide__arrow--next:before,.media-modal .splide__arrow--next:after{transform:translate(-2px) rotate(135deg)}.media-modal .splide__arrow:hover:not(:disabled){border-color:var(--ps-primary);background:var(--ps-primary);color:var(--ps-white);box-shadow:0 14px 34px color-mix(in srgb,var(--ps-primary) 26%,transparent);transform:translateY(calc(-50% - 1px))}.media-modal .splide__arrow:active:not(:disabled){transform:translateY(-50%)}.media-modal .splide__arrow:focus-visible{outline:2px solid var(--ps-primary);outline-offset:3px}.media-modal .splide__arrow:disabled{opacity:.36;cursor:default;box-shadow:none}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pdp-images-modal.css.map */