.ribbon-button{white-space:nowrap;background-color:#fff;border:1px solid #e3eaf0;border-radius:4px;height:30px;font-size:13px}.ribbon-button:hover{background-color:#f7fafc}.ribbon-button:active,.ribbon-button:focus{background-color:#f0f6fa}.ribbon-button{cursor:pointer;background-color:#fff;outline:none;align-items:center;padding:6px;font-size:13px;font-weight:500;transition:background-color .3s,color .3s;display:flex}.ribbon-button .icon-wrapper{align-items:center;margin-right:4px;font-size:18px;display:flex}.ribbon-button.active .icon-wrapper [class*=up-font-ic]:before,.ribbon-button.active .icon-wrapper [class*=up-font-ic] .path1:before,.ribbon-button.active .icon-wrapper [class*=up-font-ic] .path2:before{color:#458fff}.ribbon-button.disabled{cursor:default;color:#c4cfd7}.ribbon-button.disabled:hover,.ribbon-button.disabled:active{background-color:#fff}.ribbon-button.disabled .icon-wrapper [class*=up-font-ic]:before,.ribbon-button.disabled .icon-wrapper [class*=up-font-ic] .path1:before,.ribbon-button.disabled .icon-wrapper [class*=up-font-ic] .path2:before{color:#c4cfd7}