.ui5-button-icon{align-items:center;background-color:transparent;border:none;border-radius:2px;display:flex;justify-content:center;outline:1px solid transparent;outline-offset:-1px;overflow:hidden;padding:0;position:relative;transition:all .2s ease-in-out}.ui5-button-icon,.ui5-button-icon *{box-sizing:border-box}.ui5-button-icon:focus-visible:not(:disabled,.disabled,.loading,.preloading){outline-color:red}.ui5-button-icon__loader{position:absolute}.ui5-button-icon__icon{transition:all .2s ease-in-out}.ui5-button-icon--light.ui5-button-icon--fill{background-color:#1c1c271a}.ui5-button-icon--dark.ui5-button-icon--fill{background-color:#1c1c27}.ui5-button-icon.loading .ui5-button-icon__icon,.ui5-button-icon.preloading .ui5-button-icon__icon{opacity:0}.ui5-button-icon.disabled{background-color:transparent;opacity:.1}.ui5-button-icon--light{color:#000000e0}.ui5-button-icon--light:hover:not(:disabled,.disabled,.loading,.preloading){background-color:#1c1c270f}.ui5-button-icon--light.active,.ui5-button-icon--light:active:not(:disabled,.disabled,.loading,.preloading){background-color:#1c1c2708}.ui5-button-icon--light.loading,.ui5-button-icon--light:focus-visible{background-color:#1c1c2708}.ui5-button-icon--light.preloading{background:#1c1c270f;cursor:not-allowed;overflow:hidden;pointer-events:none;position:relative}.ui5-button-icon--light.preloading:after{animation:mask 1.2s cubic-bezier(.16,.03,.02,.68) infinite;background-image:linear-gradient(270deg,#fff,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ui5-button-icon--dark{color:#ffffffe0}.ui5-button-icon--dark.ui5-button-icon--ghost:hover:not(:disabled,.disabled,.loading,.preloading){background-color:#f5f5f51f}.ui5-button-icon--dark.ui5-button-icon--ghost.active,.ui5-button-icon--dark.ui5-button-icon--ghost:active:not(:disabled,.disabled,.loading,.preloading){background-color:#f5f5f514}.ui5-button-icon--dark.ui5-button-icon--ghost.loading,.ui5-button-icon--dark.ui5-button-icon--ghost:focus-visible{background-color:#f5f5f514}.ui5-button-icon--dark.ui5-button-icon--ghost.preloading{background:#f5f5f514;cursor:not-allowed;overflow:hidden;pointer-events:none;position:relative}.ui5-button-icon--dark.ui5-button-icon--ghost.preloading:after{animation:mask 1.2s cubic-bezier(.16,.03,.02,.68) infinite;background-image:linear-gradient(270deg,#fff,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ui5-button-icon--dark.ui5-button-icon--fill:hover:not(:disabled,.disabled,.loading,.preloading){background-color:#33333d}.ui5-button-icon--dark.ui5-button-icon--fill.active,.ui5-button-icon--dark.ui5-button-icon--fill:active:not(:disabled,.disabled,.loading,.preloading){background-color:#494952}.ui5-button-icon--dark.ui5-button-icon--fill.loading,.ui5-button-icon--dark.ui5-button-icon--fill:focus-visible{background-color:#494952}.ui5-button-icon--dark.ui5-button-icon--fill.preloading{background:#494952;cursor:not-allowed;overflow:hidden;pointer-events:none;position:relative}.ui5-button-icon--dark.ui5-button-icon--fill.preloading:after{animation:mask 1.2s cubic-bezier(.16,.03,.02,.68) infinite;background-image:linear-gradient(270deg,#fff,#fff0);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.ui5-button-icon--XS{height:24px;min-width:24px;width:24px}.ui5-button-icon--S{height:32px;min-width:32px;width:32px}.ui5-button-icon--M{height:34px;min-width:34px;width:34px}.ui5-button-icon--L{height:40px;min-width:40px;width:40px}