:host(:not([hidden])) .ui5-shellbar-branding-root {
    text-decoration: none;
}

:host(:not([hidden])) {
    display: inline;
}

.ui5-shellbar-branding-root {
	overflow: hidden;
	display: flex;
	align-items: center;
	padding-block: 0.25rem;
	padding-inline: 0.25rem 0.5rem;
	box-sizing: border-box;
	cursor: pointer;
	background: var(--sapButton_Lite_Background);
	border: 1px solid var(--sapButton_Lite_BorderColor);
	color: var(--sapShell_TextColor);
	/* fix cutting of the focus outline */
	margin-inline-start: 0.125rem;
	margin-inline-end: .5rem;
}

.ui5-shellbar-branding-root:focus {
	outline: var(--_ui5_shellbar_logo_outline);
	outline-offset: calc(-1 * var(--sapContent_FocusWidth));
	border-radius: var(--_ui5_shellbar_logo_border_radius);
}

.ui5-shellbar-branding-root:hover {
	box-shadow: var(--_ui5_shellbar_button_box_shadow);
	border-radius: var(--_ui5_shellbar_logo_border_radius);
}

.ui5-shellbar-branding-root:active:focus {
	background: var(--sapShell_Active_Background);
	border: 1px solid var(--sapButton_Lite_Active_BorderColor);
	color: var(--sapShell_Active_TextColor);
}

.ui5-shellbar-title {
	display: inline-block;
	font-family: var(--sapFontSemiboldDuplexFamily);
	margin: 0;
	font-size: var(--_ui5_shellbar_menu_button_title_font_size);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: var(--sapShell_SubBrand_TextColor);
	margin-inline-start: 0.25rem;
}

.ui5-shellbar-logo-area {
	overflow: hidden;
	display: flex;
	align-items: center;
	padding: .25rem .5rem .25rem .25rem;
	box-sizing: border-box;
	cursor: pointer;
	background: var(--sapButton_Lite_Background);
	border: 1px solid var(--sapButton_Lite_BorderColor);
	color: var(--sapShell_TextColor);
	/* fix cutting of the focus outline */
	margin-inline-start: 0.125rem;
}

::slotted([slot="logo"]) {
	max-height: 2rem;
	padding-inline: 0.25rem;
	vertical-align: middle;
}

::slotted([slot="logo"]):active {
	pointer-events: none;
}