.ribbon-toggle-button-toggle{white-space:nowrap;background-color:#fff;border:1px solid #e3eaf0;border-radius:4px;height:30px;font-size:13px}.ribbon-toggle-button-toggle:hover{background-color:#f7fafc}.ribbon-toggle-button-toggle:active,.ribbon-toggle-button-toggle:focus{background-color:#f0f6fa}.ribbon-toggle-button-toggle{cursor:pointer;background-color:#fff;outline:none;padding:6px;transition:background-color .15s ease-in-out}.ribbon-toggle-button-toggle .icon-wrapper{justify-content:center;align-items:center;height:100%;display:flex}.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic]{font-size:18px}.ribbon-toggle-button-toggle .icon-wrapper>svg{height:100%}.disabled.ribbon-toggle-button-toggle{color:#e3eaf0;cursor:not-allowed}.disabled.ribbon-toggle-button-toggle:hover,.disabled.ribbon-toggle-button-toggle:active{background-color:#fff}.disabled.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic]:before,.disabled.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic] .path1:before,.disabled.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic] .path2:before{color:#c4cfd7}.active.ribbon-toggle-button-toggle,.active.ribbon-toggle-button-toggle:hover{background-color:#f7fafc}.active.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic]:before,.active.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic] .path1:before,.active.ribbon-toggle-button-toggle .icon-wrapper [class*=up-font-ic] .path2:before{color:#458fff}.active.ribbon-toggle-button-toggle .icon-wrapper>svg>path[stroke]{stroke:#458fff}.active.ribbon-toggle-button-toggle .icon-wrapper>svg>path{fill:#458fff}.ribbon-toggle-button-menu.praxie-menu{border:none;height:auto}.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper{border:1px solid #e3eaf0;border-radius:2px;width:auto;min-width:auto;overflow:visible;box-shadow:0 4px 10px 1.4px #2935541a}.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper .praxie-menu-list{padding:8px}.horizontal-tools.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper{overflow:visible}.horizontal-tools.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper .praxie-menu-list{align-items:center;gap:8px;display:flex}.horizontal-tools.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper .praxie-menu-list .ribbon-icon-button{transition:background-color .3s,border-color .3s}.horizontal-tools.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper .praxie-menu-list .ribbon-icon-button:not(.active):not(:hover){border-color:#0000}.horizontal-tools.ribbon-toggle-button-menu.praxie-menu>.praxie-menu-paper .praxie-menu-list .ribbon-icon-button:not(:last-child){margin-right:6px}.ribbon-toggle-button-toggle{min-width:48px;padding:0;display:flex}.ribbon-toggle-button-toggle .icon-wrapper{flex-grow:1;padding:6px 0 6px 6px}.ribbon-toggle-button-toggle .state-box{justify-content:center;align-items:center;height:28px;margin:0 6px 0 4px;display:flex}.ribbon-toggle-button-toggle .expand-icon{width:15px;height:15px;transition:transform .3s}.ribbon-toggle-button-toggle.open{background-color:#f7fafc}.ribbon-toggle-button-toggle.open .icon-wrapper [class*=up-font-ic]:before,.ribbon-toggle-button-toggle.open .icon-wrapper [class*=up-font-ic] .path1:before,.ribbon-toggle-button-toggle.open .icon-wrapper [class*=up-font-ic] .path2:before{color:#458fff}.ribbon-toggle-button-toggle.open .icon-wrapper>svg>path[stroke]{stroke:#458fff}.ribbon-toggle-button-toggle.open .icon-wrapper>svg>path{fill:#458fff}.ribbon-toggle-button-toggle.open .icon-wrapper>svg>rect[stroke]{stroke:#458fff}.ribbon-toggle-button-toggle.open .expand-icon{color:#458fff;transform:rotate(180deg)}.ribbon-toggle-button-toggle.disabled .icon-wrapper [class*=up-font-ic]:before,.ribbon-toggle-button-toggle.disabled .icon-wrapper [class*=up-font-ic] .path1:before,.ribbon-toggle-button-toggle.disabled .icon-wrapper [class*=up-font-ic] .path2:before{color:#c4cfd7}.ribbon-toggle-button-toggle.disabled .icon-wrapper [class*=up-font-ic] path{fill:#c4cfd7}.ribbon-toggle-button-toggle.disabled .expand-icon{color:#c4cfd7}.ribbon-toggle-button-toggle.active .icon-wrapper [class*=up-font-ic]:before,.ribbon-toggle-button-toggle.active .icon-wrapper [class*=up-font-ic] .path1:before,.ribbon-toggle-button-toggle.active .icon-wrapper [class*=up-font-ic] .path2:before{color:#458fff}