.image-hotspots{color:rgb(var(--color-foreground));background:rgb(var(--color-background))}.image-hotspots__header{text-align:center;margin-bottom:3rem}.image-hotspots__heading{margin:0}.image-hotspots__description{margin-top:1.6rem}.image-hotspots__component{display:grid;grid-template-columns:minmax(0,2fr) minmax(28rem,.8fr);gap:3.2rem;align-items:start}.image-hotspots__media,.image-hotspots__content{min-width:0}.image-hotspots__image-wrapper{position:relative;width:100%;overflow:hidden}.image-hotspots__image{display:block;width:100%;height:auto}.image-hotspots__placeholder{min-height:40rem;background:rgba(var(--color-foreground),.04)}.image-hotspots__placeholder svg{display:block;width:100%;height:100%;min-height:40rem}.image-hotspots__button{position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);transform:translate(-50%,-50%);width:3.6rem;height:3.6rem;border:.1rem solid rgba(var(--color-background),.9);border-radius:50%;padding:0;cursor:pointer;background:rgb(var(--color-foreground));color:rgb(var(--color-background));display:flex;align-items:center;justify-content:center;z-index:2;box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.2);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease,color var(--duration-short) ease,box-shadow var(--duration-short) ease}.image-hotspots__button:before{content:"";position:absolute;top:-.8rem;right:-.8rem;bottom:-.8rem;left:-.8rem;border-radius:inherit}.image-hotspots__button:hover,.image-hotspots__button:focus-visible,.image-hotspots__button.is-active{transform:translate(-50%,-50%) scale(1.08);box-shadow:0 .6rem 1.8rem rgba(var(--color-foreground),.28)}.image-hotspots__button.is-active{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-color:rgba(var(--color-foreground),.35)}.image-hotspots__button-number{font-size:1.4rem;line-height:1;font-weight:700}.image-hotspots__content{position:sticky;top:calc(var(--header-height, 0px) + 2rem);align-self:start}.image-hotspots__panel{padding:2.4rem;background:rgba(var(--color-foreground),.04);border:.1rem solid rgba(var(--color-foreground),.1)}.image-hotspots__eyebrow{margin:0 0 1rem;font-size:1.2rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em;color:rgba(var(--color-foreground),.7)}.image-hotspots__title{margin:0;font-size:calc(var(--font-heading-scale) * 2.4rem);line-height:1.2}.image-hotspots__text{margin-top:1.6rem}.image-hotspots__text>*:first-child{margin-top:0}.image-hotspots__text>*:last-child{margin-bottom:0}@media screen and (max-width:989px){.image-hotspots__component{grid-template-columns:1fr;gap:2.4rem}.image-hotspots__content{position:static}.image-hotspots__panel{padding:2rem}}@media screen and (max-width:749px){.image-hotspots__header{margin-bottom:2.4rem}.image-hotspots__component{gap:1.6rem}.image-hotspots__button{width:3rem;height:3rem}.image-hotspots__button:before{top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem}.image-hotspots__button-number{font-size:1.2rem}.image-hotspots__panel{padding:1.6rem}.image-hotspots__title{font-size:calc(var(--font-heading-scale) * 2rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-image-hotspots.css.map */