.hotspot__title{margin:0 0 16px;padding:0 20px}.hotspot__wrapper>img{width:100%}.hotspot__container{max-width:1400px;margin:0 auto}.hotspot__header{text-align:center;margin-bottom:38px}.hotspot__wrapper{position:relative;width:100%;margin:0 auto}.hotspot__main--image{width:100%;height:auto;display:block}.hotspot__marker{position:absolute;width:46px;height:46px;background:#5ca19f66;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);transition:all .3s ease;z-index:10;display:flex;justify-content:center;align-items:center}.hotspot__marker:before{content:"";position:absolute;width:27px;height:27px;background-color:#5ca19fb2;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.hotspot__marker.active{background:#fff9;z-index:11}.hotspot__marker.active:before{background:#fff}.hotspot__content{position:absolute;border-radius:12px;padding:19px 16px;box-shadow:0 10px 40px #00000026;opacity:0;visibility:hidden;transition:all .3s ease;z-index:100;width:302px;background:#ffffffd9;display:none}.hotspot__content:hover{background-color:var(--white)}.hotspot__content.active{opacity:1;visibility:visible;display:block}.hotspot__content.position-top{bottom:calc(100% + 20px);left:50%;transform:translate(-50%)}.hotspot__content.position-top:before{bottom:-8px;left:50%;transform:translate(-50%) rotate(45deg)}.hotspot__content.position-bottom{top:calc(100% + 20px);left:50%;transform:translate(-50%)}.hotspot__content.position-bottom:before{top:-8px;left:50%;transform:translate(-50%) rotate(45deg)}.hotspot__content.position-left{right:calc(100% + 20px);top:50%;transform:translateY(-50%)}.hotspot__content.position-left:before{right:-8px;top:50%;transform:translateY(-50%) rotate(45deg)}.hotspot__content.position-right{left:calc(100% + 20px);top:50%;transform:translateY(-50%)}.hotspot__content.position-right:before{left:-8px;top:50%;transform:translateY(-50%) rotate(45deg)}.hotspot__content--title{font-family:massilia;font-weight:700;font-size:24px;line-height:28px;margin:0}.hotspot__content--subtitle{font-family:massilia;font-weight:400;font-size:20px;line-height:28px;margin:5px 0 10px}.hotspot-content-description{font-size:.9rem;color:#666;margin-bottom:16px;line-height:1.5}.hotspot__content--description *{font-size:14px;margin:0;line-height:20px;font-weight:400}.hotspot__content--button{font-size:16px;line-height:24px;text-decoration:none;color:rgba(var(--color-foreground));font-family:massilia;display:flex;align-items:center;gap:8px}.hotspot__content:hover .hotspot__content--button{color:var(--green);text-decoration:underline}.hotspot__content--button svg{width:24px;height:24px;vertical-align:middle}.hotspot__content:hover .hotspot__content--button svg path{stroke:var(--green)}.hotspot__content--description{margin:0 0 10px}.hotspot__close{position:absolute;top:12px;right:12px;width:24px;height:24px;background:none;border:none;cursor:pointer;padding:0;color:#999;transition:color .3s ease}.hotspot__close:hover{color:#000}.hotspot__subtitle{margin:0}.marker-btn{background-color:transparent;border:0;z-index:1;position:relative;cursor:pointer}.marker-btn img{vertical-align:middle}.hotspot__wrapper--inner{position:relative}.hotspot-connector{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:15}.arrow__right_aligned{position:absolute;width:1px;height:100px;background-color:#fff;transform-origin:top;opacity:0;z-index:9;display:block!important;top:-80px;left:70px;transform:rotate(34deg)}.arrow__left_aligned{position:absolute;width:1px;height:100px;background-color:#fff;transform-origin:top;opacity:0;z-index:9;display:block!important;top:-81px;left:70px;transform:rotate(34deg)}@media(min-width:1280px){.hotspot__marker.active .arrow__right_aligned,.hotspot__marker.active .arrow__left_aligned{opacity:1}}@media(max-width:1279px){.hotspot__marker .hotspot__content{top:var(--content-offset-y, -200px)!important;left:var(--content-offset-x, 0)!important;transform:translate(-50%)}.hotspot__content--title{font-size:22px;line-height:26px}.hotspot__content--subtitle{font-size:18px;line-height:26px;margin:6px 0 8px}.hotspot__content--button{font-size:14px;line-height:22px}.hotspot__content{border-radius:12px;padding:14px 15px}.hotspot__marker.active:after{content:"";height:40px;width:1px;background-color:#fff;position:absolute;top:-32px}}@media(max-width:989px){.hotspot__marker.active:after{opacity:0}.hotspot__wrapper--inner{min-width:1600px}.hotspot__wrapper{position:relative;overflow:auto}.hotspot__content.medium-hide.large-up-hide{top:0!important;left:0!important;right:0!important;margin:0 auto;max-width:382px;width:100%}.hotspot__wrapper{padding-bottom:16px}.hotspot__wrapper::-webkit-scrollbar{height:8px;width:8px;border:.5px solid #D9D9D9;box-shadow:0 3px 4px #00000026;margin:0 30px;width:200px}.hotspot__wrapper::-webkit-scrollbar-track{background:#fff;border-radius:10px;margin:0 10%;border:.5px solid #D9D9D9;height:8px;width:200px}.hotspot__wrapper::-webkit-scrollbar-thumb{background:#214f46;border-radius:10px}.hotspot__wrapper::-webkit-scrollbar-thumb:hover{background:#1a3f38}.hotspot__section{padding:0 16px}}@media(max-width:749px){.hotspot__content--title{font-size:24px;line-height:28px}.hotspot__content--subtitle{font-size:20px;line-height:28px;margin:0 0 8px}.hotspot__subtitle{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/110/assets/custom-hotspot-section.css.map */