.bce-icon.bce-icon--white{--icon-color: var(--bc-color-white)}.bce-icon.bce-icon--black{--icon-color: var(--bc-color-black)}.bce-icon.bce-icon--background-primary,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-primary{--icon-box-background-color: var(--bc-color-surface-primary)}.bce-icon.bce-icon--background-secondary,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-secondary{--icon-box-background-color: var(--bc-color-surface-secondary)}.bce-icon.bce-icon--background-accent,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-accent{--icon-box-background-color: var(--bc-color-surface-accent)}.bce-icon.bce-icon--background-highlight,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-highlight{--icon-box-background-color: var(--bc-color-surface-highlight)}.bce-icon.bce-icon--background-deep,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-deep{--icon-box-background-color: var(--bc-color-surface-deep)}.bce-icon.bce-icon--background-neutral,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-neutral{--icon-box-background-color: var(--bc-color-surface-neutral)}.bce-icon.bce-icon--background-contrast,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-contrast{--icon-box-background-color: var(--bc-color-surface-contrast, var(--bc-color-surface-inverse, var(--bc-color-neutral-black)))}.bce-icon.bce-icon--background-white,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-white{--icon-box-background-color: var(--bc-color-white)}.bce-icon.bce-icon--background-black,.bce-icon.bce-icon.bce-icon--rounded-box.bce-icon--background-black{--icon-box-background-color: var(--bc-color-black)}.bk-icon-link{display:inline-flex;align-items:center;justify-content:center;color:inherit;text-decoration:none;transition:color .2s ease,transform .2s ease,opacity .2s ease}.bk-icon-link:hover{transform:translateY(-1px)}.bk-icon-link:active{transform:translateY(0);opacity:.85}.bk-icon-orientation--rotate-45{transform:rotate(45deg)}.bk-icon-orientation--rotate-90{transform:rotate(90deg)}.bk-icon-orientation--rotate-180{transform:rotate(180deg)}.bk-icon-orientation--rotate-270{transform:rotate(270deg)}.bk-icon-orientation--flip-horizontal{transform:scaleX(-1)}.bk-icon-orientation--flip-vertical{transform:scaleY(-1)}.bce-icon--fallback{opacity:.7}