.hotspot-box-2{position:relative;width:100%;height:100%}.hotspot-box-2__trigger{position:relative;border-radius:50%;cursor:pointer}.hotspot-box-2__trigger:focus-within .hotspot-box-2__point--1{border:.5rem solid color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-box-2__trigger:focus-within .hotspot-box-2__point--2{background-color:color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-box-2__trigger:focus-within .hotspot-box-2__point--3{background-color:color-mix(in srgb,rgba(var(--color-blur)) 100%,transparent)}.hotspot-box-2__container{position:relative}.hotspot-box-2__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-box-2__point{left:50%}[dir=rtl] .hotspot-box-2__point{right:50%}.hotspot-box-2__point--1{border:.5rem solid var(--color);background-color:transparent;z-index:1;opacity:.2;animation:point-1 2s infinite}.hotspot-box-2__point--2{background-color:var(--color);border:.1rem solid rgba(var(--border),.2);z-index:2;animation:point-2 2s infinite}.hotspot-box-2__point--3{background-color:var(--color);z-index:2;animation:point-3 1s alternate infinite}@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)}}.hotspot-box-2__popover{z-index:99999}.hotspot-box-2__banner,.hotspot-box-2__image{width:100%;height:100%}.hotspot-box-2__image--desktop{display:none}@media (min-width: 740px){.hotspot-box-2__image--desktop{display:block}}.hotspot-box-2__image--mobile{display:block}@media (min-width: 740px){.hotspot-box-2__image--mobile{display:none}}.hotspot-box-2__content{position:absolute;z-index:100;top:calc(var(--top_mb) * 1%);left:calc(var(--left_mb) * 1%);transform:translate(-50%,-50%);pointer-events:auto}@media (min-width: 740px){.hotspot-box-2__content{top:calc(var(--top_dt) * 1%);left:calc(var(--left_dt) * 1%)}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hotspot-box-2.css.map */