.icon{height:fit-content;color:var(--body-color);transition:var(--transition);line-height:.5;display:inline-block}
.icon svg{fill:var(--body-color)}
.icon.primary svg{fill:var(--bdtoow0)}
.icon.secondary svg{fill:var(--bdtoow3)}
.icon.tertiary svg{fill:var(--bdtoow7)}
.icon.quaternary svg{fill:var(--bdtoowc)}
.icon.accent svg{fill:var(--bdtoowe)}
.icon.white svg{fill:var(--bdtoowg)}
.icon.gray-light svg{fill:var(--bdtoowp)}
.icon.gray svg{fill:var(--bdtoowm)}
.icon.gray-dark svg{fill:var(--bdtoown)}
.icon.success svg{fill:var(--bdtoow19)}
.icon.warning svg{fill:var(--bdtoow1d)}
.icon.error svg{fill:var(--bdtoow1f)}
.icon.info svg{fill:var(--bdtoow1b)}
.icon.clickable{cursor:pointer}
.icon.clickable:hover{opacity:.5}
.link{transition:var(--transition)}
.link:active,.link:hover,.link:focus{filter:brightness(.9)}
.link.primary{color:var(--bdtoow0)}
.link.secondary{color:var(--bdtoow3)}
.link.tertiary{color:var(--bdtoow7)}
.link.accent{color:var(--bdtoowe)}
.link.success{color:var(--bdtoow19)}
.link.warning{color:var(--bdtoow1d)}
.link.error{color:var(--bdtoow1f)}
.link.info{color:var(--bdtoow1b)}
.link.black{color:var(--bdtoowi)}
.link.light{font-weight:var(--font-weight-light)}
.link.medium{font-weight:var(--font-weight-normal)}
.link.semi{font-weight:var(--font-weight-semibold)}
.link.bold{font-weight:var(--font-weight-bold)}
.link.underline{text-decoration:underline}
.link--icon{align-items:center;display:inline-flex}
.link__icon--left{margin-right:8px}
.link__icon--right{margin-left:8px}
