.fr-image-hotspots{padding-top:100px}.fr-image-hotspots .fr-media-with-text-heading-subheading{text-transform:uppercase;font-family:var(--fr-font-family--condensed);letter-spacing:.075em;font-weight:300}.fr-image-hotspots .fr-image-hotspots--container{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:10%;width:90%;margin-top:0}.fr-image-hotspots .fr-image-hotspots--container .fr-custom-text--section{width:20%}.fr-image-hotspots .fr-custom-text--section>*{text-align:center;width:10ch;text-wrap:balance}.fr-image-hotspots .fr-custom-image--section{width:15%;right:20%;z-index:10;top:calc(40% - 1rem);position:absolute}.fr-custom-image--section img{width:100%;height:auto;aspect-ratio:1/1}.fr-image-hotspots .image-with-hotspots{position:relative;z-index:-1}.image-with-hotspots-wrapper{position:relative;width:45%}.image-with-hotspots .site-box-background{position:relative;height:auto}.image-with-hotspots .site-box-background .onboarding-svg{position:relative;height:40vh}.image-hotspots{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10}.image-hotspots__spot{display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.image-hotspots__spot--content{display:none;position:absolute;width:auto;min-width:16.25rem}@media (width < 1080px){.fr-image-hotspots .fr-image-hotspots--container{width:100%;justify-content:space-between}.fr-image-hotspots .fr-custom-text--section>*{width:100%}.fr-image-hotspots .fr-image-hotspots--container .fr-custom-text--section{width:30%}.image-with-hotspots-wrapper{flex:1}}@media screen and (min-width: 768px){.image-hotspots__spot--content-top{left:50%;top:calc(50% - 2.375rem);transform:translate(-50%,-100%)}}@media (width < 767px){.image-hotspots__spot--content-top-mobile{left:50%;top:calc(50% - 2.375rem);transform:translate(-50%,-100%)}.fr-image-hotspots .fr-media-with-text-heading-subheading{text-align:center}.fr-image-hotspots .fr-image-hotspots--container{width:100%;flex-direction:column;gap:2rem}.fr-custom-image--section{display:none}.fr-image-hotspots .fr-custom-text--section>*{width:100%}.fr-image-hotspots .fr-image-hotspots--container .fr-custom-text--section{width:100%}.image-with-hotspots-wrapper{flex:1;width:100%}}@media screen and (max-width: 767px){.image-hotspots__spot--content-top-mobile .hotspot-tooltip:after{bottom:0;left:50%;border-color:transparent transparent white white;transform-origin:0 bottom;transform:rotate(-45deg) translate(-50%,48%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-top .hotspot-tooltip:after{bottom:0;left:50%;border-color:transparent transparent white white;transform-origin:0 bottom;transform:rotate(-45deg) translate(-50%,48%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-bottom{left:50%;top:calc(50% + 2.375rem);transform:translate(-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-bottom-mobile{left:50%;top:calc(50% + 2.375rem);transform:translate(-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-bottom-mobile .hotspot-tooltip:after{top:0;transform-origin:0 0;left:50%;border-color:white white transparent transparent;transform:rotate(-45deg) translate(-50%,-50%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-bottom .hotspot-tooltip:after{top:0;left:50%;border-color:white white transparent transparent;transform:rotate(-45deg) translate(-50%,-50%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-left{left:-1.125rem;top:50%;transform:translate(-100%,-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-left-mobile{left:-1.125rem;top:50%;transform:translate(-100%,-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-left-mobile .hotspot-tooltip:after{top:50%;left:100%;transform-origin:0 0;border-color:transparent white white transparent;transform:rotate(-45deg) translate(-50%,-50%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-left .hotspot-tooltip:after{top:50%;left:100%;border-color:transparent white white transparent;transform:rotate(-45deg) translate(-50%,-50%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-right{left:calc(50% + 2.375rem);top:50%;transform:translateY(-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-right-mobile{left:calc(50% + 2.375rem);top:50%;transform:translateY(-50%)}}@media screen and (max-width: 767px){.image-hotspots__spot--content-right-mobile .hotspot-tooltip:after{top:50%;left:0;transform-origin:0 0;border-color:white transparent transparent white;transform:rotate(-45deg) translate(-50%,-50%)}}@media screen and (min-width: 768px){.image-hotspots__spot--content-right .hotspot-tooltip:after{top:50%;left:0;border-color:white transparent transparent white;transform:rotate(-45deg) translate(-50%,-50%)}}.image-hotspots__spot--bullet{display:block;background-color:#082846;width:1.75rem;height:1.75rem;border-radius:50%;overflow:hidden;text-indent:-999px;cursor:pointer;box-shadow:0 0 #0003;padding:0;border:solid transparent .625rem;transition:ease all .25s}.image-hotspots__spot--bullet:after{content:"";width:.75rem;height:.75rem;border-radius:50%;display:block;background-color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:ease .25s all}.image-hotspots__spot:hover .image-hotspots__spot--bullet,.image-hotspots__spot--bullet.active{width:2.5rem;height:2.5rem}.image-hotspots__spot:hover .image-hotspots__spot--bullet:after,.image-hotspots__spot--bullet.active:after{width:1.75rem;height:1.75rem}.hotspot-tooltip{display:inline-block;width:100%;background-color:#fff;border-radius:var(--border-radius-widgets);padding:.875rem;align-items:center;box-shadow:0 0 .9375rem .3125rem #00000014}.hotspot-tooltip:after{content:"";position:absolute;width:0;height:0;border:.625rem solid black;transform-origin:0 0}.hotspot-tooltip--product{display:flex;gap:.875rem;align-items:center}.hotspot-tooltip--product .title{display:block;width:100%}.hotspot-tooltip--product .price{display:block;width:100%;margin-bottom:.3125rem}.hotspot-tooltip--product .price del{opacity:.6;padding:0 .3125rem}.hotspot-tooltip--product .thumbnail{width:4.375rem;flex-shrink:0}@media screen and (max-width: 474px){.hotspot-tooltip--product .thumbnail{width:3.125rem}}.hotspot-tooltip--rte .title{display:block;width:100%}.hotspot-tooltip--rte .title+.description{margin-bottom:.4375rem}.hotspot-tooltip--rte .description{display:inline-block;width:100%}.hotspot-tooltip .thumbnail svg{background:#00000014}.image-hotspots__spot--bullet.active+.image-hotspots__spot--content{display:inline-block}.hotspot-tooltip{border-radius:10px}#cursor{font-family:var(--font-stack-headings-primary)!important;font-weight:var(--font-weight-headings-primary)!important;font-style:var(--font-style-headings-primary)!important;line-height:var(--base-headings-line)!important;letter-spacing:var(--base-headings-spacing)!important;margin-bottom:1rem;font-size:calc(38px / 60 * var(--base-headings-primary-size) + 0px)}span.letter.active{border:none}
/*# sourceMappingURL=/cdn/shop/t/142/assets/fr-section-image-with-hotspots.css.map */