.banner-hotspots{display:block;--banner-hotspots-padding-top: 40px;--banner-hotspots-padding-bottom: 40px}.banner-hotspots__container{padding-top:calc(var(--banner-hotspots-padding-top) * .75);padding-bottom:calc(var(--banner-hotspots-padding-bottom) * .75)}@media screen and (min-width:750px){.banner-hotspots__container{padding-top:var(--banner-hotspots-padding-top);padding-bottom:var(--banner-hotspots-padding-bottom)}}.banner-hotspots__header{margin-bottom:24px}@media screen and (min-width:750px){.banner-hotspots__header{margin-bottom:32px}}.banner-hotspots__header .section__description{max-width:680px}.banner-hotspots__header .desktop-align-left .section__description{align-self:flex-start}.banner-hotspots__header .desktop-align-right .section__description{align-self:flex-end}.banner-hotspots__banner{position:relative;overflow:hidden;border-radius:var(--content-container-radius)}.page-full .banner-hotspots__banner{border-radius:0}.banner-hotspots__banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:var(--image-overlay-opacity, 0);z-index:1;pointer-events:none;border-radius:inherit}.banner-hotspots__image{width:100%;display:block;line-height:0;font-size:0}.banner-hotspots__image img{width:100%;height:100%;object-fit:cover;display:block}.banner-hotspots__image--mobile{display:none}@media screen and (max-width:749px){.banner-hotspots--has-mobile-image .banner-hotspots__image--desktop{display:none}.banner-hotspots--has-mobile-image .banner-hotspots__image--mobile{display:block}}.banner-hotspots__image--adapt img{height:auto}.banner-hotspots__image--landscape img{aspect-ratio:16 / 9}.banner-hotspots__hotspots{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.banner-hotspots__hotspot-item{position:absolute;top:var(--desktop-top);left:var(--desktop-left);transform:translate(-50%,-50%);z-index:3}@media screen and (max-width:749px){.banner-hotspots--has-mobile-image .banner-hotspots__hotspot-item{top:var(--mobile-top);left:var(--mobile-left)}}.banner-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;animation:banner-hotspots-pulse 1.5s infinite ease-in-out;position:relative;z-index:1}.banner-hotspots__dot:before{content:"";width:10px;height:10px;border-radius:50%;background:inherit;filter:brightness(1.2)}.banner-hotspots__dot--light{background:#ffffffd9}.banner-hotspots__dot--light:before{background:#fff}.banner-hotspots__dot--dark{background:#323232d9}.banner-hotspots__dot--dark:before{background:#323232}@keyframes banner-hotspots-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.banner-hotspots__tooltip{position:absolute;bottom:calc(100% + 16px);left:50%;transform:translate(-50%);width:280px;background:rgba(var(--color-base-page-background));color:rgb(var(--color-base-text));border-radius:var(--dropdown-and-pop-ups-radius, 8px);box-shadow:0 4px 20px #00000026;padding:20px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:10;pointer-events:none}.banner-hotspots__tooltip--active{opacity:1;visibility:visible;pointer-events:auto}.banner-hotspots__tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border-width:8px;border-style:solid;border-color:rgba(var(--color-base-page-background)) transparent transparent transparent}.banner-hotspots__tooltip--below{bottom:auto;top:calc(100% + 16px)}.banner-hotspots__tooltip--below:after{top:auto;bottom:100%;border-color:transparent transparent rgba(var(--color-base-page-background)) transparent}.banner-hotspots__tooltip[style*=--tooltip-bg]{background:var(--tooltip-bg);color:var(--tooltip-text)}.banner-hotspots__tooltip[style*=--tooltip-bg] .banner-hotspots__tooltip-header{color:var(--tooltip-heading)}.banner-hotspots__tooltip[style*=--tooltip-bg]:after{border-color:var(--tooltip-bg) transparent transparent transparent}.banner-hotspots__tooltip--below[style*=--tooltip-bg]:after{border-color:transparent transparent var(--tooltip-bg) transparent}.banner-hotspots__tooltip[style*=--tooltip-bg] .banner-hotspots__tooltip-heading{color:var(--tooltip-heading)}.banner-hotspots__tooltip .button.use-base-color{--background-color-button: var(--color-base-button-background-color);--color-button-text: var(--color-base-button-text-color);--alpha-button-background: 1;--alpha-button-border: 0}.banner-hotspots__tooltip .use-base-color.button--secondary{--background-color-button: var(--color-base-button-outline-color);--color-button-text: var(--color-base-button-outline-color);--alpha-button-background: 0;--alpha-button-border: 1}.banner-hotspots__tooltip p,.banner-hotspots__tooltip div,.banner-hotspots__tooltip span{white-space:normal}.banner-hotspots__tooltip-header{display:flex;align-items:center;gap:6px;margin-bottom:8px}.banner-hotspots__tooltip-icon{display:flex;flex-shrink:0;color:inherit}.banner-hotspots__tooltip-icon .icon{width:20px;height:20px;color:inherit}.banner-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%}.banner-hotspots__tooltip-heading.h5{font-size:var(--font-size-h5, 14px)}.banner-hotspots__tooltip-heading.h4{font-size:var(--font-size-h4, 16px)}.banner-hotspots__tooltip-heading.h3{font-size:var(--font-size-h3, 18px)}.banner-hotspots__tooltip-heading.h2{font-size:var(--font-size-h2, 20px)}.banner-hotspots__tooltip-heading.h1{font-size:var(--font-size-h1, 24px)}.banner-hotspots__tooltip-description{font-size:14px;line-height:160%;margin:0 0 12px;padding:0;opacity:.8}.banner-hotspots__tooltip-description p+p{margin-top:8px}.banner-hotspots__tooltip-description:last-child{margin-bottom:0}.banner-hotspots__tooltip-button{margin-top:8px}.banner-hotspots__tooltip-button .button{width:100%;font-size:12px;min-height:36px;padding:8px 16px}.banner-hotspots__tooltip--align-left{left:-12px;transform:none}.banner-hotspots__tooltip--align-left:after{left:24px;transform:none}.banner-hotspots__tooltip--align-right{left:auto;right:-12px;transform:none}.banner-hotspots__tooltip--align-right:after{left:auto;right:24px;transform:none}@media(prefers-reduced-motion:reduce){.banner-hotspots__dot{animation:none}.banner-hotspots__tooltip{transition:none}}.banner-hotspots--tooltip-open{position:relative;z-index:3}@media screen and (max-width:749px){.banner-hotspots__banner{overflow:visible}.banner-hotspots__image{overflow:hidden;border-radius:inherit}.banner-hotspots__banner:before{border-radius:inherit}.banner-hotspots__dot{width:28px;height:28px}.banner-hotspots__dot:before{width:12px;height:12px}.banner-hotspots__tooltip{width:240px;padding:16px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-banner-with-hotspots.css.map */