heliux-icon{position:relative}heliux-icon:hover heliux-tooltip[data-trigger=on-hover]{visibility:visible;opacity:1}heliux-icon .icon__tooltip{--icon-tooltip-margin: calc(var(--scope-layout-margin, 20px) / 2);--icon-tooltip-background: var(--scope-color-accent2);--icon-tooltip-color: var(--scope-color-accent2-text);--icon-tooltip-shadow: 0 2px 8px 0 rgba(135, 135, 135, 50%);--icon-tooltip-padding: 17px;--icon-tooltip-fontsize: 14px;visibility:hidden;background-color:var(--icon-tooltip-background);color:var(--icon-tooltip-color);box-shadow:var(--icon-tooltip-shadow);text-align:start;width:220px;padding:var(--icon-tooltip-padding);margin-block-end:0;position:absolute;z-index:2;opacity:0;transition:opacity .3s}heliux-icon .icon__tooltip::after{content:"";position:absolute;border-width:5px;border-style:solid}@media(min-width: 0)and (max-width: 640px){heliux-icon .icon__tooltip{display:none}}heliux-icon .icon__tooltip--top{inset-block-end:calc(100% + var(--icon-tooltip-margin));inset-inline-start:50%;transform:translate3d(calc(var(--global-h-flow-dir) * -50%), 0, 0)}heliux-icon .icon__tooltip--top::after{inset-block-start:100%;inset-inline-start:50%;margin-inline-start:-5px;border-color:var(--icon-tooltip-background) rgba(0,0,0,0) rgba(0,0,0,0)}heliux-icon .icon__tooltip--bottom{inset-block-start:calc(100% + var(--icon-tooltip-margin));inset-inline-start:50%;transform:translate3d(calc(var(--global-h-flow-dir) * -50%), 0, 0)}heliux-icon .icon__tooltip--bottom::after{inset-block-end:100%;inset-inline-start:50%;margin-inline-start:-5px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) var(--icon-tooltip-background)}heliux-icon .icon__tooltip--left{inset-inline-end:100%;transform:translate3d(calc(var(--global-h-flow-dir) * -5px), 0, 0)}heliux-icon .icon__tooltip--left::after{inset-block-start:40%;inset-inline-start:100%;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) var(--icon-tooltip-background)}heliux-icon .icon__tooltip--right{inset-inline-start:100%;transform:translate3d(calc(var(--global-h-flow-dir) * 5px), 0, 0)}heliux-icon .icon__tooltip--right::after{inset-block-start:40%;inset-inline-end:100%;border-color:rgba(0,0,0,0) var(--icon-tooltip-background) rgba(0,0,0,0) rgba(0,0,0,0)}heliux-icon .icon__tooltip--leftLimit{inset-inline-start:0;transform:none}heliux-icon .icon__tooltip--leftLimit::after{inset-inline-start:15%}heliux-icon .icon__tooltip--rightLimit{inset-inline-end:0;transform:none;inset-inline-start:inherit}heliux-icon .icon__tooltip--rightLimit::after{inset-inline-end:15%;inset-inline-start:inherit}heliux-icon .icon__tooltip--visible{visibility:visible;opacity:1}heliux-icon .icon__tooltip *{font-size:var(--icon-tooltip-fontsize);text-align:start}@media(min-width: 0)and (max-width: 640px){.tooltip__popup{--modal-close-icon-size: 25px;--modal-grid-area-start: 1;--modal-grid-area-size: 12}.tooltip__popup .modal__content{margin-inline-end:40px;padding:20px}.tooltip__popup .modal__closeBtn{inset-block-start:0;inset-inline-end:0;position:absolute;width:auto;height:auto;padding:0;z-index:13}.tooltip__popup .icon__close{--icon-size: var(--modal-close-icon-size);padding:10px}}