.main-swiper{height:500px;width:100%;position:relative}.main-swiper .swiper-slide{display:flex;align-items:center;justify-content:center;height:100%}.thumbs-swiper{padding:0;margin-top:1rem;position:relative}.thumbs-swiper .swiper-slide{opacity:.4;transition:opacity .3s ease}.thumbs-swiper .swiper-slide-thumb-active{opacity:1;border:2px solid var(--color-primary)}.main-swiper-next,.main-swiper-prev{width:20px;height:20px;border-radius:50%;color:#fff;position:absolute;top:50%;transform:translateY(-50%);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.main-swiper-prev{left:10px}.main-swiper-next{right:10px}.main-swiper-next.swiper-button-disabled,.main-swiper-prev.swiper-button-disabled{background-color:rgb(var(--color-primary-200))!important;cursor:not-allowed;opacity:1!important}.thumbs-swiper .thumbs-swiper-next,.thumbs-swiper .thumbs-swiper-prev{width:18px;height:18px;border-radius:2px;color:#fff;position:absolute;top:35%;bottom:0;transform:none;z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s ease}.thumbs-swiper .thumbs-swiper-prev{left:0}.thumbs-swiper .thumbs-swiper-next{right:0}.thumbs-swiper .thumbs-swiper-next.swiper-button-disabled,.thumbs-swiper .thumbs-swiper-prev.swiper-button-disabled{background-color:rgb(var(--color-primary-200))!important;cursor:not-allowed;opacity:1!important}.swiper-button-next,.swiper-button-prev{display:none!important}@media screen and (max-width:767px){.main-swiper{height:300px}.main-swiper .swiper-button-next,.main-swiper .swiper-button-prev{display:none}.ant-modal .ant-modal-close{right:14px;top:11px}}.zoom-container{cursor:zoom-in}.zoom-container .vz-zoomimg-container{height:100%;width:100%}.zoom-container .vz-zoomimg-img{height:100%!important;width:100%!important;-o-object-fit:contain!important;object-fit:contain!important}.zoom-container .vz-zoomimg-zoomed{z-index:100;background-color:#fff}.animation-delay-200{animation-delay:.2s}.animation-delay-400{animation-delay:.4s}.animation-delay-600{animation-delay:.6s}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}.magical-sparkle{animation:sparkle 2s infinite}.magical-glow{box-shadow:0 0 20px #9333ea80,0 0 40px #ec48994d,0 0 60px #3b82f633}.magical-glow:hover{box-shadow:0 0 30px #9333eab3,0 0 60px #ec489980,0 0 90px #3b82f64d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.magical-glow:hover .animate-bounce{animation:float 1s ease-in-out infinite}