.highlights{width:100%;display:flex;flex-wrap:wrap;gap:2.4rem}.highlights__header{display:flex;flex-direction:column;gap:var(--global-spacing-small);flex-shrink:0;width:100%}.highlights__description{margin-top:var(--global-spacing-small)}.highlights__image-wrapper{position:relative;width:100%;text-align:center}.highlights__image-wrapper-inner{position:relative;display:inline-flex;max-width:100%}.highlights__image-wrapper-inner img,.highlights__image-wrapper-inner svg{display:block;max-width:100%;height:auto;object-fit:contain}@media screen and (min-width:750px){.highlights{gap:3.8rem}}@media screen and (min-width:990px){.highlights{flex-direction:row;flex-wrap:nowrap}.highlights__header{max-width:30rem;margin-bottom:var(--global-spacing-large)}}.highlights__hotspot{--hotspot-bg: var(--color-blue);--hotspot-size: 2.4rem;position:absolute;top:var(--hotspot-y, 50%);left:var(--hotspot-x, 50%);transform:translate(-50%,-50%);z-index:2}.highlights__hotspot-trigger{display:flex;align-items:center;justify-content:center;width:var(--hotspot-size);height:var(--hotspot-size);border-radius:50%;border:.1rem solid transparent;padding:0;cursor:pointer;background-color:rgb(var(--hotspot-bg));color:rgb(var(--color-foreground));font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-paragraph-extra-small);line-height:var(--line-height-paragraph-extra-small);transition:transform var(--duration-default) ease;position:relative;z-index:2}.highlights__hotspot-close{position:absolute;top:0;right:0;bottom:0;left:0;line-height:0;opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity var(--duration-default) ease;background-color:rgb(var(--color-white));border-radius:50%;color:rgb(var(--color-dark-grey))}.highlights__hotspot-close svg{width:1rem;height:1rem}.highlights__hotspot[aria-expanded=true]{z-index:3}.highlights__hotspot[aria-expanded=true] .highlights__hotspot-index{display:none}.highlights__hotspot[aria-expanded=true] .highlights__hotspot-close{opacity:1}.highlights__hotspot-trigger:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:.15rem solid rgb(var(--hotspot-bg));opacity:.6;transform:scale(1);animation:highlights-ripple 1.8s cubic-bezier(0,.2,.8,1) infinite;pointer-events:none}.highlights__hotspot-trigger:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:rgb(var(--hotspot-bg));opacity:.3;transform:scale(1.15);animation:highlights-glow 1.8s ease-in-out infinite;pointer-events:none;z-index:-1}.highlights__hotspot-trigger:hover,.highlights__hotspot-trigger:focus-visible{transform:scale(1.15)}.highlights__hotspot-trigger:hover:after,.highlights__hotspot-trigger:focus-visible:after{animation:none;opacity:0}.highlights__hotspot-trigger:hover:before,.highlights__hotspot-trigger:focus-visible:before{animation:none;opacity:0}.highlights__hotspot[aria-expanded=true] .highlights__hotspot-trigger:after,.highlights__hotspot[aria-expanded=true] .highlights__hotspot-trigger:before{animation:none;opacity:0}@keyframes highlights-ripple{0%{transform:scale(1);opacity:1}to{transform:scale(2);opacity:0}}@keyframes highlights-glow{0%{opacity:.8;transform:scale(1.1)}to{opacity:0;transform:scale(1.55)}}@media(prefers-reduced-motion:reduce){.highlights__hotspot-trigger:after,.highlights__hotspot-trigger:before{animation:none;opacity:.35;transform:scale(1.15)}}@media screen and (min-width:990px){.highlights__hotspot{--hotspot-size: 3.2rem}}.highlights__popup{--arrow-size: .8rem;--arrow-border-size: var(--arrow-size);opacity:0;visibility:hidden;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease;position:absolute;z-index:3;width:20rem;padding:1.2rem;background-color:rgb(var(--color-white));color:rgb(var(--color-foreground));border:.1rem solid rgb(var(--hotspot-bg))}.highlights__hotspot[aria-expanded=true] .highlights__popup{opacity:1;visibility:visible}.highlights__popup:before,.highlights__popup:after{content:"";position:absolute;width:0;height:0;border-style:solid;pointer-events:none}.highlights__popup--top{bottom:calc(100% + 1.6rem)}.highlights__popup--top:before{top:100%;border-width:var(--arrow-border-size) var(--arrow-border-size) 0;border-color:rgb(var(--hotspot-bg)) transparent transparent}.highlights__popup--top:after{top:100%;border-width:var(--arrow-size) var(--arrow-size) 0;border-color:rgb(var(--color-white)) transparent transparent;margin-top:-.1rem}.highlights__popup--bottom{top:calc(100% + 1.6rem)}.highlights__popup--bottom:before{bottom:100%;border-width:0 var(--arrow-border-size) var(--arrow-border-size);border-color:transparent transparent rgb(var(--hotspot-bg))}.highlights__popup--bottom:after{bottom:100%;border-width:0 var(--arrow-size) var(--arrow-size);border-color:transparent transparent rgb(var(--color-white));margin-bottom:-.1rem}.highlights__popup--center{left:50%;transform:translate(-50%)}.highlights__popup--center:before,.highlights__popup--center:after{left:50%;transform:translate(-50%)}@media screen and (max-width:989px){.highlights__popup--top{bottom:calc(100% + 1.1rem)}.highlights__popup--bottom{top:calc(100% + 1.1rem)}.highlights__popup--right{right:0;left:auto;transform:none;margin-right:-.5rem}.highlights__popup--right:before,.highlights__popup--right:after{right:.75rem;left:auto;transform:none}.highlights__popup--left{left:0;right:auto;transform:none;margin-left:-.5rem}.highlights__popup--left:before,.highlights__popup--left:after{left:.75rem;right:auto;transform:none}}@media screen and (min-width:990px){.highlights__popup--left,.highlights__popup--right{left:50%;right:auto;transform:translate(-50%);margin:0}.highlights__popup--left:before,.highlights__popup--left:after,.highlights__popup--right:before,.highlights__popup--right:after{left:50%;right:auto;transform:translate(-50%)}}.highlights__popup-title{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:var(--font-size-paragraph-extra-small);line-height:var(--line-height-paragraph-extra-small);text-transform:uppercase;margin:0 0 var(--global-spacing-extra-small)}.highlights__popup-text{font-size:var(--font-size-paragraph-extra-small);line-height:var(--line-height-paragraph-extra-small);margin:0}.highlights__popup-text p{margin:0}@media screen and (max-width:749px){.highlights__popup--mobile-top{bottom:calc(100% + 1.1rem);top:auto}.highlights__popup--mobile-bottom{top:calc(100% + 1.1rem);bottom:auto}.highlights__popup--mobile-center{left:50%;right:auto;transform:translate(-50%);margin:0}.highlights__popup--mobile-center:before,.highlights__popup--mobile-center:after{left:50%;right:auto;transform:translate(-50%)}.highlights__popup--mobile-right{right:0;left:auto;transform:none;margin-right:-.5rem}.highlights__popup--mobile-right:before,.highlights__popup--mobile-right:after{right:.75rem;left:auto;transform:none}.highlights__popup--mobile-left{left:0;right:auto;transform:none;margin-left:-.5rem}.highlights__popup--mobile-left:before,.highlights__popup--mobile-left:after{left:.75rem;right:auto;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/p80-highlights.css.map */