.hotspot-header{margin-bottom:30px}.hotspot-text{padding-top:12px}.meteor-hotspot-section{overflow:hidden}.meteor-hotspot-image img{object-fit:cover;object-position:center;height:100%;width:100%;display:block}.meteor-hotspot{position:absolute;transform:translate(-50%,-50%);z-index:3}.hotspot-dot{width:12px;height:12px;border-radius:50%;background:#1977f2;position:relative;cursor:pointer;z-index:2;box-shadow:0 0 0 8px #1977f21f,0 0 20px #1977f2cc;animation:hotspotPulse 2.2s infinite}.hotspot-dot:before,.hotspot-dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#1977f2;animation:hotspotRing 2.2s infinite;opacity:0}.hotspot-dot:after{animation-delay:1s}@keyframes hotspotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes hotspotRing{0%{transform:scale(1);opacity:.5}to{transform:scale(3);opacity:0}}.hotspot-card{position:absolute;top:50%;left:34px;transform:translateY(-50%);width:280px;max-width:calc(100vw - 60px);background:#0a0a0ac7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:14px;opacity:0;visibility:hidden;transition:.35s ease;pointer-events:none;box-shadow:0 10px 40px #00000073}.hotspot-card.align-right{left:auto;right:34px}.hotspot-card.align-top{top:auto;bottom:34px;transform:none}.meteor-hotspot:hover .hotspot-card{opacity:1;visibility:visible}.hotspot-card h3{color:#fff;font-size:16px;line-height:normal;margin:0 0 6px;font-weight:700}.hotspot-card p{color:#ffffffb8;font-size:14px;line-height:normal;margin:0}@media only screen and (min-width:990px){.meteor-hotspot-image{position:relative;border-radius:8px;overflow:hidden;display:flex;width:100%;height:100%;aspect-ratio:1400 / 510}}@media screen and (max-width:989px){.meteor-hotspot{z-index:10}.hotspot-card{width:160px;max-width:calc(100vw - 40px);padding:12px;left:22px;border-radius:8px}.hotspot-card.align-right{left:auto;right:22px}.hotspot-card.align-top{top:auto;bottom:24px;transform:none}.hotspot-card.align-top.align-right{left:auto;right:22px}.hotspot-card.align-top.align-left{left:22px;right:auto}.hotspot-card h3{font-size:14px;line-height:normal}.hotspot-card p{font-size:12px;line-height:normal}.hotspot-dot{width:12px;height:12px}.meteor-hotspot-image{position:relative;border-radius:8px;overflow:hidden;display:flex;width:100%;height:100%;aspect-ratio:380 / 420}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/hotspot.css.map */