/* Desktop shortcuts share a 22px display box and the same blue-grey palette. */
@media (min-width:761px){
 html body.workspace-readable .app-shell>.studio-stage>.topbar :is(#workbenchInstallBtn#workbenchInstallBtn,#usageGuideBtn#usageGuideBtn,#workspaceNotificationBtn#workspaceNotificationBtn,#customerServiceBtn#customerServiceBtn)>svg.workspace-shortcut-icon{
  display:block!important;width:22px!important;height:22px!important;flex:0 0 22px!important;
  fill:none!important;stroke:#36577f!important;stroke-width:1.65!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;overflow:visible;
 }
 html body.workspace-readable .app-shell>.studio-stage>.topbar #workbenchInstallBtn#workbenchInstallBtn>svg.workspace-shortcut-icon{color:#36577f}
 html body.workspace-readable .app-shell>.studio-stage>.topbar #workbenchInstallBtn#workbenchInstallBtn:is(:hover,:focus-visible)>svg.workspace-shortcut-icon{color:#176ff2}
 html body.workspace-readable .studio-stage>.topbar svg.workspace-shortcut-icon .shortcut-icon-surface{fill:#edf5ff!important}
 html body.workspace-readable .studio-stage>.topbar svg.workspace-shortcut-icon .shortcut-icon-accent{stroke:#1683ef!important}
 html body.workspace-readable .app-shell>.studio-stage>.topbar :is(#workbenchInstallBtn#workbenchInstallBtn,#usageGuideBtn#usageGuideBtn,#workspaceNotificationBtn#workspaceNotificationBtn,#customerServiceBtn#customerServiceBtn):is(:hover,:focus-visible)>svg.workspace-shortcut-icon{stroke:#176ff2!important}
 html body.workspace-readable .studio-stage>.topbar :is(#workbenchInstallBtn,#usageGuideBtn,#workspaceNotificationBtn,#customerServiceBtn):is(:hover,:focus-visible) .shortcut-icon-surface{fill:#e2efff!important}
}