.devui-icon__container{color:var(--devui-icon-fill,#71757f);display:inline-block}.devui-icon__container>:not(:last-child){vertical-align:middle;margin-right:8px}.devui-icon__container i{vertical-align:middle;transition:all var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out-smooth,cubic-bezier(.645, .045, .355, 1))}.devui-icon--no-slots i,.devui-icon--no-slots img{display:block}.devui-icon--disabled{color:var(--devui-disabled-text,#cfd0d3);cursor:not-allowed}.devui-icon--disabled i{color:var(--devui-disabled-text,#cfd0d3)}.devui-icon--operable:not(.devui-icon--disabled){cursor:pointer;transition:color var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out-smooth,cubic-bezier(.645, .045, .355, 1))}.devui-icon--operable:not(.devui-icon--disabled) i{cursor:pointer}.devui-icon--operable:hover:not(.devui-icon--disabled){color:var(--devui-icon-fill-hover,#252b3a)}.devui-icon--operable:hover:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-hover,var(--devui-list-item-hover-bg,#f2f2f3))}.devui-icon--operable:hover:not(.devui-icon--disabled) i{color:var(--devui-icon-fill-hover,#252b3a)}.devui-icon--operable:active:not(.devui-icon--disabled){color:var(--devui-icon-active-color,var(--devui-icon-fill-active,#252b3a))}.devui-icon--operable:active:not(.devui-icon--disabled).devui-icon__container{background-color:var(--devui-icon-background-active,var(--devui-list-item-active-bg,#f2f5fc))}.devui-icon--operable:active:not(.devui-icon--disabled) i{color:var(--devui-icon-active-color,var(--devui-icon-fill-active,#252b3a))}.devui-icon--operable.devui-icon__container{border-radius:var(--devui-border-radius,2px);height:32px;transition:all var(--devui-animation-duration-slow,.3s) var(--devui-animation-ease-in-out-smooth,cubic-bezier(.645, .045, .355, 1));margin-left:-8px;padding:0 8px;line-height:32px}.devui-icon--spin{animation:2.5s linear infinite iconSpin}.devui-svg-icon{vertical-align:middle}@keyframes iconSpin{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}.devui-icon-group{align-items:center;display:inline-flex}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable){margin-left:0;padding:8px}.devui-icon-group>.devui-icon__container:not(.devui-icon--operable):first-child{margin-left:-8px}.devui-icon-group>:not(:first-child){margin-left:0}