.hotspot-images-section .hotspot-container-single{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.hotspot-images-section .swiper-slide{height:auto;display:flex;align-items:stretch;width:calc(calc(100% / 3) - 27px);margin-right:40px}.hotspot-images-section .swiper-pagination-bullet{width:10px;height:10px;background:#000;opacity:.3}.hotspot-images-section .swiper-pagination-bullet-active{opacity:1}.hotspot-images-section .hotspot-image-wrapper,.hotspot-images-section .normal-image-wrapper{position:relative;width:100%;height:100%;display:flex;flex-direction:column;box-shadow:0 .67px 2.66px #0000001a;border-radius:4px}.hotspot-images-section .hotspot-image-container{position:relative;width:100%;overflow:hidden;border-top-left-radius:4px;border-top-right-radius:4px}.hotspot-images-section .hotspot-main-image,.hotspot-images-section .normal-image{width:100%;height:auto;display:block;border-top-left-radius:4px;border-top-right-radius:4px}.hotspot-images-section .hotspot-title,.hotspot-images-section .normal-title{background:#e0e0e0;background-size:cover;background-position:center;background-repeat:no-repeat;text-align:center;margin-top:0;font-size:29px;font-weight:400;font-family:Caveat Regular;border:.67px solid #e0e0e0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#1b2124;padding:10px 15px;display:flex;align-items:center;justify-content:center;gap:10px}.hotspot-images-section .hotspot-point{position:absolute;top:var(--top-desktop);left:var(--left-desktop);transform:translate(-50%,-50%);z-index:10;line-height:0}.hotspot-images-section .swiper-pagination{bottom:-4px}.hotspot-images-section .swiper-pagination-bullet{width:6px;height:6px;border-radius:16px}.hotspot-images-section .swiper-pagination-bullet.swiper-pagination-bullet-active{width:20px;height:6px;border-radius:8px;background:#7b7f86}.hotspot-images-section .hotspot-button{position:relative;width:24px;height:24px;cursor:pointer;padding:0;border:.91px solid #ffffff;border-radius:50%;background:#00000057;transition:all .35s cubic-bezier(.4,0,.2,1)}.hotspot-images-section .hotspot-button.active{background:#000000a3}.hotspot-images-section .hotspot-button.active .hotspot-dot{width:10px;height:10px;transition:all .35s cubic-bezier(.4,0,.2,1)}.hotspot-images-section .hotspot-dot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:14px;height:14px;border-radius:50%;z-index:2;background:#fff}.hotspot-images-section .hotspot-pulse{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#fff;border-radius:50%;transform-origin:center;opacity:1;transform:translate(-50%,-50%) scale(1);animation:blink .95s ease-in-out infinite forwards;z-index:1}@keyframes blink{0%{opacity:1;transform:translate(-50%,-50%) scale(0)}to{opacity:0;transform:translate(-50%,-50%) scale(2.55)}}.hotspot-point.active{z-index:100}.hotspot-swiper-container{position:relative}.hotspot-swiper-container .swiper-button-next,.hotspot-swiper-container .swiper-button-prev{position:absolute;top:50%;transform:translateY(-50%);z-index:6}.hotspot-swiper-container .swiper-button-next{right:0}.hotspot-swiper-container .swiper-button-prev{left:0}.hotspot-swiper-container .swiper-button-next svg,.hotspot-swiper-container .swiper-button-prev svg{fill:transparent;width:32px;height:32px}.hotspot-images-section .hotspot-tooltip{position:absolute;background:#000;padding:6px 8px;width:max-content;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s,visibility .3s;z-index:100}.hotspot-images-section .hotspot-tooltip:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.hotspot-images-section .hotspot-tooltip.tooltip-right:before{left:-8px;top:50%;transform:translateY(-50%);border-right-color:#000;border-left:none}.hotspot-images-section .hotspot-tooltip.tooltip-left:before{right:-8px;left:auto;top:50%;transform:translateY(-50%);border-left-color:#000;border-right:none}.hotspot-images-section .hotspot-tooltip.tooltip-bottom:before{top:-8px;left:50%;transform:translate(-50%);border-bottom-color:#000;border-top:none}.hotspot-images-section .hotspot-tooltip.tooltip-top:before{bottom:-8px;top:auto;left:50%;transform:translate(-50%);border-top-color:#000;border-bottom:none}.hotspot-images-section .hotspot-tooltip.active{opacity:1;visibility:visible;pointer-events:auto}.hotspot-images-section .tooltip-title{font-size:14px;font-family:var(--font-reddit-medium);margin:0 0 2px;color:#fff}.tooltip-content-header.flex{align-items:center;gap:0px}.hotspot-images-section .tooltip-description{font-size:12px;font-family:var(--font-reddit-regular);margin:0;color:#c1c6ce;line-height:1.4}@media (max-width: 1024px){.hotspot-images-section .hotspot-point{top:var(--top-tablet);left:var(--left-tablet)}}@media (max-width: 768px){.hotspot-images-section .hotspot-point{top:var(--top-mobile);left:var(--left-mobile)}.hotspot-images-section .swiper-slide{width:100%;margin-right:15px}.hotspot-images-section .tooltip-title{font-size:12px}.hotspot-images-section .tooltip-description{font-size:10px}.hotspot-images-section .hotspot-main-image,.hotspot-images-section .normal-image{border-top-left-radius:4px;border-top-right-radius:4px}.hotspot-images-section .hotspot-title,.hotspot-images-section .normal-title{padding:8px 12px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}.hotspot-images-section .swiper-button-next,.hotspot-images-section .swiper-button-prev{display:none}.hotspot-images-section .hotspot-swiper{width:100%!important}.hotspot-images-section .swiper-wrapper{justify-content:unset!important}.hotspot-images-section .swiper-pagination{display:block!important}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/section-hotspot-images.css.map */