.image-hotspots{display:block;--image-hotspots-padding-top: 40px;--image-hotspots-padding-bottom: 40px}.image-hotspots__container{padding-top:calc(var(--image-hotspots-padding-top) * .75);padding-bottom:calc(var(--image-hotspots-padding-bottom) * .75)}@media screen and (min-width:750px){.image-hotspots__container{padding-top:var(--image-hotspots-padding-top);padding-bottom:var(--image-hotspots-padding-bottom)}}.image-hotspots__header{margin-bottom:32px}@media screen and (min-width:750px){.image-hotspots__header{margin-bottom:40px}}.image-hotspots__heading{margin:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);line-height:120%}.image-hotspots__description{margin-top:12px;font-size:16px;line-height:160%;opacity:.8;max-width:680px}.text-center .image-hotspots__description{margin-left:auto;margin-right:auto}.image-hotspots__description p{margin:0}.image-hotspots__header-button{margin-top:20px}.image-hotspots__header-button base-button-component{display:inline-flex}.image-hotspots__layout{display:grid;grid-template-columns:1fr;gap:0;align-items:start;position:relative}@media screen and (min-width:990px){.image-hotspots__layout{grid-template-columns:1fr minmax(0,1.2fr) 1fr;gap:0;align-items:stretch}}.image-hotspots__cards{display:none}@media screen and (min-width:990px){.image-hotspots__cards{display:block;position:relative}}.image-hotspots__card{padding:16px;border:1px solid var(--card-border-color, rgba(var(--color-foreground, var(--color-base-text)), .15));border-radius:var(--card-corner-radius, 8px);opacity:var(--card-inactive-opacity, .5);transition:opacity .3s ease;background-color:var(--card-bg, rgb(var(--color-background, var(--color-base-page-background))));color:var(--card-text, rgb(var(--color-foreground, var(--color-base-text))))}.image-hotspots__card:hover,.image-hotspots__card--active{opacity:1}@media screen and (min-width:990px){.image-hotspots__card{position:absolute;top:var(--card-vertical);transform:translateY(-50%)}.image-hotspots__cards--left .image-hotspots__card{right:24px;max-width:300px}.image-hotspots__cards--right .image-hotspots__card{left:24px;max-width:300px}}.image-hotspots__card p,.image-hotspots__card div,.image-hotspots__card span{white-space:normal}.image-hotspots__card-header{margin-bottom:8px}.image-hotspots__card-icon{display:inline-flex;margin-bottom:4px;opacity:.7;color:var(--card-icon, inherit)}.image-hotspots__card-icon .icon{width:var(--icon-size, 28px);height:var(--icon-size, 28px);color:inherit}.image-hotspots__card-icon img{width:100%;height:100%;object-fit:contain}.text-center .image-hotspots__card-header{align-items:center}.image-hotspots__card-heading{margin:0;padding:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);line-height:130%;color:var(--card-heading, inherit)}.image-hotspots__card-heading.h5{font-size:var(--font-size-h5, 14px)}.image-hotspots__card-heading.h4{font-size:var(--font-size-h4, 16px)}.image-hotspots__card-heading.h3{font-size:var(--font-size-h3, 18px)}.image-hotspots__card-heading.h2{font-size:var(--font-size-h2, 20px)}.image-hotspots__card-heading.h1{font-size:var(--font-size-h1, 24px)}.image-hotspots__card-description{font-size:14px;line-height:160%;margin:0;padding:0;opacity:.8}.image-hotspots__card-description p{margin:0}.image-hotspots__card-description p+p{margin-top:6px}.image-hotspots__image-wrapper{position:relative;min-width:0}.image-hotspots__image{width:100%;display:block;line-height:0;font-size:0;border-radius:var(--content-container-radius);overflow:hidden}.image-hotspots__image img,.image-hotspots__image svg{width:100%;height:100%;object-fit:cover;display:block}.image-hotspots__image--adapt img,.image-hotspots__image--adapt svg{height:auto}.image-hotspots__image--portrait img{aspect-ratio:3 / 4}.image-hotspots__image--square img{aspect-ratio:1 / 1}.image-hotspots__image--circle{border-radius:50%}.image-hotspots__image--circle img{aspect-ratio:1 / 1}.image-hotspots__image--arch{border-radius:999px 999px 0 0}.image-hotspots__image--arch img{aspect-ratio:3 / 4}.image-hotspots__image--mobile{display:none}@media screen and (max-width:749px){.image-hotspots--has-mobile-image .image-hotspots__image--desktop{display:none}.image-hotspots--has-mobile-image .image-hotspots__image--mobile{display:block}}.image-hotspots__lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible;display:none}@media screen and (min-width:990px){.image-hotspots__lines{display:block}}.image-hotspots__lines line{stroke-width:1;opacity:.5;transition:opacity .3s ease}.image-hotspots__lines line.image-hotspots__line--active{opacity:1}.image-hotspots__hotspot{position:absolute;top:var(--desktop-top);left:var(--desktop-left);transform:translate(-50%,-50%);z-index:3}@media screen and (max-width:749px){.image-hotspots--has-mobile-image .image-hotspots__hotspot{top:var(--mobile-top);left:var(--mobile-left)}}.image-hotspots__dot{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:none;padding:0;cursor:pointer;box-shadow:0 0 10px #0003;position:relative;z-index:1;background:var(--hotspot-color, #000);color:#fff;animation:image-hotspots-pulse 1.5s infinite ease-in-out}.image-hotspots__dot-plus{display:block;width:10px;height:10px}.image-hotspots--style-dot .image-hotspots__dot{background:var(--hotspot-color, rgba(50, 50, 50, .85))}.image-hotspots--style-dot .image-hotspots__dot-plus{display:none}.image-hotspots--style-dot .image-hotspots__dot:before{content:"";width:10px;height:10px;border-radius:50%;background:inherit;filter:brightness(1.2)}@keyframes image-hotspots-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.image-hotspots__tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);width:240px;max-width:calc(100vw - 48px);background-color:rgb(var(--color-background, var(--color-base-page-background)));color:rgb(var(--color-foreground, var(--color-base-text)));border-radius:var(--card-corner-radius, 8px);box-shadow:0 4px 20px #00000026;padding:16px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:10;pointer-events:none}.image-hotspots__tooltip--active{opacity:1;visibility:visible;pointer-events:auto}.image-hotspots__tooltip:after{content:"";position:absolute;top:100%;left:var(--arrow-left, 50%);transform:translate(-50%);border-width:8px;border-style:solid;border-color:rgb(var(--color-background, var(--color-base-page-background))) transparent transparent transparent}.image-hotspots__tooltip--below{bottom:auto;top:calc(100% + 16px)}.image-hotspots__tooltip--below:after{top:auto;bottom:100%;border-color:transparent transparent rgb(var(--color-background, var(--color-base-page-background))) transparent}.image-hotspots__tooltip p,.image-hotspots__tooltip div,.image-hotspots__tooltip span{white-space:normal}.image-hotspots__tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.image-hotspots__tooltip-icon{display:flex;flex-shrink:0;color:inherit}.image-hotspots__tooltip-icon .icon{width:20px;height:20px;color:inherit}.image-hotspots__tooltip-icon img{width:100%;height:100%;object-fit:contain}.text-center .image-hotspots__tooltip-header{justify-content:center}.image-hotspots__tooltip-heading{margin:0;padding:0;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-style:var(--font-heading-style);line-height:130%}.image-hotspots__tooltip-heading.h5{font-size:var(--font-size-h5, 14px)}.image-hotspots__tooltip-heading.h4{font-size:var(--font-size-h4, 16px)}.image-hotspots__tooltip-heading.h3{font-size:var(--font-size-h3, 18px)}.image-hotspots__tooltip-heading.h2{font-size:var(--font-size-h2, 20px)}.image-hotspots__tooltip-heading.h1{font-size:var(--font-size-h1, 24px)}.image-hotspots__tooltip-description{font-size:14px;line-height:160%;opacity:.8}.image-hotspots__tooltip-description p{margin:0}.image-hotspots__tooltip-description p+p{margin-top:6px}@media screen and (min-width:990px){.image-hotspots__tooltip{display:none}}.image-hotspots__hotspot--tooltip-open{z-index:10}.image-hotspots--tooltip-open{position:relative;z-index:3}@media(prefers-reduced-motion:reduce){.image-hotspots__dot{animation:none}.image-hotspots__tooltip{transition:none}}@media screen and (max-width:749px){.image-hotspots__image--desktop[data-mobile-ratio]{border-radius:var(--content-container-radius)}.image-hotspots__image--desktop[data-mobile-ratio=adapt] img{aspect-ratio:auto;height:auto}.image-hotspots__image--desktop[data-mobile-ratio=portrait] img{aspect-ratio:3 / 4}.image-hotspots__image--desktop[data-mobile-ratio=square] img{aspect-ratio:1 / 1}.image-hotspots__image--desktop[data-mobile-ratio=circle]{border-radius:50%}.image-hotspots__image--desktop[data-mobile-ratio=circle] img{aspect-ratio:1 / 1}.image-hotspots__image--desktop[data-mobile-ratio=arch]{border-radius:999px 999px 0 0}.image-hotspots__image--desktop[data-mobile-ratio=arch] img{aspect-ratio:3 / 4}}@media screen and (max-width:989px){.image-hotspots__container{padding-left:16px;padding-right:16px}.image-hotspots__image-wrapper{overflow:visible}.image-hotspots__image:not(.image-hotspots__image--circle):not(.image-hotspots__image--arch):not([data-mobile-ratio=circle]):not([data-mobile-ratio=arch]){overflow:hidden;border-radius:var(--content-container-radius)}.image-hotspots__image.image-hotspots__image--circle,.image-hotspots__image.image-hotspots__image--arch,.image-hotspots__image[data-mobile-ratio=circle],.image-hotspots__image[data-mobile-ratio=arch]{overflow:hidden}.image-hotspots__dot{width:28px;height:28px}.image-hotspots__dot-plus{width:12px;height:12px}.image-hotspots--style-dot .image-hotspots__dot:before{width:12px;height:12px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/section-image-with-hotspots.css.map */