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: #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}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}