.hotspot-button{--button-height:29px;--button-width:var(--button-height);--button-text-color:var(--color-accent-primary);left:calc(var(--hotspot-pos-horizontal) - var(--button-width));top:calc(var(--hotspot-pos-vertical) - var(--button-width))}@media (min-width:1024px){.hotspot-button:before{content:"";z-index:-1;border-radius:50%;outline:0 solid #fff0;width:100%;height:100%;animation:2s infinite pulsate;position:absolute;top:0;left:0}@keyframes pulsate{0%{outline:0 solid #fff0}50%{outline:8px solid #ffffff4d}to{outline:0 solid #fff0}}}@media (max-width:1023.98px){.hotspot-button{display:none!important}}.hotspot-button.active{z-index:5}.hotspot-button.active svg{transform:rotate(45deg)}.hotspot-product{opacity:0;visibility:hidden;content-visibility:hidden;transition:var(--global-transition-longer);background-color:var(--color-light)}.hotspot-product img{display:none}@media (max-width:1023.98px){.hotspot-product{display:none}}.hotspot-product:before{content:"";opacity:.5;mix-blend-mode:multiply;z-index:1;background:linear-gradient(#000 0%,#fff0 50%,#000 100%);width:100%;height:100%;position:absolute}.hotspot-product.visible{opacity:1;z-index:4;visibility:visible;content-visibility:visible}.hotspot-product.visible img{display:block}.hotspot-product__vendor svg{width:3.75rem}.hotspot-product__tooltip{z-index:5;width:var(--hotspot-information-width);height:var(--hotspot-information-height);left:calc(var(--hotspot-pos-horizontal));top:calc(var(--hotspot-pos-vertical) - var(--hotspot-information-height) - var(--button-height));background-color:var(--color-dark);color:var(--color-light);position:absolute}.hotspot-product__button:hover{--button-text-color:var(--color-accent-primary)!important}.hotspots{--button-height:29px;--button-width:var(--button-height);--hotspot-information-width:14rem;--hotspot-information-height:8.75rem}@media (min-width:768px){.hotspots__wrapper{grid-column-gap:var(--grid-outside-gap)}}@media (min-width:1024px){.hotspots__wrapper{grid-column-gap:var(--space-xl);aspect-ratio:137/68;grid-template-columns:4fr 6fr;grid-template-areas:"aside main";display:grid}.hotspots__wrapper--reverse{grid-template-columns:6fr 4fr;grid-template-areas:"main aside"}}.hotspots .hotspot-bloc{color:var(--bloc-color)}@media (max-width:1023.98px){.hotspots .hotspot-bloc{aspect-ratio:1}}@media (max-width:519.98px){.hotspots .hotspot-bloc{aspect-ratio:33/49}}.hotspots .hotspot-bloc--light{--bloc-color:var(--color-light)}.hotspots .hotspot-bloc--dark{--bloc-color:var(--color-dark)}@media (min-width:1024px){.hotspots .hotspot-bloc__title span:after{content:"";opacity:0;background-color:var(--bloc-color);bottom:calc(-1*var(--space-m));transition:var(--global-transition-longer);width:0%;height:4px;display:block;position:absolute}.hotspots .hotspot-bloc:hover .hotspot-bloc__title span:after{opacity:1;transition:var(--global-transition-longer);width:100%}}.hotspots .hotspot-bloc__overlay{opacity:.5;mix-blend-mode:multiply;background:linear-gradient(#000 0%,#fff0 50%,#000 100%)}.hotspots .hotspot-bloc-aside{grid-area:aside}.hotspots .hotspot-bloc-aside .hotspot-bloc__legend:after{content:"";background-color:var(--bloc-color);transition:var(--global-transition-longer);width:100%;height:1px;display:block;position:absolute;bottom:0}@media (min-width:1024px){.hotspots .hotspot-bloc-aside .hotspot-bloc__legend:after{width:0%}.hotspots .hotspot-bloc-aside .hotspot-bloc__navigation{opacity:0;transition:var(--global-transition-longer)}.hotspots .hotspot-bloc-aside .hotspot-bloc__links{transition:var(--global-transition-longer);transform:translateY(10px)}.hotspots .hotspot-bloc-aside:hover .hotspot-bloc__navigation{opacity:1;transition:var(--global-transition-longer)}.hotspots .hotspot-bloc-aside:hover .hotspot-bloc__links{transition:var(--global-transition-longer);transform:translateY(0)}.hotspots .hotspot-bloc-aside:hover .hotspot-bloc__legend:after{transition:var(--global-transition-longer);width:100%}}@media (min-width:1200px){.hotspots .hotspot-bloc-aside .hotspot-bloc__subtitle{max-width:50%}}.hotspots .hotspot-bloc-main{grid-area:main}.hotspots .hotspot-bloc-main .hotspot-bloc__links{align-self:flex-end}@media (min-width:1024px){.hotspots .hotspot-bloc-main .hotspot-bloc__subtitle{max-width:80%}}