.header .contents {
  display: contents;
}
.header-section {
  --header-column-gap: 24px;
  --header-column-gap-mobile: 8px;
  --header-background: var(--color-background, 255, 255, 255);
  --header-color-text: var(--color-text, 0, 0, 0);
}
.header-section.transparent {
  position: absolute;
  width: 100%;
  background: linear-gradient(
    180deg,
    rgb(0 0 0 / 60%) 0%,
    rgb(22 19 19 / 0%) 100%
  );

  --header-transparent-color-text: 255, 255, 255;
}
.header-section.transparent::after {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  display: block;
  width: 100%;
  height: 0;
  content: "";
  background-color: rgb(var(--header-background));
  transition: height 0.1s ease-in;
}
.header-section.transparent:hover {
  --header-transparent-color-text: var(--header-color-text);
}
.header-section.transparent:hover::after {
  height: 100%;
}
.theme-sticky-header--sticky .header-section.transparent {
  --header-transparent-color-text: var(--header-color-text);
}
.header-section {
  --header-nav-dropdown-menu-z-index: 2;
  --header-nav-dropdown-panel-z-index: 4;

  position: relative;
}
.header-section .full-screen-width {
  max-width: 100%;
}
.header-section.divider {
  border-block-end: 1px solid rgb(var(--color-entry-line));
}
.header__container {
  position: relative;
  z-index: 1;
  background-color: rgba(var(--header-background), 1);
}
.transparent .header__container {
  background-color: rgba(var(--header-background), 0);
}
.theme-sticky-header--sticky .transparent .header__container {
  background-color: rgba(var(--header-background), 1);
}
.header__container-top {
  position: relative;
  box-sizing: content-box;
}
.header__container-top-wrap {
  position: relative;
  display: grid;
  grid-template: "action-bar-left nav logo action-bar-right" auto / minmax(
      0,
      auto
    ) minmax(0, 1fr) auto minmax(0, 1fr);
  column-gap: var(--header-column-gap);
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
@media (max-width: 959px) {
  .header__container-top-wrap {
    display: flex;
    column-gap: var(--header-column-gap-mobile);
  }
}
.header__container-top-wrap[layout$="_left_menu"]
  .header__container-top-wrap
  theme-nav-bar
  .header-nav {
  margin-inline-start: calc(var(--header-column-gap) * -1);
}
@media (min-width: 960px) {
  .header__container[layout="center_logo_left_menu"]
    .header__container-top-wrap
    .header-nav {
    margin-inline-start: calc(var(--header-column-gap) * -1);
  }
}
.header__container[layout="left_logo_wrap_menu"] .header__container-top-wrap {
  grid-template: "logo action-bar-right";
  grid-template-columns: auto 1fr;
}
@media (min-width: 960px) {
  .header__container[layout="left_logo_wrap_menu"]
    .header__container-top-wrap
    .header__logo {
    justify-content: flex-start;
  }

  .header__container[layout="left_logo_wrap_menu"]
    .header__container-top-wrap
    .header-action-bar.right {
    width: 100%;
  }

  .header__container[layout="left_logo_wrap_menu"]
    .header__container-top-wrap
    .header-action-bar.right
    .header-action-bar__search-bar {
    margin-inline-end: auto;
  }
}
.header__container[layout="center_logo_wrap_menu"] .header__container-top-wrap {
  display: flex;
}
.header__container[layout^="left_logo_left_menu"] .header__container-top-wrap {
  grid-template-areas: "logo nav action-bar-right";
  grid-template-columns: minmax(0, auto) minmax(0, auto) 1fr;
}
.header__container[layout^="left_logo_center_menu"]
  .header__container-top-wrap {
  grid-template-areas: "logo nav action-bar-right";
  grid-template-columns: 1fr minmax(0, auto) 1fr;
}
.header__container[layout="left_logo_center_menu"][type="drawer"]
  .header__container-top-wrap {
  grid-template-areas: "action-bar-left logo nav action-bar-right";
  grid-template-columns: minmax(0, auto) 1fr minmax(0, auto) 1fr;
}
.header__container[layout="center_logo_left_menu"][type="drawer"]
  .header__container-top-wrap {
  grid-template-areas: "action-bar-left logo action-bar-right";
  grid-template-columns: 1fr minmax(0, auto) 1fr;
}
.header__container-bottom {
  position: relative;
  z-index: var(--header-nav-dropdown-menu-z-index);
  display: none;
}
.header__container-bottom.divider {
  border-block-start: 1px solid rgb(var(--color-entry-line));
}
.header__container[type="drawer"] .header__container-bottom {
  display: none;
}
.header__logo {
  position: relative;
  z-index: calc(var(--header-nav-dropdown-menu-z-index) + 1);
  display: flex;
  grid-area: logo;
  align-items: center;
  justify-content: center;
  order: 20;
  transform: none;
}
.header__logo-wrapper {
  position: relative;
  display: flex;
}
.header__logo-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: Jost, sans-serif;
  font-size: 30px;
  white-space: nowrap;
}
.header__logo-link:not(.button),
.header__logo-link:not(.button):hover {
  color: rgb(var(--header-color-text));
}
.header__logo-image {
  width: var(--desktop-size);
  height: auto;
}
@media (max-width: 959px) {
  .header__logo-image {
    width: var(--mobile-size);
    max-height: 100%;
  }
}
.header__logo-link.transparent {
  position: absolute;
  inset: 0;
  max-height: 100%;
  visibility: hidden;
}
.header__logo-link.transparent .header__logo-image {
  height: 100%;
  object-fit: contain;
}
.header [layout^="left_logo_"]__logo-link {
  justify-content: flex-start;
}
.transparent .header__logo-link {
  color: rgb(var(--header-transparent-color-text, var(--color-text)));
  visibility: hidden;
}
.transparent:hover .header__logo-link {
  visibility: visible;
}
.transparent .header__logo-link.transparent {
  visibility: visible;
}
.transparent:hover .header__logo-link.transparent {
  visibility: hidden;
}
.theme-sticky-header--sticky .transparent .header__logo-link {
  color: inherit;
  visibility: visible;
}
.theme-sticky-header--sticky .transparent .header__logo-link.transparent {
  visibility: hidden;
}
.header__container[layout="center_logo_wrap_menu"] .header__action-bar {
  flex: 1;
}
[layout$="_wrap_menu"] .header__container-top ~ .header__container-bottom {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
[type="drawer"] .header__container-top ~ .header__container-bottom {
  display: none;
}
@media (max-width: 959px) {
  .header {
  }
  .header__container[mobile-layout="left_logo"] .header__container-top-wrap {
    display: grid;
    grid-template: "action-bar-left logo nav action-bar-right" auto / auto minmax(
        0,
        1fr
      ) 0 auto;
  }

  .header__container[mobile-layout="left_logo"]
    .header__container-top-wrap
    .header__logo {
    justify-content: flex-start;
  }

  .header__container[mobile-layout="left_logo"]
    .header__container-top-wrap
    .header-action-bar.right
    .header-action-bar__search {
    display: inline-flex;
  }
  .header__container[mobile-layout="center_logo"] .header__container-top-wrap {
    display: grid;
    grid-template: "action-bar-left nav logo action-bar-right" auto / 0 minmax(
        0,
        1fr
      ) auto minmax(0, 1fr);
  }
}