.app\:icon{background-color:var(--icon-background,transparent);color:var(--icon-color,currentcolor);height:calc(var(--dimensions)*1rem);width:calc(var(--dimensions)*1rem)}.app\:icon:not(:is(svg)){align-items:center;display:flex;justify-content:center}.app\:icon:is(svg){fill:currentcolor;stroke:none;transition:background-color .25s cubic-bezier(.4,0,.2,1),background-size .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1),stroke .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),filter .3s cubic-bezier(.4,0,.2,1)}.app\:icon i{--font-size:calc(var(--font-dimensions)*1rem);color:var(--icon-color);font-size:var(--font-size,var(--base-font-size))}.app\:icon.--shadow,.app\:icon.--themed{color:rgba(var(--theme),1)}.app\:icon.--shadow{filter:drop-shadow(.125em .125em 0 rgba(var(--lighter),1))}.app\:icon.--inline{display:inline;margin-right:var(--base-margin-small)}.app\:icon.--loading{animation:rotate .65s linear infinite;transform-origin:center}.app\:icon.--rounded{border-radius:var(--border-radius-round)}.app\:icon.--has-background:not(.app\:icon.--rounded){border-radius:var(--border-radius-md)}@keyframes rotate{0%{transform:rotate(0)}50%{transform:rotate(205deg)}to{transform:rotate(1turn)}}