/* ============================================================================
   ACTION BUTTON STYLING
   ============================================================================ */

.ui5-shellbar-action-button {
	width: 2.25rem;
	height: 2.25rem;
	color: var(--sapShell_TextColor);
}

.ui5-shellbar-action-button:hover {
	color: var(--sapShell_TextColor);
}

.ui5-shellbar-action-button[active] {
	color: var(--_ui5_shellbar_button_active_color);
}

.ui5-shellbar-action-button > [ui5-button-badge][slot="badge"][design="OverlayText"] {
	top: var(--_ui5-shellbar-badge-offset, 0);
	margin: var(--_ui5-shellbar-badge-margin, -0.5rem);
}

[ui5-li]:after {
	position: relative;
	width: fit-content;
	height: 1rem;
	min-width: 1rem;
	background: var(--sapContent_BadgeBackground);
	border: var(--_ui5_shellbar_button_badge_border);
	color: var(--sapContent_BadgeTextColor);
	bottom: calc(100% + 0.0625rem);
	left: 1.25rem;
	padding: 0 0.3125rem;
	border-radius: 0.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: var(--sapFontSmallSize);
	font-family: var(--sapFontFamily);
	z-index: 2;
	box-sizing: border-box;
	pointer-events: none;
}

[ui5-li][data-count]:after {
	content: attr(data-count);
}