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__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}