.product-hotspots{--display-caption: flex;--caption-font-size: var(--text-size-xs);--aspect-ratio: 1 / 1;--gap: var(--space-6);--padding: var(--space-19) 0 0;--padding-media: 0;background-color:rgb(var(--primary-tint-25));display:flex;flex-direction:column;gap:var(--gap);overflow:hidden;padding:var(--padding)}.product-hotspots__title{font-size:var(--text-size-4xl);font-weight:var(--font-weight-normal);line-height:var(--leading-loose);width:100%}.product-hotspots__title strong{font-weight:var(--font-weight-bold)}.product-hotspots__inner{padding:0 var(--padding-media);width:100%}.product-hotspots__container{aspect-ratio:var(--aspect-ratio);display:block;overflow:hidden;position:relative}.product-hotspots__media{display:block;height:100%;transition:transform .5s ease;width:100%}.product-hotspots__picture,.product-hotspots__image{border-radius:var(--space-2);display:block;height:100%;object-fit:cover;width:100%}.product-hotspots__image--zoomed{left:50%;min-height:140%;min-width:140%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.5s ease;transition-property:min-height,min-width,transform}.product-hotspots__picture--mobile{display:none}.product-hotspots__caption{align-items:center;display:var(--display-caption);gap:var(--space-4);font-size:var(--caption-font-size);font-weight:var(--font-weight-medium);width:100%}.product-hotspots__caption .icon{height:var(--space-12);min-height:var(--space-12);min-width:var(--space-12);width:var(--space-12)}.product-hotspots__hotspot{--display-before: none;--height: var(--space-15);--width: var(--space-15);--animation: pulse 2s infinite;--background: var(--secondary-tint-25);--background-after: rgb(var(--primary-tint-10));--transform: translate(-50%, -50%);--opacity: 1;--opacity-after: 1;--border-after: none;--padding-after: 0;background-color:rgb(var(--background));border-radius:50%;cursor:pointer;height:var(--height);opacity:var(--opacity);position:absolute;width:var(--width);transform:var(--transform);transition:opacity var(--duration-long) ease}.product-hotspots__hotspot--active{--display-before: block;--background: var(--secondary-two);--background-after: transparent;--animation: none;--opacity-after: .5;--border-after: var(--space-4) solid rgb(var(--primary-tint-10));--padding-after: var(--space-8)}.product-hotspots__hotspot--hidden{--opacity: 0}.product-hotspots__hotspot:before,.product-hotspots__hotspot:after{border-radius:50%;content:"";display:block;height:var(--height);left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--width)}.product-hotspots__hotspot:before{border:var(--space-pixel) solid rgb(var(--secondary-two));display:var(--display-before);padding:var(--space-4);height:calc(var(--height) + var(--space-4));width:calc(var(--width) + var(--space-4));z-index:1}.product-hotspots__hotspot:after{animation:var(--animation);background-color:var(--background-after);border:var(--border-after);opacity:var(--opacity-after);padding:var(--padding-after)}@media screen and (max-width: 749px){.product-hotspots__picture--mobile{display:block}.product-hotspots__picture--mobile~.product-hotspots__picture{display:none}}@media screen and (min-width: 750px){.product-hotspots{--caption-font-size: var(--text-size-s);--aspect-ratio: 176 / 67;--gap: var(--space-12);--max-width-media: var(--layout-max-width);--padding: var(--padding-sections-desktop) 0}}@media screen and (min-width: 990px){.product-hotspots{--padding-media: var(--padding-sections-desktop)}}.product-hotspots-drawer{--width-inner: 100%;--position-close: absolute;--padding-inner: var(--space-6) var(--space-6);background-color:transparent;position:relative;top:-20rem;height:0}.product-hotspots-drawer__inner{border:none;gap:var(--space-12);padding:var(--padding-inner);width:var(--width-inner);overflow:auto}.product-hotspots-drawer.active{height:100%}.product-hotspots-drawer__close{align-items:center;border:var(--space-pixel) solid rgb(var(--color-foreground));bottom:var(--space-6);display:flex;gap:var(--space-5);font-size:var(--text-size-s);font-weight:var(--font-weight-bold);margin-left:auto;min-height:unset;padding:var(--space-5) var(--space-9);position:var(--position-close);right:var(--space-6);top:unset;width:fit-content;z-index:1}@media screen and (min-width: 750px){.product-hotspots-drawer__close{bottom:0}.product-hotspots-drawer,.product-hotspots-drawer.active{height:100dvh}}.product-hotspots-drawer__close .icon{height:var(--space-12);width:var(--space-12)}.product-hotspots__slider{display:flex}.product-hotspots__slide{width:100%}.product-hotspots__slider-buttons{align-items:center;gap:var(--space-8);pointer-events:none;justify-content:flex-start}.product-hotspots__slider-button,.product-hotspots__slider-button .icon{height:var(--space-12);padding:0;pointer-events:auto;transform:none;width:var(--space-12)}.product-hotspots__slider-button:not([disabled]):hover .icon{transform:none}@media screen and (min-width: 750px){.product-hotspots-drawer{--width-inner: 80rem;--position-close: static;--padding-inner: var(--space-23) var(--space-38);position:fixed;top:0}}.product-hotspots-card{--gap: var(--space-12);--aspect-ratio: 16 / 9;--width-figure: 80%;--margin-bottom-title: var(--space-2);--padding-bottom-content: var(--space-12);--text-size-link: var(--text-size-xl);display:flex;flex-direction:column;gap:var(--gap)}.product-hotspots-card__figure{height:auto;margin:0 auto;width:var(--width-figure)}.product-hotspots-card__image{aspect-ratio:var(--aspect-ratio);border-radius:var(--space-2);display:block;height:100%;object-fit:cover;width:100%}.product-hotspots-card__content{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--padding-bottom-content)}.product-hotspots-card__title{font-size:var(--text-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--margin-bottom-title)}.product-hotspots-card__description{font-size:var(--text-size-xl);line-height:var(--leading-extra-loose)}.product-hotspots-card__description p{margin:0}.product-hotspots-card__link.button{font-size:var(--text-size-link);gap:var(--space-3)}@media screen and (min-width: 750px){.product-hotspots-card{--gap: var(--space-23);--aspect-ratio: 5 / 3;--width-figure: 100%;--margin-bottom-title: var(--space-6);--padding-media: var(--padding-sections-desktop);--padding-bottom-content: var(--space-23);--text-size-link: var(--text-size-lg)}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-hotspots.css.map */