.SelectNavigation_SelectListItem_item {
  position: relative;
  display: block;
  padding: 12px calc(32px + 1.25em) 12px 16px;
  border-radius: 4px;
  overflow: hidden;
}
.SelectNavigation_SelectListItem_item svg {
  position: absolute;
  right: 16px;
  top: calc(12.48px - 0.5em + 12px);
  font-size: 1.25em;
}
.SelectNavigation_SelectListItem_item.SelectNavigation_SelectListItem_current {
  background-color: #f6f6f6;
}
.SelectNavigation_SelectListItem_item.SelectNavigation_SelectListItem_current:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: #008285;
}
.SelectNavigation_SelectListItem_item:hover {
  background-color: #f6f6f6;
  text-decoration: underline;
}
.SelectNavigation_SelectListItem_item:not(
    .SelectNavigation_SelectListItem_first
  ) {
  margin-top: 4px;
}
.SelectNavigation_SelectHeading_heading {
  margin: 0;
  background-color: #fff;
}
.SelectNavigation_SelectHeading_button {
  display: block;
  width: 100%;
  padding: 16px 0;
}
@media (min-width: 820px) {
  .SelectNavigation_SelectHeading_button {
    font: 400 16px/1.56 Roboto, Open Sans, Arial, Helvetica, sans-serif;
    padding-top: 48px;
  }
}
.SelectNavigation_SelectHeading_button svg {
  position: absolute;
  top: 16px;
  right: 16px;
  transition-property: opacity;
  transition-duration: 0.3s;
  opacity: 0;
  font-size: 1.7142857143em;
}
@media (min-width: 820px) {
  .SelectNavigation_SelectHeading_button svg {
    font-size: 1.5em;
  }
}
.SelectNavigation_SelectHeading_pagetitle {
  display: block;
  color: #707070;
  transition: opacity 0.3s;
  opacity: 0;
  padding-right: calc(32px + 2em);
}
@media (min-width: 820px) {
  .SelectNavigation_SelectHeading_pagetitle {
    display: none;
  }
}
.SelectNavigation_SelectHeading_currentpage,
.SelectNavigation_SelectHeading_label {
  font-weight: 500;
}
.SelectNavigation_SelectHeading_currentpage {
  transition: opacity 0.3s;
  opacity: 0;
}
@media (min-width: 820px) {
  .SelectNavigation_SelectHeading_currentpage {
    display: none;
  }
}
.SelectNavigation_SelectHeading_heading.SelectNavigation_SelectHeading_sticks
  .SelectNavigation_SelectHeading_button {
  cursor: pointer;
}
.SelectNavigation_SelectHeading_heading.SelectNavigation_SelectHeading_sticks
  .SelectNavigation_SelectHeading_button
  svg {
  transition-property: transform, opacity;
}
.SelectNavigation_SelectHeading_heading.SelectNavigation_SelectHeading_sticks
  .SelectNavigation_SelectHeading_button
  svg,
.SelectNavigation_SelectHeading_heading.SelectNavigation_SelectHeading_sticks
  .SelectNavigation_SelectHeading_currentpage,
.SelectNavigation_SelectHeading_heading.SelectNavigation_SelectHeading_sticks
  .SelectNavigation_SelectHeading_pagetitle {
  opacity: 1;
}
.SelectNavigation_SelectHeading_heading:not(
    .SelectNavigation_SelectHeading_expanded
  )
  .SelectNavigation_SelectHeading_button
  svg {
  transform: rotate(180deg);
}
.SelectNavigation_SelectNavList_nav {
  contain: layout;
}
.SelectNavigation_SelectNavList_list {
  z-index: 0;
  padding: 16px 0;
  background-color: #fff;
  position: relative;
  contain: paint;
}
@media (max-width: 819px) {
  .SelectNavigation_SelectNavList_list {
    overflow-y: auto;
    padding: 16px var(--body-padding);
    left: calc(-1 * var(--body-padding));
    width: calc(100% + 2 * var(--body-padding));
  }
  .SelectNavigation_SelectNavList_list.SelectNavigation_SelectNavList_animate {
    transition: transform 0.3s;
  }
}
.SelectNavigation_SelectNavList_list:after,
.SelectNavigation_SelectNavList_list:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background-color: #e5e5e5;
}
@media (max-width: 819px) {
  .SelectNavigation_SelectNavList_list:after,
  .SelectNavigation_SelectNavList_list:before {
    left: var(--body-padding);
    right: var(--body-padding);
  }
}
.SelectNavigation_SelectNavList_list:before {
  top: 0;
}
.SelectNavigation_SelectNavList_list:after {
  bottom: 0;
}
.SelectNavigation_container {
  position: relative;
  margin-top: -34.84px;
}
@media (min-width: 820px) {
  .SelectNavigation_container {
    display: flex;
    justify-content: flex-start;
    margin-top: -48px;
  }
}
.SelectNavigation_desktopwrapper {
  position: sticky;
  top: 0;
  transition: top 0.3s;
  align-self: start;
}
@media (max-width: 819px) {
  .SelectNavigation_heading {
    z-index: 2;
    position: sticky;
    top: 0;
    transition: top 0.3s;
    transform: translateY(-1px);
    margin-top: 1px;
  }
}
.SelectNavigation_chapo {
  font: 300 18px/1.61 Roboto, Open Sans, Arial, Helvetica, sans-serif;
  margin-bottom: 48px;
}
@media (min-width: 820px) {
  .SelectNavigation_chapo {
    width: calc(var(--column-unit) * 6 - var(--grid-gap));
  }
  .SelectNavigation_nav {
    width: calc(var(--column-unit) * 4 - var(--grid-gap));
  }
}
@media (max-width: 819px) {
  .SelectNavigation_nav {
    position: sticky;
    z-index: 1;
    top: -100%;
    transition: top 0.3s;
  }
}
.SelectNavigation_aside {
  padding: 24px 0 0;
}
@media (min-width: 820px) {
  .SelectNavigation_aside {
    padding: 24px 0;
    width: calc(var(--column-unit) * 4 - var(--grid-gap));
  }
  .SelectNavigation_content {
    width: calc(var(--column-unit) * 6 - var(--grid-gap));
    margin-left: calc(var(--column-unit) + var(--grid-gap));
  }
}
.SelectNavigation_container.SelectNavigation_sticks.SelectNavigation_expanded
  .SelectNavigation_nav
  > *,
.SelectNavigation_container.SelectNavigation_sticks:not(
    .SelectNavigation_expanded
  )
  .SelectNavigation_heading {
  box-shadow: 0 2px 2px -2px #0000001a;
}
.SelectNavigation_SelectContent_title {
  padding-bottom: 24px;
  padding-top: 48px;
}