.hotspot-section{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.hotspot-section__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.hotspot-section__img,.hotspot-section__placeholder{width:100%;height:100%;object-fit:cover;display:block}.hotspot-section__media--placeholder{background:#f0f0f0}.hotspot-section__placeholder{fill:#ccc}.hotspot-section__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:#000;pointer-events:none}.hotspot-section__header{position:absolute;z-index:3;padding:2rem;max-width:36rem}.hotspot-section__header--top_left{top:0;left:0}.hotspot-section__header--top_right{top:0;right:0;text-align:right}.hotspot-section__header--bottom_left{bottom:0;left:0}.hotspot-section__header--bottom_right{bottom:0;right:0;text-align:right}.hotspot-section__header--center{top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.hotspot-section__subheading{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--hotspot-subheading, #666);margin:0 0 .5rem;font-weight:500}.hotspot-section__heading{font-size:clamp(1.6rem,4vw,2.8rem);line-height:1.1;margin:0;font-weight:700;color:var(--hotspot-heading, #000);text-transform:uppercase;letter-spacing:-.01em}.hotspot-section__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.hotspot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.hotspot--active,.hotspot--hover{z-index:10}.hotspot__connector{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.hotspot__connector-line{stroke:var(--hotspot-line, rgba(0, 0, 0, .35));stroke-width:2px;vector-effect:non-scaling-stroke;transition:stroke .25s ease}.hotspot--hover .hotspot__connector-line,.hotspot--active .hotspot__connector-line{stroke:var(--hotspot-accent, #000)}.hotspot__dot-wrap{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);pointer-events:auto;z-index:2}.hotspot__trigger{position:relative;width:34px;height:34px;border:none;background:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.hotspot__dot{width:14px;height:14px;border-radius:50%;background:var(--hotspot-accent, #000);border:2px solid rgba(255,255,255,.9);position:relative;z-index:2;box-shadow:0 1px 6px #00000040;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.hotspot--hover .hotspot__dot,.hotspot--active .hotspot__dot{transform:scale(1.25)}.hotspot__ping{position:absolute;width:34px;height:34px;border-radius:50%;background:var(--hotspot-accent, #000);opacity:0;animation:hotspot-ping 2.5s cubic-bezier(0,0,.2,1) infinite}@keyframes hotspot-ping{0%{transform:scale(.6);opacity:.35}80%,to{transform:scale(1.6);opacity:0}}.hotspot__panel{position:absolute;left:var(--x);top:var(--y);z-index:1;max-width:280px;padding:0;background:transparent;pointer-events:auto;transition:background-color .25s ease,box-shadow .25s ease}.hotspot--hover .hotspot__panel,.hotspot--active .hotspot__panel{background:var(--hotspot-bg, #fff);box-shadow:0 6px 24px #0000001f,0 1px 4px #00000014}.hotspot__title{margin:0;padding:.45em .65em;font-size:1.2em;font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.2;color:var(--hotspot-text, #333);pointer-events:auto;cursor:default;text-shadow:0 1px 3px rgba(255,255,255,.6);transition:text-shadow .25s ease}.hotspot--hover .hotspot__title,.hotspot--active .hotspot__title{text-shadow:none}.hotspot__detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease,opacity .25s ease,padding .3s ease;opacity:0;overflow:hidden;padding:0 .65em}.hotspot__detail>*{overflow:hidden;min-height:0}.hotspot--hover .hotspot__detail,.hotspot--active .hotspot__detail{grid-template-rows:1fr;opacity:1;padding:0 .65em .65em}.hotspot__detail-icon{color:var(--hotspot-accent, #000);margin-bottom:.35em}.hotspot__desc{margin:0;font-size:.85em;line-height:1.55;color:var(--hotspot-text, #333);opacity:.75}.hotspot__desc p{margin:0 0 .4em}.hotspot__desc p:last-child{margin-bottom:0}.hotspot__desc ul,.hotspot__desc ol{margin:.3em 0;padding-left:1.2em}.hotspot__desc li{margin-bottom:.2em}.hotspot__link{display:inline-flex;align-items:center;gap:4px;margin-top:.6rem;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--hotspot-accent, #000);text-decoration:none;transition:gap .2s ease}.hotspot__link:hover{gap:8px}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:749px){.hotspot__dot-wrap{left:var(--mx);top:var(--my)}.hotspot__panel{left:var(--mx);top:var(--my);max-width:220px}.hotspot-section__header{padding:1.25rem;max-width:75%}.hotspot-section__heading{font-size:clamp(1.2rem,5vw,1.8rem)}}
/*# sourceMappingURL=/cdn/shop/t/124/assets/section-image-hotspots.css.map */