.nova-web-component-header {
  --web-header-bg-color: #162434;
  --web-header-color: #ffffff;
  --web-header-hover-bg-color: #162434;
  --web-header-hover-color: #b1d3fb;
  height: 40px;
  width: 100%;
  background-color: var(--web-header-bg-color);
  display: flex;
  justify-content: space-between;
  color: var(--web-header-color);
}
.nova-web-component-header .nova-web-header-left-container {
  display: flex;
  flex-shrink: 0;
  justify-content: space-between;
}
.nova-web-component-header .nova-web-header-left-container .nova-web-header-logo {
  --web-component-logo-bg-color: var(--web-header-bg-color);
  --web-component-logo-color: var(--web-header-color);
}
.nova-web-component-header .nova-web-header-left-container .nova-web-header-session-visualizer {
  width: 58px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.nova-web-component-header .nova-web-header-left-container .nova-web-button-container {
  background-color: var(--web-header-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nova-web-component-header .nova-web-header-left-container .nova-web-button-container .nova-web-component-button:nth-last-child(-n + 1) {
  border-right: none;
}
.nova-web-component-header .nova-web-header-right-container {
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
}
.nova-web-component-header .nova-web-header-right-container .nova-web-button-container {
  background-color: var(--web-header-bg-color);
  display: flex;
  align-items: center;
  justify-content: center;
}
.nova-web-component-header .nova-web-header-right-container .nova-web-button-container .nova-web-component-button:nth-last-child(-n + 2) {
  border-right: none;
}
.nova-web-component-header .nova-web-more-button {
  position: relative;
}
.nova-web-component-header .nova-web-more-button .nova-web-more-button-sub-buttons-container {
  position: absolute;
  top: 40px;
  right: 0;
  min-width: 100%;
  background-color: var(--web-header-bg-color);
  display: flex;
  flex-direction: column;
  z-index: 10;
}
.nova-web-component-header .nova-web-more-button .nova-web-more-button-sub-buttons-container .nova-web-component-button {
  justify-content: flex-start;
  border: none;
  flex-direction: column;
}
.nova-web-component-header .nova-web-more-button .nova-web-more-button-sub-buttons-container .nova-web-component-button .nova-web-button-text-container {
  padding: 0 15px 0 0;
  flex-grow: 1;
}
.nova-web-component-header .nova-web-more-button .nova-web-more-button-sub-buttons-container .nova-web-component-button .nova-web-component-button-sub-buttons-container {
  position: static;
}
.nova-web-component-header .nova-web-button-container .nova-web-component-button {
  --web-component-button-bg-color: var(--web-header-bg-color);
  --web-component-button-color: var(--web-header-color);
  --web-component-button-hover-bg-color: var(--web-header-hover-bg-color);
  --web-component-button-hover-color: var(--web-header-hover-color);
  border-image: linear-gradient(180deg, rgba(247, 247, 247, 0) 5%, #ffffff 50%, rgba(247, 247, 247, 0) 95%);
  border-image-slice: 1;
  border-width: 1px;
  border-style: solid;
  border-top: none;
  border-left: none;
  border-bottom: none;
}
@media screen and (max-width: 600px) {
  .nova-web-component-header .nova-web-more-button .nova-web-more-button-sub-buttons-container {
    position: fixed;
    z-index: 100;
  }
  .nova-web-component-header .nova-web-header-left-container .nova-web-header-logo .nova-web-header-logo-product-name:not(.nova-web-no-application-name) {
    display: none;
  }
}