.image-hotspots__stage{display:grid;gap:var(--space-lg)}.image-hotspots__media{position:relative;overflow:visible;border-radius:var(--radius-media);background-color:var(--scheme-surface, var(--color-surface))}.image-hotspots__image{inline-size:100%;block-size:100%;object-fit:cover;border-radius:var(--radius-media)}.image-hotspots__dot{position:absolute;z-index:var(--z-base);inset-block-start:var(--dot-y, 50%);inset-inline-start:var(--dot-x, 50%);display:grid;place-items:center;inline-size:22px;block-size:22px;border:3px solid #fff;border-radius:999px;background-color:var(--color-accent);box-shadow:var(--shadow-md);transform:translate(-50%,-50%);transition:transform var(--duration-base) var(--ease-out)}.image-hotspots__dot:hover,.image-hotspots__dot.is-active{transform:translate(-50%,-50%) scale(1.25)}.image-hotspots__dot-pulse{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:999px;border:1px solid var(--color-accent);opacity:0;animation:hotspot-pulse 2.4s var(--ease-out) infinite}@keyframes hotspot-pulse{0%{opacity:.6;transform:scale(.85)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@media(prefers-reduced-motion:reduce){.image-hotspots__dot-pulse{animation:none}}.image-hotspots__cards{display:grid;gap:var(--space-sm)}.image-hotspots__card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-3xs);padding:var(--space-sm);border-radius:var(--radius-card);background-color:var(--scheme-surface, var(--color-surface));transition:box-shadow var(--duration-base) var(--ease-out)}.image-hotspots__card.is-active{box-shadow:var(--shadow-md)}.image-hotspots__card-icon{color:var(--color-accent)}.image-hotspots__card-title{font-family:var(--font-heading--family);font-size:var(--text-lg);font-weight:var(--font-heading--weight);letter-spacing:var(--heading-tracking)}.image-hotspots__card-text{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--scheme-muted, var(--color-muted))}@media screen and (min-width:990px){.image-hotspots__stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:var(--space-2xl)}.image-hotspots__media{grid-column:2;grid-row:1}.image-hotspots__cards{display:contents}.image-hotspots__card{position:relative;grid-row:1;align-self:center;max-inline-size:340px}.image-hotspots__card--left{grid-column:1;justify-self:end}.image-hotspots__card--right{grid-column:3;justify-self:start}.image-hotspots__card:after{content:"";position:absolute;inset-block-start:50%;inline-size:var(--space-2xl);block-size:1px;background-color:var(--scheme-border, var(--color-border))}.image-hotspots__card--left:after{inset-inline-start:100%}.image-hotspots__card--right:after{inset-inline-end:100%}.image-hotspots__card--left:nth-of-type(2),.image-hotspots__card--right:nth-of-type(2){margin-block-start:var(--space-2xl)}.image-hotspots__card--left:nth-of-type(3),.image-hotspots__card--right:nth-of-type(3){margin-block-start:calc(var(--space-2xl) * 2)}.image-hotspots__card--left:nth-of-type(4),.image-hotspots__card--right:nth-of-type(4){margin-block-start:calc(var(--space-2xl) * 3)}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/image-hotspots.css.map */