.feature-hotspots{--fh-toggle-size: 5.6rem;--fh-icon-size: 3.6rem;--fh-card-width: 24rem;--fh-marker-width: var(--fh-toggle-size);--fh-marker-radius: var(--border-radius-button);--fh-open-lift: .8rem;--fh-easing: cubic-bezier(.215, .61, .355, 1);--fh-duration: var(--duration-long);--fh-layer-close: z-index var(--fh-duration) steps(1, jump-both)}@media(min-width:576px){.feature-hotspots{--fh-card-width: 26rem}}.feature-hotspots__stage{position:relative;width:100%;margin-inline:auto}.feature-hotspots__stage--m{max-width:80rem}.feature-hotspots__stage--l{max-width:110rem}.feature-hotspots__media{overflow:hidden;border-radius:var(--border-radius-block)}.feature-hotspots__media-img{display:block;width:100%;height:auto}.feature-hotspots__media--ratio{position:relative}.feature-hotspots__media--ratio:before{content:"";display:block;width:0;padding-bottom:var(--padding-bottom, 100%)}.feature-hotspots__media--ratio .feature-hotspots__media-img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;-o-object-fit:cover;object-fit:cover}.feature-hotspots__markers{position:absolute;top:0;right:0;bottom:0;left:0}.feature-hotspots__marker{--fh-point-y: clamp( calc(var(--fh-toggle-size) / 2), var(--fh-y, 50%), calc(100% - var(--fh-toggle-size) / 2) )}.feature-hotspots__marker-card{position:absolute;z-index:1;left:clamp(0px,var(--fh-x, 50%) - var(--fh-marker-width) / 2,100% - var(--fh-marker-width));bottom:calc(100% - var(--fh-point-y));width:var(--fh-marker-width);padding-bottom:var(--fh-toggle-size);margin-bottom:calc(var(--fh-toggle-size) / -2);overflow:hidden;border-radius:var(--fh-marker-radius);background-color:rgba(var(--color-background),.2);-webkit-backdrop-filter:blur(3rem);backdrop-filter:blur(3rem);transition:width var(--fh-duration) var(--fh-easing),left var(--fh-duration) var(--fh-easing),padding-top var(--fh-duration) var(--fh-easing),padding-bottom var(--fh-duration) var(--fh-easing),margin-top var(--fh-duration) var(--fh-easing),margin-bottom var(--fh-duration) var(--fh-easing),border-radius var(--fh-duration) var(--fh-easing),background-color var(--fh-duration) var(--fh-easing),box-shadow var(--fh-duration) var(--fh-easing),translate var(--fh-duration) var(--fh-easing),var(--fh-layer-close)}.feature-hotspots__marker.is-open .feature-hotspots__marker-card,.feature-hotspots__marker.is-open .feature-hotspots__marker-toggle{translate:0 var(--fh-shift, 0px)}.feature-hotspots__marker.is-open .feature-hotspots__marker-card{--fh-marker-width: var(--fh-card-width);z-index:3;border-radius:min(var(--border-radius-block),1.6rem);background-color:rgb(var(--color-background));box-shadow:0 0 .5rem rgba(var(--color-foreground),.1);-webkit-backdrop-filter:none;backdrop-filter:none;padding-bottom:calc(var(--fh-toggle-size) - var(--fh-open-lift));margin-bottom:calc(var(--fh-toggle-size) / -2 + var(--fh-open-lift));transition:width var(--fh-duration) var(--fh-easing),left var(--fh-duration) var(--fh-easing),padding-top var(--fh-duration) var(--fh-easing),padding-bottom var(--fh-duration) var(--fh-easing),margin-top var(--fh-duration) var(--fh-easing),margin-bottom var(--fh-duration) var(--fh-easing),border-radius var(--fh-duration) var(--fh-easing),box-shadow var(--fh-duration) var(--fh-easing),translate var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker.is-flipped .feature-hotspots__marker-card{top:var(--fh-point-y);bottom:auto;padding-top:var(--fh-toggle-size);padding-bottom:0;margin-top:calc(var(--fh-toggle-size) / -2);margin-bottom:0}.feature-hotspots__marker.is-flipped.is-open .feature-hotspots__marker-card{padding-top:calc(var(--fh-toggle-size) - var(--fh-open-lift));padding-bottom:0;margin-top:calc(var(--fh-toggle-size) / -2 + var(--fh-open-lift));margin-bottom:0}.feature-hotspots__marker.is-flipped .feature-hotspots__marker-body{align-content:start}.feature-hotspots__marker.is-flipped .feature-hotspots__marker-clip{align-items:flex-start}.feature-hotspots__marker.is-flipped .feature-hotspots__marker-content{padding:0 1.6rem 1.6rem}.feature-hotspots__marker-body{display:grid;grid-template-rows:0fr;align-content:end;transition:grid-template-rows var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker-clip{display:flex;align-items:flex-end;min-height:0;overflow:hidden}.feature-hotspots__marker.is-open .feature-hotspots__marker-body{grid-template-rows:1fr}.feature-hotspots__marker-content{position:relative;left:50%;display:flex;flex:0 0 auto;flex-direction:column;align-items:center;gap:.8rem;width:var(--fh-card-width);padding:1.6rem 1.6rem 0;color:rgb(var(--color-foreground));text-align:center;visibility:hidden;transform:translate(-50%);transition:visibility var(--fh-duration) var(--fh-easing)}[dir=rtl] .feature-hotspots__marker-content{right:50%;left:auto;transform:translate(50%)}.feature-hotspots__marker-content .block-icon-pack{margin-block-end:.8rem}.feature-hotspots__marker-content .block-heading,.feature-hotspots__marker-content .block-description{width:100%;margin:0;overflow:hidden}.feature-hotspots__marker.is-open .feature-hotspots__marker-content{visibility:visible}.feature-hotspots__marker-text{position:relative;top:var(--fh-text-offset, 2.4rem);display:block;transition:top var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker.is-open .feature-hotspots__marker-text{top:0}.feature-hotspots__marker-toggle{position:absolute;z-index:1;left:clamp(var(--fh-toggle-size) / 2,var(--fh-x, 50%),100% - var(--fh-toggle-size) / 2);bottom:calc(100% - var(--fh-point-y));display:flex;align-items:center;justify-content:center;width:var(--fh-toggle-size);height:var(--fh-toggle-size);margin-bottom:calc(var(--fh-toggle-size) / -2);border-radius:var(--fh-marker-radius);color:rgb(var(--color-foreground));cursor:pointer;transform:translate(-50%);transition:translate var(--fh-duration) var(--fh-easing),var(--fh-layer-close)}.feature-hotspots__marker.is-open .feature-hotspots__marker-toggle{z-index:3;transition:translate var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker-toggle:focus-visible{outline:none}.feature-hotspots__marker:has(.feature-hotspots__marker-toggle:focus-visible) .feature-hotspots__marker-card{outline:.1rem solid rgba(var(--color-focus-ring, var(--color-foreground)),.5);outline-offset:-.4rem}.feature-hotspots__marker-icon{position:relative;display:flex;align-items:center;justify-content:center;width:var(--fh-icon-size);height:var(--fh-icon-size);will-change:transform;transition:transform var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker-icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--fh-marker-radius);background-color:rgb(var(--color-background));transition:opacity var(--fh-duration) var(--fh-easing)}.feature-hotspots__marker-icon svg{position:relative;width:2.4rem;height:2.4rem}.feature-hotspots__marker.is-open .feature-hotspots__marker-icon{transform:rotate(45deg)}.feature-hotspots__marker.is-open .feature-hotspots__marker-icon:before{opacity:0}@media(hover:hover)and (pointer:fine){.feature-hotspots__marker.is-open .feature-hotspots__marker-toggle{cursor:default}}@media(prefers-reduced-motion:reduce){.feature-hotspots{--fh-duration: 1ms}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-feature-hotspots.css.map */