.hotspot-location{position:absolute;z-index:100;top:calc(var(--top-mb) * 1%);left:calc(var(--left-mb) * 1%)}[dir=ltr] .hotspot-location{transform:translate(-50%,-50%)}[dir=rtl] .hotspot-location{transform:translate(50%,-50%)}@media (min-width: 768px){.hotspot-location{top:calc(var(--top-dt) * 1%);left:calc(var(--left-dt) * 1%)}}.hotspot-location__link{position:relative;border-radius:50%;color:inherit;cursor:pointer}.hotspot-location__link:focus-within .hotspot-location__point--1{border:.5rem solid color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-location__link:focus-within .hotspot-location__point--2{background-color:color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-location__link:focus-within .hotspot-location__point--3{background-color:color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-location__container{position:relative}.hotspot-location__container .hotspot-location__point{animation-delay:var(--delay)}.hotspot-location__point{position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:50% 50%;width:var(--size);height:var(--size);border-radius:50%}[dir=ltr] .hotspot-location__point{left:50%}[dir=rtl] .hotspot-location__point{right:50%}.hotspot-location__point--1{border:.5rem solid var(--color);background-color:transparent;z-index:1;opacity:.2;animation:point-1 2s infinite}.hotspot-location__point--2{background-color:var(--color);border:.1rem solid rgba(var(--border),.2);z-index:2;animation:point-2 2s infinite}.hotspot-location__point--3{background-color:var(--color);z-index:2;animation:point-3 1s alternate infinite}.hotspot-location__icon{animation:icon-scale 2s alternate infinite;animation-delay:var(--delay)}@keyframes point-1{0%{opacity:.2;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(5)}}@keyframes point-2{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%) scale(2)}}@keyframes point-3{0%{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(1.1)}}@keyframes icon-scale{0%{transform:translateY(-2rem) scale(1.05)}to{transform:translateY(0) scale(.8)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/hotspot-location.css.map */