/* Keep the real label available to assistive technology in compact controls. */
:root .action-control{position:relative;min-width:44px;max-width:100%;white-space:nowrap;overflow-wrap:normal}
.action-label{flex:0 0 auto;white-space:nowrap}
.action-icon{display:none;flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
:root .action-control.action-compact{padding-left:12px;padding-right:12px;gap:0}
.action-compact>.action-icon{display:block}
.action-compact>.action-label{position:absolute;width:max-content;height:1px;overflow:hidden;clip-path:inset(50%);pointer-events:none}
:root .is-refreshing :is(#server-status-refresh,#server-manager-refresh,#gateway-status-refresh,#recovery-create){padding-left:32px}
:root .is-refreshing :is(#server-status-refresh,#server-manager-refresh,#gateway-status-refresh,#recovery-create).action-compact{padding-left:12px;padding-right:12px}
:root .action-compact:is(#server-status-refresh,#server-manager-refresh,#gateway-status-refresh,#recovery-create)::before{display:none}
.is-refreshing .action-compact>.action-icon[data-kind=refresh]{animation:status-refresh-spin .8s linear infinite}
@media(prefers-reduced-motion:reduce){.is-refreshing .action-compact>.action-icon{animation:none}}