.feature-hotspot-media{position:relative;width:100%;height:100%}.hotspot-dotwrap{position:absolute}.hotspot-dot{position:relative;display:block;width:24px;height:24px;border-radius:100%;border:none;background:transparent;box-shadow:0 0 0 8px rgba(var(--dot-color),1) inset,0 1px 6px #0000001a;padding:0}.hotspot-dot:after{content:"";position:absolute;left:-4px;top:-4px;width:32px;height:32px;border:2px solid rgba(var(--dot-color),.8);border-radius:100%;animation:pulse 2s ease-in-out infinite}.hotspot-product .product-card{display:flex;flex-direction:row;width:max-content;max-width:45vw}.hotspot-product{background:#fff}.hotspot-product .product-card__image-wr{width:72px;flex:0 0 72px;margin-right:1.5rem;position:relative}.hotspot-product .image-content__image-wrapper img{transition:none}.hotspot-product .product-card__info{padding:0!important;margin-bottom:0}.popover-content{position:absolute;z-index:1}.popover-content:before{position:absolute;content:"";width:0;height:0;border-style:solid;border-color:transparent white transparent transparent;border-width:8px}.hotspot-dotwrap .popover-content{transition:transform .2s cubic-bezier(0,.14,.19,1),opacity .2s cubic-bezier(0,.14,.19,1),visibility .2s cubic-bezier(0,.14,.19,1);opacity:0;visibility:hidden;will-change:transform;box-shadow:0 1px 6px #0000001a}.hotspot-dotwrap .popover-content.active{opacity:1;visibility:visible}.hotspot-right .popover-content{transform:scale(.8) translateY(-50%);transform-origin:top left;top:50%;left:calc(100% + 16px)}.hotspot-right .popover-content.active{transform:scale(1) translateY(-50%)}.hotspot-right .popover-content:before{right:100%;top:50%;margin-top:-8px}.hotspot-bottom .popover-content{top:calc(100% + 16px);transform:scale(.8) translate(-50%);transform-origin:top left;left:50%}.hotspot-bottom .popover-content.active{transform:scale(1) translate(-50%)}.hotspot-bottom .popover-content:before{left:50%;top:-16px;margin-left:-8px;border-color:transparent transparent white transparent}.hotspot-left .popover-content{top:50%;transform:scale(.8) translateY(-50%);transform-origin:top right;right:calc(100% + 16px)}.hotspot-left .popover-content.active{transform:scale(1) translateY(-50%)}.hotspot-left .popover-content:before{left:100%;top:50%;margin-top:-8px;border-color:transparent transparent transparent white}.hotspot-top .popover-content{bottom:calc(100% + 16px);transform-origin:bottom left;transform:scale(.8) translate(-50%);left:50%}.hotspot-top .popover-content.active{transform:scale(1) translate(-50%)}.hotspot-top .popover-content:before{left:50%;bottom:-16px;margin-left:-8px;border-color:white transparent transparent transparent}@media (max-width:749px){.hotspot-dotwrap .popover-content.active{top:85px;left:-40px}.hotspot-product .product-card__image-wr{width:72px;flex:0 0 72px;position:relative;margin-right:10px}.hotspot-dotwrap .popover-content:before{display:none}.hotspot-product .product-card{max-width:60vw}a.product-card__image.js.image-content__image-wrapper{padding-top:120%;display:block;margin:0 auto;position:relative;width:100%;height:100%}}.hotspot-dotwrap.hotspot-solid{width:max-content}.hotspot-solid .hotspot-dot{max-width:10px!important;max-height:10px;width:10px!important;height:10px;box-shadow:none;background-color:rgba(var(--dot-color),1);border:none;padding:0}.hotspot-solid .hotspot-dot:after{width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);border:none;background:radial-gradient(50% 50% at 50% 50%,rgba(var(--dot-color),0),rgba(var(--dot-color),.3));animation:2s ease-in-out infinite alternate pulse-ping}.hotspot-dotwrap{transition:transform .3s ease}.hotspot-dotwrap.active{transform:scale(1.3)}.hotspot-product.hotspot-product{padding:16px 24px 16px 16px}img.popover-product-image{position:absolute;top:0;left:0;right:0;width:100%;height:100%}.feature-text--container{width:100%;max-width:50%;height:auto}.hotspot-feature-text-height{height:100%;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 749px){.hotspots-main-container{flex-direction:column}.feature-text--container{max-width:100%}}.html-code__container{padding:30px}@media screen and (min-width: 750px){a.product-card__image.js.image-content__image-wrapper{display:block;margin:0 auto;position:relative;width:100%;height:100%}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/section-hotspot-split.css.map */