.hotspot{cursor:pointer;height:var(--space-20);position:absolute;transform:translate(-50%,-50%);transition:opacity var(--duration-default) var(--easing-function);width:var(--space-20);z-index:2}.hotspot__icon{height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity var(--duration-default) ease;width:100%}.hotspot__icon .icon{height:100%;position:relative;top:var(--space-1);width:100%}.hotspot__icon--active,.hotspot:hover .hotspot__icon,.hotspot--active .hotspot__icon{opacity:0;pointer-events:none}.hotspot:hover .hotspot__icon--active,.hotspot--active .hotspot__icon--active{opacity:1;pointer-events:auto}.hotspot__overlay,.hotspot__overlay:before,.hotspot__overlay:after{background:rgb(var(--color-base-light));left:50%;position:absolute;transform:translate(-50%);width:20rem}.hotspot__overlay{display:flex;flex-direction:column;gap:var(--space-8);opacity:0;padding:var(--space-7);pointer-events:none;top:calc(100% + var(--space-8));transition:opacity var(--duration-default) var(--easing-function)}.hotspot__overlay:before{content:"";height:var(--space-10);top:calc(-1 * var(--space-10));width:var(--space-pixel);z-index:0}.hotspot__overlay:after{background-color:transparent;content:"";top:calc(-1 * var(--space-8));height:var(--space-8);width:100%}.hotspot__overlay-title,.hotspot__overlay-variant{font-family:var(--font-heading-family);font-size:var(--text-size-s);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-extra-wide);line-height:var(--leading-loose);text-transform:uppercase}.hotspot__overlay-variant{color:var(--color-black-500)}.hotspot__overlay-price .price-item.price-item--regular{color:rgb(var(--color-base-brand));font-size:var(--text-size-base)}.hotspot__overlay-count{color:var(--color-black-500);font-size:var(--text-size-xxs);margin-top:calc(-1 * var(--space-5));text-transform:lowercase}.hotspot--flip .hotspot__overlay{top:auto;bottom:calc(100% + var(--space-8))}.hotspot--flip .hotspot__overlay:before{top:auto;bottom:calc(-1 * var(--space-10))}.hotspot--flip .hotspot__overlay:after{top:auto;bottom:calc(-1 * var(--space-8))}@media screen and (min-width:990px){.hotspot--active{opacity:1}.hotspot:hover .hotspot__overlay{opacity:1;pointer-events:auto}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/hotspot.css.map */