:host { header { background-color: var(--ds-header-bg); } .navbar-brand img { max-height: var(--ds-header-logo-height); max-width: 100%; } .navbar-toggler { border: none; color: var(--ds-header-icon-color); &:hover, &:focus { color: var(--ds-header-icon-color-hover); } .toggler-icon { width: 1.5em; height: 1.5em; line-height: 1.5; } } .navbar { display: flex; gap: calc(var(--bs-spacer) / 3); align-items: center; } }