.hot-spot{--hot-spot-dot-size: var(--spacing-8);--hot-spot-dot-shadow-size: var(--spacing-2-5);top:var(--hot-spot-vertical-position);left:var(--hot-spot-horizontal-position);grid-area:unset!important;z-index:unset!important;position:absolute!important}.hot-spot__dot{width:var(--hot-spot-dot-size);height:var(--hot-spot-dot-size);border-radius:var(--rounded-full);background:rgb(var(--hot-spot-background));color:rgb(var(--hot-spot-text-color));place-items:center;transition:transform .2s ease-in-out;display:grid;position:relative}.hot-spot__dot:after{content:"";box-sizing:content-box;top:calc(-1 * var(--hot-spot-dot-shadow-size));left:calc(-1 * var(--hot-spot-dot-shadow-size));padding:var(--hot-spot-dot-shadow-size);background:radial-gradient(50% 50% at 50% 50%,rgb(var(--hot-spot-background) / 0),rgb(var(--hot-spot-background) / .3));border-radius:inherit;width:100%;height:100%;animation:2s ease-in-out infinite alternate ping;position:absolute}.hot-spot__dot[aria-expanded=true]{transform:rotate(45deg)}.hot-spot-popover{--popover-body-padding: var(--spacing-6)}.hot-spot-popover::part(title){display:none}.hot-spot-popover::part(body){text-align:start}@media screen and (min-width:700px){.hot-spot{--hot-spot-dot-size: var(--spacing-12);--hot-spot-dot-shadow-size: var(--spacing-4)}.hot-spot__dot svg{width:12px;height:12px}.hot-spot-popover{--popover-body-padding: var(--spacing-8)}}@media screen and (min-width:1000px){.hot-spot-popover{--popover-anchor-inline-spacing: calc(100% + var(--spacing-4-5))}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-hot-spots.css.map */