hot-spots{display:grid;align-items:center}hot-spots .hotspots{position:relative}hot-spots .hotspots-content .subheading{font-size:1.6rem;letter-spacing:.3rem}hot-spots .hotspots-content h3.heading{font-size:calc(var(--font-heading-scale) * 2rem)}hot-spots .hotspots-content .button{margin-top:2rem}hot-spots .hotspot-image{aspect-ratio:1 / 1}hot-spots .hotspot-image img{width:100%;height:100%;object-fit:cover;display:block}hot-spots .hotspot-block{display:none;padding:2rem 2rem 0}hot-spots .hotspot-block.active{display:block}hot-spots.page-width .hotspot-block{padding:2rem 0 0}hot-spots .hotspot-buttons{background-color:transparent;top:0;right:0;bottom:0;left:0;position:absolute}hot-spots .hotspot-button{border-radius:50%;line-height:0;padding:1rem;position:absolute;transform:translate(-50%,-50%);color:rgb(var(--color-button-text));background-color:rgba(var(--color-button),var(--alpha-button-background));border:0;cursor:pointer;transition:all var(--duration-medium) ease}hot-spots .hotspot-button svg{fill:rgb(var(--color-button-text))}@media screen and (min-width:750px){hot-spots{grid-template-columns:70% 1fr;grid-template-areas:"hotspots content"}hot-spots .hotspots{grid-area:hotspots}hot-spots .hotspots-content{grid-area:content}hot-spots .hotspot-block{padding:0 2.4rem}hot-spots.page-width .hotspot-block{padding:0 0 0 2.4rem}hot-spots.reverse{grid-template-columns:1fr 70%;grid-template-areas:"content hotspots"}hot-spots.reverse.page-width .hotspot-block{padding:0 2.4rem 0 0}hot-spots .hotspots-content h3.heading{font-size:calc(var(--font-heading-scale) * 2.4rem)}}
/*# sourceMappingURL=/cdn/shop/t/155/assets/image-hotspots.css.map */