.image-hotspots--pin-button svg{transition:all .25s cubic-bezier(.104,.204,.492,1)}.image-hotspots{display:flex;grid-gap:30px;flex-direction:column}@media only screen and (min-width:1068px){.image-hotspots{grid-gap:60px}}.image-hotspots--container{width:100%;display:block;position:relative}.image-hotspots--image{position:relative;overflow:hidden}.image-hotspots--overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000,#00000080 70%);pointer-events:none}.image-hotspots--text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:1}.image-hotspots--text-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:900px;padding:20px;text-align:center}.image-hotspots--line1{font-family:Liberator-Heavy,sans-serif;font-size:72px;line-height:84px;font-weight:900;letter-spacing:0;text-transform:uppercase;color:#fff;margin:0;font-style:italic;white-space:nowrap}.image-hotspots--line2-wrap{display:flex;align-items:center;justify-content:center;gap:60px}.image-hotspots--line2{font-family:Liberator-Heavy,sans-serif;font-size:72px;line-height:84px;font-weight:900;letter-spacing:0;text-transform:uppercase;color:transparent;-webkit-text-stroke:2px #ffffff;text-stroke:2px #ffffff;margin:0;white-space:nowrap}@media only screen and (max-width:1067px){.image-hotspots--line1,.image-hotspots--line2{font-size:48px;line-height:56px}.image-hotspots--line2-wrap{gap:30px}}@media only screen and (max-width:767px){.image-hotspots--line1,.image-hotspots--line2{font-size:24px;line-height:20px;white-space:normal;text-align:center;-webkit-text-stroke:1px #ffffff;text-stroke:1px #ffffff}.image-hotspots--line2-wrap{flex-direction:column;gap:15px}}.image-hotspots--pin{position:absolute;display:block;top:var(--mobile-top, 0px);left:var(--mobile-left, 0px);z-index:2}@media only screen and (min-width:768px){.image-hotspots--pin{top:var(--desktop-top, 0px);left:var(--desktop-left, 0px)}}.image-hotspots--pin-button{width:36px;height:36px;background:#fff;border-radius:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 6px #00000014}.image-hotspots--pin-button.hotspot--pinned:after{content:"";display:block;width:36px;height:36px;background:#fff;border-radius:18px;opacity:.4;animation:hotspot-wave 2s ease infinite alternate;position:absolute;top:0;left:0;z-index:-1}.image-hotspots--pin-button svg{display:block;transform-origin:center}.image-hotspots--pin-button svg path,.image-hotspots--pin-button svg line{stroke:#1a1b1c}@keyframes hotspot-wave{0%{transform:scale(1)}to{transform:scale(1.45)}}.image-hotspots--pin-bubble{position:absolute;padding:15px;border-radius:3px;background:rgba(var(--bg-body-rgb),.8);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);top:calc(100% + 12px);left:50%;z-index:2;transform:translate(calc(-50% + var(--content-offset, 0px)));color:var(--color-body);visibility:hidden;opacity:0;min-width:315px;font-size:.8125rem;transition:visibility 0s .25s,opacity .25s}@media only screen and (min-width:768px){.image-hotspots--pin-bubble{padding:26px 30px}}.image-hotspots--pin-bubble p{font-size:inherit}.image-hotspots--pin-bubble p.h6{font-size:1.0625rem;margin-bottom:5px}.image-hotspots--pin-bubble p:last-child{margin-bottom:0}.image-hotspots--pin.bottom-dot .image-hotspots--pin-bubble{top:auto;bottom:calc(100% + 12px)}.image-hotspots--pin.active svg{transform:rotate(315deg)}.image-hotspots--pin.active .image-hotspots--pin-bubble{opacity:1;visibility:visible;transition:visibility 0s,opacity .25s;z-index:4}.image-hotspots--image{overflow:hidden}.image-hotspots--mobile{display:block}@media only screen and (min-width:768px){.image-hotspots--mobile{display:none}}.image-hotspots--desktop{display:none}@media only screen and (min-width:768px){.image-hotspots--desktop{display:block}}@media only screen and (max-width:768px){.image-hotspots .image-hotspots--pin-button.hotspot--pinned:after{width:26px;height:26px}p.image-hotspots--line1{-webkit-text-stroke:0px #ffffff;text-stroke:0px #ffffff}.image-hotspots .image-hotspots--pin-button svg{width:9px;height:9px}.image-hotspots .image-hotspots--pin-button{width:26px;height:26px;display:none}}
/*# sourceMappingURL=/cdn/shop/t/76/assets/image-hotspots.css.map */