.media-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;width:100%;height:100%;height:100dvh;overflow:hidden;background:var(--ps-bg-1);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease}.media-modal.active{opacity:1;visibility:visible;pointer-events:auto}.media-modal>.splide__track,.media-modal .splide__list,.media-modal .splide__slide{width:100%;height:100%}.media-modal .media-modal-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-6)}.media-modal .media-modal-content img,.media-modal .media-modal-content video{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:var(--radius-editorial)}.media-modal .media-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:102;display:inline-flex;align-items:center;justify-content:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border:1px solid var(--ps-secondary);border-radius:var(--radius-control);background:var(--ps-bg-1);color:var(--ps-primary);cursor:pointer}.media-modal .media-modal-close svg{width:var(--space-4);height:var(--space-4)}.media-modal .media-modal-close:hover{border-color:var(--ps-primary);background:var(--ps-bg-2)}.media-modal .media-modal-close:focus-visible,.media-modal .splide__arrow:focus-visible{outline:2px solid var(--ps-primary);outline-offset:var(--radius-control)}.media-modal .splide__arrow{position:absolute;top:50%;z-index:101;display:grid;place-items:center;width:var(--touch-target-min);height:var(--touch-target-min);padding:0;border:1px solid var(--ps-secondary);border-radius:var(--radius-control);background:var(--ps-bg-1);color:var(--ps-primary);cursor:pointer;opacity:1;transform:translateY(-50%);transition:background-color .15s ease,border-color .15s ease,color .15s ease,opacity .15s ease}.media-modal .splide__arrow--prev{left:var(--space-3)}.media-modal .splide__arrow--next{right:var(--space-3)}.media-modal .splide__arrow svg{width:var(--space-2);height:var(--space-2);fill:currentColor}.media-modal .splide__arrow:hover:not(:disabled){border-color:var(--ps-primary);background:var(--ps-primary);color:var(--ps-bg-1)}.media-modal .splide__arrow:disabled{opacity:.36;cursor:default}@media screen and (max-width:767px){.media-modal .media-modal-content{padding:var(--space-3) var(--space-2)}.media-modal .media-modal-close{top:var(--space-2);right:var(--space-2)}.media-modal .splide__arrow--prev{left:var(--space-2)}.media-modal .splide__arrow--next{right:var(--space-2)}}@media(prefers-reduced-motion:reduce){.media-modal,.media-modal .splide__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/pdp-images-modal.css.map */