heliux-hotspot{--hotspot-color: var(--scope-color-accent1-text, #000);--hotspot-color-focus: var(--scope-color-accent1, #fff);--hotspot-background: var(--scope-color-accent1, #fff);--hotspot-background-focus: var(--scope-color-accent1-text, #000);--hotspot-popup-background: var(--scope-color-background, #000);--hotspot-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.4);--hotspot-overlay-color: var(--scope-color-overlay, #000);--hotspot-size: 40px;--hotspot-hover-color: var(--scope-color-accent1-hover);--hotspot-width-m: 250px;--hotspot-width: 400px;--hotspot-margin: var(--scope-layout-margin, 20px);--hotspot-alignment-horizontal: var(--scope-alignment-horizontal, start);--hotspot-item-bottom-space: 13px;--hotspot-title-bottom-space: 24px;--hotspot-pulse-dot-color: var(--scope-color-background, #fff);--hotspot-pulse-dot-opacity: 1;--hotspot-pulse-core-color: var(--scope-color-accent2, #E0000F);--hotspot-pulse-core-opacity: 1;--hotspot-pulse-ring-color: var(--scope-color-background, #fff);--hotspot-pulse-ring-opacity: 0.89;--hotspot-pulse-duration: 5s;--hotspot-pulse-core-size: 20px;--hotspot-pulse-dot-size: 6px;--hotspot-pulse-ring-base-size: 16px;--hotspot-pulse-ring-scale: 2.5;--hotspot-pulse-ring-fade: 12px;--hotspot-pulse-ring-gap: 1px;--hotspot-pulse-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);--hotspot-pulse-core-size-hover: 32px;--hotspot-pulse-dot-size-hover: 16px;--hotspot-pulse-core-size-open: 48px;--hotspot-pulse-dot-size-open: 16px;--hotspot-pulse-halo-size-hover: 48px;--hotspot-pulse-halo-size-open: 48px;--hotspot-pulse-halo-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);--hotspot-content-close-icon-size: 24px;--hotspot-content-close-icon-color: var(--scope-color-text, #000);--hotspot-content-close-inset-block: 8px;--hotspot-content-close-inset-inline: 8px;--hotspot-content-close-inset-inline-left: 8px;--hotspot-tooltip-bg: var(--scope-color-background, #fff);--hotspot-tooltip-color: var(--scope-color-text, #000);--hotspot-tooltip-shadow: 0 2px 6px rgba(0, 0, 0, .15)}heliux-hotspot.hotspot{overflow:visible;color:var(--hotspot-color);display:grid;text-align:var(--hotspot-alignment-horizontal)}heliux-hotspot .hotspot__container{position:relative}heliux-hotspot .hotspot__wrapper{position:absolute;width:100%;height:100%;inset-block-start:0;inset-inline-start:0}heliux-hotspot .hotspot__wrapper.hotspot--open{z-index:1000}heliux-hotspot .hotspot__wrapper.hotspot--open::before{content:" ";position:fixed;width:100vw;height:100vh;background-color:var(--hotspot-overlay-color);opacity:.7;inset-block-start:0;inset-inline-start:0;z-index:10}@media(min-width: 768px){heliux-hotspot .hotspot__wrapper.hotspot--open::before{content:none}}heliux-hotspot .hotspot__item{position:absolute;margin-inline-start:calc(-1*var(--hotspot-size)/2);margin-block-start:calc(-1*var(--hotspot-size)/2)}@media(min-width: 768px){heliux-hotspot .hotspot__item--left .hotspot__content{transform:translateX(-100%)}}heliux-hotspot .hotspot__spot{border:none;position:absolute;z-index:1;background-color:var(--hotspot-background);border-radius:50%;width:var(--hotspot-size);height:var(--hotspot-size);overflow:hidden}@media(min-width: 0)and (max-width: 767px){heliux-hotspot .hotspot__spot{inset-inline-start:50%;inset-block-end:0;transform:translate(0%, 50%)}}@media(min-width: 768px){heliux-hotspot .hotspot__spot{position:relative}}heliux-hotspot .hotspot__spot:focus{border:none;outline:none;background-color:var(--hotspot-background-focus)}heliux-hotspot .hotspot__spot:focus heliux-icon{--icon-color: var(--hotspot-color-focus)}heliux-hotspot .hotspot__icon{text-align:center;height:100%}heliux-hotspot .hotspot__icon:hover{background-color:var(--hotspot-hover-color);cursor:pointer}heliux-hotspot .hotspot__icon heliux-icon{--icon-size: 24px;--icon-color: var(--hotspot-color)}heliux-hotspot .hotspot__content{box-shadow:var(--hotspot-box-shadow);display:none;inset-block-start:0;margin-block:calc(var(--hotspot-size)/2);margin-inline:calc(var(--hotspot-size)/2);background-color:var(--hotspot-popup-background);position:relative;z-index:0;min-inline-size:var(--hotspot-width-m);min-block-size:var(--hotspot-size);overflow:auto}@media(min-width: 768px){heliux-hotspot .hotspot__content{position:absolute;min-inline-size:var(--hotspot-width)}}heliux-hotspot .hotspot__content--fixed{position:sticky;inset-block-start:0;background:#fff;z-index:10;box-shadow:var(--hotspot-box-shadow)}heliux-hotspot .hotspot__content--fixed .title{margin-block-end:0}heliux-hotspot .hotspot__content--bottom{inset-block:0 auto}@media(min-width: 0)and (max-width: 640px){heliux-hotspot .hotspot__content--scroll{max-block-size:calc(100vh - 300px);overflow:scroll}}heliux-hotspot .hotspot--spotOpen{z-index:2}@media(min-width: 0)and (max-width: 767px){heliux-hotspot .hotspot--spotOpen{top:50% !important;left:0 !important;transform:translateY(-50%);position:fixed;z-index:10;width:100%;padding:20px}}heliux-hotspot .hotspot--spotOpen .hotspot__content{display:block;width:100%}@media(min-width: 768px){heliux-hotspot .hotspot--spotOpen .hotspot__content{width:auto}}heliux-hotspot .hotspot--spotOpen .hotspot__content .image{width:auto}heliux-hotspot .hotspot--spotOpen .hotspot__plus{display:none}heliux-hotspot .hotspot--spotOpen .hotspot__spot:focus{background-color:var(--hotspot-background)}heliux-hotspot .hotspot--spotOpen .hotspot__spot:focus heliux-icon{--icon-color: var(--hotspot-color)}heliux-hotspot .hotspot__gradientScroll{height:60px;background:linear-gradient(to top, var(--hotspot-popup-background), transparent);position:absolute;width:100%;inset-block-end:0;visibility:hidden;z-index:2;display:flex;justify-content:center}heliux-hotspot .hotspot__gradientScroll heliux-icon{--icon-size: 24px;align-items:end}.hotspot__spot:has(.hotspot__icon.hotspot__pulsating){background-color:rgba(0,0,0,0)}.hotspot__icon.hotspot__pulsating{position:relative;display:inline-block;width:var(--hotspot-size);height:var(--hotspot-size);border-radius:50%;overflow:visible;isolation:isolate;background:radial-gradient(circle, color-mix(in srgb, var(--hotspot-pulse-dot-color), transparent calc(100% - var(--hotspot-pulse-dot-opacity) * 100%)) 0 calc(var(--hotspot-pulse-dot-size) / 2), transparent calc(var(--hotspot-pulse-dot-size) / 2)),radial-gradient(circle, color-mix(in srgb, var(--hotspot-pulse-core-color), transparent calc(100% - var(--hotspot-pulse-core-opacity) * 100%)) 0 calc(var(--hotspot-pulse-core-size) / 2), transparent calc(var(--hotspot-pulse-core-size) / 2));background-repeat:no-repeat;background-position:50% 50%;background-size:100% 100%}.hotspot__icon.hotspot__pulsating::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:var(--hotspot-pulse-ring-base-size);height:var(--hotspot-pulse-ring-base-size);border-radius:50%;pointer-events:none;filter:drop-shadow(var(--hotspot-pulse-shadow));background:radial-gradient(circle, transparent 0 calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)), color-mix(in srgb, var(--hotspot-pulse-ring-color), transparent calc(100% - var(--hotspot-pulse-ring-opacity) * 100%)) calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)) calc(100% - var(--hotspot-pulse-ring-fade)), transparent 100%);animation:pulsating-animation var(--hotspot-pulse-duration) linear infinite}.hotspot__icon.hotspot__pulsating::after{content:none}@media(min-width: 768px){.hotspot__spot:hover .hotspot__icon.hotspot__pulsating{--hotspot-pulse-core-size: var(--hotspot-pulse-core-size-hover);--hotspot-pulse-dot-size: var(--hotspot-pulse-dot-size-hover)}.hotspot__spot:hover .hotspot__icon.hotspot__pulsating::before,.hotspot__spot:hover .hotspot__icon.hotspot__pulsating::after{content:"";animation:none;width:var(--hotspot-pulse-halo-size-hover);height:var(--hotspot-pulse-halo-size-hover);position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;pointer-events:none;filter:drop-shadow(var(--hotspot-pulse-halo-shadow));background:radial-gradient(circle, transparent 0 calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)), color-mix(in srgb, var(--hotspot-pulse-ring-color), transparent calc(100% - var(--hotspot-pulse-ring-opacity) * 100%)) calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)) calc(100% - var(--hotspot-pulse-ring-fade)), transparent 100%)}}.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating{--hotspot-pulse-core-size: var(--hotspot-pulse-core-size-open);--hotspot-pulse-dot-size: var(--hotspot-pulse-dot-size-open)}.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating::before,.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating::after{animation:none;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);border-radius:50%;pointer-events:none;filter:drop-shadow(var(--hotspot-pulse-halo-shadow));background:radial-gradient(circle, transparent 0 calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)), color-mix(in srgb, var(--hotspot-pulse-ring-color), transparent calc(100% - var(--_opacity) * 100%)) calc(var(--hotspot-pulse-core-size) / 2 + var(--hotspot-pulse-ring-gap)) calc(100% - var(--hotspot-pulse-ring-fade)), transparent 100%)}.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating::before{--_opacity: .7;width:16px;height:16px}.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating::after{--_opacity: .4;width:var(--hotspot-pulse-halo-size-open);height:var(--hotspot-pulse-halo-size-open)}@media(prefers-reduced-motion: reduce){.hotspot__pulsating::before{animation:none}}.hotspot__content{position:relative}.hotspot__content-close{position:absolute;inset-block-start:var(--hotspot-content-close-inset-block);inset-inline-end:var(--hotspot-content-close-inset-inline);z-index:5;display:flex;align-items:center;justify-content:center;border:none;background:rgba(0,0,0,0);cursor:pointer;padding:0}.hotspot__item--left .hotspot__content-close{inset-inline-end:auto;inset-inline-start:var(--hotspot-content-close-inset-inline-left, var(--hotspot-content-close-inset-inline))}.hotspot__content-close .hotspot__icon:hover{background-color:rgba(0,0,0,0)}.hotspot__content-close .hotspot__icon.hotspot__close{background:rgba(0,0,0,0)}.hotspot__content-close .hotspot__icon.hotspot__close heliux-icon{--icon-size: var(--hotspot-content-close-icon-size);--icon-color: var(--hotspot-content-close-icon-color)}.hotspot__spot[data-tooltip]{overflow:hidden}@media(min-width: 768px){.hotspot__spot[data-tooltip]{overflow:visible;position:relative}.hotspot__spot[data-tooltip] .hotspot__icon.hotspot__pulsating~.hotspot__icon.hotspot__close{display:none}}.hotspot__spot[data-tooltip]::after,.hotspot__spot[data-tooltip]::before{opacity:0;transform:translateX(-50%) translateY(4px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.hotspot__spot[data-tooltip]::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 12px);background:var(--hotspot-tooltip-bg);color:var(--hotspot-tooltip-color);font-weight:600;font-size:14px;line-height:1.2;padding:6px 10px;border-radius:4px;white-space:nowrap;box-shadow:var(--hotspot-tooltip-shadow);z-index:22}.hotspot__spot[data-tooltip]::before{content:"";position:absolute;left:50%;bottom:calc(100% + 0px);border:6px solid rgba(0,0,0,0);border-top-color:var(--hotspot-tooltip-bg);z-index:21}.hotspot__spot[data-tooltip]:hover::after,.hotspot__spot[data-tooltip]:hover::before{opacity:1;transform:translateX(-50%) translateY(0)}@media(min-width: 0)and (max-width: 767px){.hotspot__item.hotspot--spotOpen .hotspot__icon.hotspot__pulsating,.hotspot__item.hotspot--spotOpen .hotspot__content-close{display:none}}@keyframes pulsating-animation{0%{width:var(--hotspot-pulse-ring-base-size);height:var(--hotspot-pulse-ring-base-size);animation-timing-function:cubic-bezier(0.17, 0.67, 0.16, 0.99)}30%{width:calc(var(--hotspot-pulse-ring-base-size)*var(--hotspot-pulse-ring-scale));height:calc(var(--hotspot-pulse-ring-base-size)*var(--hotspot-pulse-ring-scale));animation-timing-function:cubic-bezier(0.17, 0.67, 0.16, 0.99)}70%{width:calc(var(--hotspot-pulse-ring-base-size)*var(--hotspot-pulse-ring-scale));height:calc(var(--hotspot-pulse-ring-base-size)*var(--hotspot-pulse-ring-scale))}100%{width:var(--hotspot-pulse-ring-base-size);height:var(--hotspot-pulse-ring-base-size)}}