.mobile-lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;display:none;z-index:9999;align-items:center;justify-content:center}.mobile-lightbox[aria-hidden=false]{display:flex}.lightbox-content{position:relative;display:flex;align-items:center;justify-content:center;max-width:90%;max-height:90%;padding:0 60px}@media (max-width: 900px){.lightbox-content{max-width:95%;padding:0 40px}}@media (max-width: 768px){.lightbox-content{flex-direction:column;max-width:100%;padding:0 30px}}@media (max-width: 500px){.lightbox-content{padding:0 20px}}.lightbox-image-wrapper{position:relative;display:flex;justify-content:center;align-items:center;max-width:100vw;max-height:90vh;background-color:transparent}#lightbox-image{display:block;width:auto;max-width:100%;max-height:90vh;object-fit:contain;transition:opacity .3s ease-in-out;border-radius:10px}@media (max-width: 768px){#lightbox-image{max-width:95%;max-height:80vh}}@media (max-width: 500px){#lightbox-image{max-width:100%;max-height:70vh}}.lightbox-image-wrapper.loading{background-color:#333;animation:pulse-loader-lightbox 1.5s infinite}.lightbox-image-wrapper.loading #lightbox-image{opacity:0}@keyframes pulse-loader-lightbox{0%{opacity:.8}50%{opacity:1}to{opacity:.8}}.lightbox-close{position:absolute;top:-5%;right:10px;color:#fff;font-size:40px;font-weight:700;background:none;border:none;cursor:pointer;line-height:1;z-index:10002;padding:10px}@media (max-width: 768px){.lightbox-close{top:-5%;right:10px;font-size:32px}}@media (max-width: 500px){.lightbox-close{top:-10%;right:0;font-size:28px;padding:8px}}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#00000080;color:#fff;padding:10px 15px;font-size:30px;z-index:10001;transition:background-color .3s;background:#e42a30b8;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,transform .3s ease,scale .3s ease}.lightbox-nav:hover{background:#e42a30}.lightbox-prev{left:20px}.lightbox-next{right:20px}@media (min-width: 1024px){.lightbox-nav .material-icons{font-size:30px}.lightbox-prev{left:40px}.lightbox-next{right:40px}}@media (max-width: 900px){.lightbox-nav{width:35px;height:35px;font-size:26px}}@media (max-width: 768px){.lightbox-nav{width:30px;height:30px;font-size:24px}}@media (max-width: 500px){.lightbox-nav{font-size:22px;padding:8px 12px;transform:none}.lightbox-prev{left:10px}.lightbox-next{right:10px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-lightbox.css.map */