.ribbon-icon-button{white-space:nowrap;background-color:#fff;border:1px solid #e3eaf0;border-radius:4px;height:30px;font-size:13px}.ribbon-icon-button:hover{background-color:#f7fafc}.ribbon-icon-button:active,.ribbon-icon-button:focus{background-color:#f0f6fa}.ribbon-icon-button{cursor:pointer;background-color:#fff;outline:none;padding:6px;transition:background-color .15s ease-in-out}.ribbon-icon-button .icon-wrapper{justify-content:center;align-items:center;height:100%;display:flex}.ribbon-icon-button .icon-wrapper [class*=up-font-ic]{font-size:18px}.ribbon-icon-button .icon-wrapper>svg{height:100%}.disabled.ribbon-icon-button{color:#e3eaf0;cursor:not-allowed}.disabled.ribbon-icon-button:hover,.disabled.ribbon-icon-button:active{background-color:#fff}.disabled.ribbon-icon-button .icon-wrapper [class*=up-font-ic]:before,.disabled.ribbon-icon-button .icon-wrapper [class*=up-font-ic] .path1:before,.disabled.ribbon-icon-button .icon-wrapper [class*=up-font-ic] .path2:before{color:#c4cfd7}.active.ribbon-icon-button,.active.ribbon-icon-button:hover{background-color:#f7fafc}.active.ribbon-icon-button .icon-wrapper [class*=up-font-ic]:before,.active.ribbon-icon-button .icon-wrapper [class*=up-font-ic] .path1:before,.active.ribbon-icon-button .icon-wrapper [class*=up-font-ic] .path2:before{color:#458fff}.active.ribbon-icon-button .icon-wrapper>svg>path[stroke]{stroke:#458fff}.active.ribbon-icon-button .icon-wrapper>svg>path{fill:#458fff}.ribbon-icon-button{width:30px}