.yd-slider-with-popup{--transition-normal: .3s ease-in-out;--transition-modal: .4s ease-in-out}.yd-slider-with-popup .yd-thumbnails{transition:all var(--transition-normal)}.yd-slider-with-popup .yd-imageModal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;opacity:0;transition:opacity .4s ease-in-out;z-index:9999;justify-content:center;align-items:center;transition:opacity var(--transition-modal)}.yd-slider-with-popup .yd-imageModal.show{display:flex;opacity:1}.yd-slider-with-popup .yd-imageModal .yd-modalContent{width:100%;height:100%;overflow:hidden}.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider{display:flex;transition:transform .5s ease-in-out;height:100%;align-items:center;justify-content:center}.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{position:relative;background-size:cover;background-repeat:no-repeat;background-position:center;width:70%;height:70%}@media (max-width:1200px){.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{height:55%}}@media (max-width:1000px){.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{width:85%}}@media (max-width:800px){.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{height:43%}}@media (max-width:550px){.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{height:30%}}@media (max-width:400px){.yd-slider-with-popup .yd-imageModal .yd-modalContent .yd-imageSlider .yd-modalImageContainer{height:23%}}.yd-slider-with-popup .yd-close{position:absolute;top:10px;right:15px;font-size:25px;color:#fff;cursor:pointer;transition:color var(--transition-normal);z-index:1}.yd-slider-with-popup .yd-close:hover{color:red}.yd-slider-with-popup .yd-prev,.yd-slider-with-popup .yd-next{position:absolute;top:50%;transform:translateY(-50%);font-size:30px;color:#fff;cursor:pointer;background:#00000080;border:none;padding:10px;transition:background var(--transition-normal);z-index:1}:is(.yd-slider-with-popup .yd-prev,.yd-slider-with-popup .yd-next):hover{background:#ffffff4d}.yd-slider-with-popup .yd-prev{left:0}.yd-slider-with-popup .yd-next{right:0}
/*# sourceMappingURL=/cdn/shop/t/62/assets/yd-slider-with-popup.css.map */