heliux-badgecontainer,heliux-badgecontainer.accent1{--badgecontainer-color: var(--scope-color-accent1-text, #000);--badgecontainer-background: var(--scope-color-accent1, #fff);--badgecontainer-color-hover: var(--scope-color-accent1-hover-text, #333);--badgecontainer-background-hover: var(--scope-color-accent1-hover, #ccc)}heliux-badgecontainer.accent2{--badgecontainer-color: var(--scope-color-accent2-text, #000);--badgecontainer-background: var(--scope-color-accent2, #fff);--badgecontainer-color-hover: var(--scope-color-accent2-hover-text, #333);--badgecontainer-background-hover: var(--scope-color-accent2-hover, #ccc)}heliux-badgecontainer.badgecontainer{position:relative;display:block}heliux-badgecontainer .badgecontainer__badge{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:4}heliux-badgecontainer .badgecontainer__badge--hidden{display:none}heliux-badgecontainer .badgecontainer__link{cursor:pointer;text-decoration:none}heliux-badgecontainer .badgecontainer__link:hover{--badgecontainer-color: var(--badgecontainer-color-hover);--badgecontainer-background: var(--badgecontainer-background-hover)}heliux-badgecontainer .badgecontainer__content{display:flex;align-items:center;padding-block:10px;padding-inline:20px;background-color:var(--badgecontainer-background);color:var(--badgecontainer-color)}heliux-badgecontainer .badgecontainer__content.icon--after{flex-direction:row-reverse}heliux-badgecontainer heliux-icon,heliux-badgecontainer.accent1 heliux-icon,heliux-badgecontainer.accent2 heliux-icon{--scope-icon-color: var(--badgecontainer-color);--icon-size: var(--scope-type-font-size, inherit)}heliux-badgecontainer heliux-icon:hover,heliux-badgecontainer.accent1 heliux-icon:hover,heliux-badgecontainer.accent2 heliux-icon:hover{--scope-icon-color: var(--badgecontainer-color-hover)}heliux-badgecontainer .icon--before heliux-icon+*{margin-inline:5px 0}heliux-badgecontainer .icon--after heliux-icon+*{margin-inline:0 5px}