.cta {
  font-family: var(--button-font-family);
  font-size: var(--button-font-size);
  line-height: var(--button-line-height);
  font-weight: var(--button-weight);
  letter-spacing: var(--button-letter-spacing);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: var(--sm-4) var(--sm-3);
  outline: 0;
  border: none;
  background-color: var(--primary-5);
  color: var(--primary-1);
  transition: all .3s ease-out;
  text-align: center;
  text-decoration: none;
  border-radius: var(--button-radius);
  gap: var(--xs-1)
}
.cta__label {
  margin-top: -.4rem
}
.cta:hover {
  background-color: var(--primary-4);
  color: var(--primary-1)
}
.cta:focus-visible {
  box-shadow: 0 0 0 2px inset var(--base-2);
  color: var(--base-5);
  background-color: var(--base-1);
  outline: 0
}
.cta:focus-visible__icon {
  color: var(--base-5)
}
.cta__icon {
  font-size: var(--icon-font-size);
  line-height: var(--icon-font-size);
  transition: all .3s linear
}
.cta__icon:hover {
  text-decoration: none
}
.cta__inner {
  gap: .8rem
}
.cta--secondary {
  background-color: var(--secondary-3);
  color: var(--base-1)
}
.cta--secondary:hover {
  color: var(--primary-1);
  background-color: var(--secondary-3)
}
.cta--secondary:focus-visible {
  color: var(--base-1);
  background-color: var(--dark-5)
}
.cta--secondary:focus-visible .cta__icon {
  color: var(--primary-1)
}
.cta--tertiary {
  background-color: transparent;
  box-shadow: 0 0 0 1px inset var(--primary-1);
  color: var(--primary-1)
}
.cta--tertiary:hover {
  background-color: transparent;
  box-shadow: 0 0 0 1px inset var(--primary-4)
}
.cta--tertiary:focus-visible {
  color: var(--base-1);
  background-color: var(--base-5)
}
.cta--tertiary:focus-visible .cta__icon {
  color: var(--primary-1)
}
.cta--text-link {
  padding: 0;
  background-color: transparent;
  color: var(--primary-1);
  gap: var(--xs-1);
  justify-content: start
}
.cta--text-link:focus-visible,
.cta--text-link:hover {
  background-color: transparent
}
.cta--text-link:focus-visible .cta__label,
.cta--text-link:hover .cta__label {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: var(--primary-1)
}
.cta--text-link:focus-visible {
  outline: solid 2px var(--base-2);
  outline-offset: var(--xs-1);
  box-shadow: none;
  color: var(--primary-1)
}
.cta--overlay-card::before {
  content: "";
  position: absolute;
  inset: 0
}
@media (min-width:576px) {
  .cta {
    width: -moz-max-content;
    width: max-content;
    max-width: 100%
  }
}
.card-dark .cta,
.panel-dark .cta,
.section-dark .cta,
.theme-dark .cta {
  background-color: var(--base-5);
  color: var(--primary-1)
}
.card-dark .cta:hover,
.panel-dark .cta:hover,
.section-dark .cta:hover,
.theme-dark .cta:hover {
  background-color: var(--secondary-3)
}
.card-dark .cta:focus-visible,
.panel-dark .cta:focus-visible,
.section-dark .cta:focus-visible,
.theme-dark .cta:focus-visible {
  box-shadow: 0 0 0 2px inset var(--base-2);
  color: var(--base-1)
}
.card-dark .cta--secondary,
.panel-dark .cta--secondary,
.section-dark .cta--secondary,
.theme-dark .cta--secondary {
  background-color: var(--primary-2);
  color: var(--base-5)
}
.card-dark .cta--secondary:hover,
.panel-dark .cta--secondary:hover,
.section-dark .cta--secondary:hover,
.theme-dark .cta--secondary:hover {
  background-color: var(--secondary-3);
  color: var(--primary-1)
}
.card-dark .cta--secondary .cta__icon,
.panel-dark .cta--secondary .cta__icon,
.section-dark .cta--secondary .cta__icon,
.theme-dark .cta--secondary .cta__icon {
  color: var(--primary-4)
}
.card-dark .cta--secondary:focus-visible,
.panel-dark .cta--secondary:focus-visible,
.section-dark .cta--secondary:focus-visible,
.theme-dark .cta--secondary:focus-visible {
  box-shadow: 0 0 0 2px inset var(--base-5);
  color: var(--base-5);
  background-color: var(--light-10)
}
.card-dark .cta--secondary:focus-visible .cta__icon,
.panel-dark .cta--secondary:focus-visible .cta__icon,
.section-dark .cta--secondary:focus-visible .cta__icon,
.theme-dark .cta--secondary:focus-visible .cta__icon {
  color: vaar(--base-5)
}
.card-dark .cta--tertiary,
.panel-dark .cta--tertiary,
.section-dark .cta--tertiary,
.theme-dark .cta--tertiary {
  background-color: transparent;
  box-shadow: 0 0 0 1px inset var(--base-5);
  color: var(--base-5)
}
.card-dark .cta--tertiary:hover,
.panel-dark .cta--tertiary:hover,
.section-dark .cta--tertiary:hover,
.theme-dark .cta--tertiary:hover {
  box-shadow: 0 0 0 1px inset var(--base-5);
  background-color: transparent;
  color: var(--primary-5)
}
.card-dark .cta--tertiary:focus-visible,
.panel-dark .cta--tertiary:focus-visible,
.section-dark .cta--tertiary:focus-visible,
.theme-dark .cta--tertiary:focus-visible {
  box-shadow: 0 0 0 2px inset var(--base-5);
  color: var(--base-5)
}
.card-dark .cta--tertiary:focus-visible .cta__icon,
.panel-dark .cta--tertiary:focus-visible .cta__icon,
.section-dark .cta--tertiary:focus-visible .cta__icon,
.theme-dark .cta--tertiary:focus-visible .cta__icon {
  color: var(--base-5)
}
.card-dark .cta--tertiary .cta__icon,
.panel-dark .cta--tertiary .cta__icon,
.section-dark .cta--tertiary .cta__icon,
.theme-dark .cta--tertiary .cta__icon {
  color: var(--primary-5)
}
.card-dark .cta--text-link,
.panel-dark .cta--text-link,
.section-dark .cta--text-link,
.theme-dark .cta--text-link {
  background-color: transparent;
  color: var(--base-5)
}
.card-dark .cta--text-link:hover,
.panel-dark .cta--text-link:hover,
.section-dark .cta--text-link:hover,
.theme-dark .cta--text-link:hover {
  background-color: transparent
}
.card-dark .cta--text-link:hover .cta__label,
.panel-dark .cta--text-link:hover .cta__label,
.section-dark .cta--text-link:hover .cta__label,
.theme-dark .cta--text-link:hover .cta__label {
  color: var(--base-5);
  text-decoration: underline
}
.card-dark .cta--text-link:focus-visible,
.panel-dark .cta--text-link:focus-visible,
.section-dark .cta--text-link:focus-visible,
.theme-dark .cta--text-link:focus-visible {
  box-shadow: none;
  outline: solid 2px var(--base-5)
}
.card-dark .cta--text-link:focus-visible .cta__label,
.panel-dark .cta--text-link:focus-visible .cta__label,
.section-dark .cta--text-link:focus-visible .cta__label,
.theme-dark .cta--text-link:focus-visible .cta__label {
  color: var(--base-5);
  text-decoration: underline
}
.card-dark .cta--text-link .cta__icon,
.panel-dark .cta--text-link .cta__icon,
.section-dark .cta--text-link .cta__icon,
.theme-dark .cta--text-link .cta__icon {
  color: var(--base-5)
}
.action-button {
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  padding: var(--xs-1);
  outline: 0;
  border: none;
  text-align: center;
  text-decoration: none;
  font-size: 2.4rem;
  color: var(--primary-1);
  background-color: transparent;
  font-weight: 700;
  transition: all .25s
}
.action-button:hover {
  color: var(--primary-4)
}
.action-button:focus-visible {
  box-shadow: inset 0 0 0 2px var(--base-1);
  outline: 0;
  color: var(--base-1)
}
.action-button--solid {
  color: var(--base-5)
}
.action-button--solid.small {
  font-size: 1.8rem
}
.action-button--solid:hover {
  background-color: var(--primary-4);
  color: var(--primary-1)
}
.action-button--solid:focus-visible {
  box-shadow: inset 0 0 0 1px var(--primary-1);
  outline: 0
}
.card-dark .action-button,
.panel-dark .action-button,
.section-dark .action-button {
  color: var(--base-5)
}
.card-dark .action-button:focus-visible,
.panel-dark .action-button:focus-visible,
.section-dark .action-button:focus-visible {
  background-color: transparent;
  box-shadow: inset 0 0 0 2px var(--base-5);
  outline: 0
}
.card-dark .action-button--solid,
.panel-dark .action-button--solid,
.section-dark .action-button--solid {
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background-color: var(--light-10)
}
.card-dark .action-button--solid:hover,
.panel-dark .action-button--solid:hover,
.section-dark .action-button--solid:hover {
  background-color: var(--light-25)
}
.card-dark .action-button--solid:focus-visible,
.panel-dark .action-button--solid:focus-visible,
.section-dark .action-button--solid:focus-visible {
  background-color: var(--light-10);
  box-shadow: inset 0 0 0 2px var(--base-5);
  outline: 0
}
.logo-container {
  width: 14rem;
  height: 7rem
}
.logo-container__image {
  max-width: 100%
}
@media (min-width:992px) {
  .logo-container {
    width: 19.2rem;
    height: 9.6rem
  }
}
.tag-text {
  border: solid 1px var(--base-3);
  text-decoration: none;
  transition: all .25s;
  color: var(--color-utility);
  width: -moz-max-content;
  width: max-content
}
.tag-text:hover {
  color: var(--primary-2);
  border-color: var(--primary-2)
}
.tag-text:focus-visible {
  border-color: transparent;
  box-shadow: inset 0 0 0 2px var(--primary-1);
  outline: 0
}
.tag-text--utility {
  border: none
}
.tag-text--utility:focus-visible {
  box-shadow: none
}
.card-dark .tag-text,
.panel-dark .tag-text,
.section-dark .tag-text,
.theme-dark .tag-text {
  border-color: var(--base-5);
  color: var(--color-utility)
}
.card-dark .tag-text:hover,
.panel-dark .tag-text:hover,
.section-dark .tag-text:hover,
.theme-dark .tag-text:hover {
  color: var(--primary-5);
  border-color: var(--primary-5)
}
.card-dark .tag-text:focus-visible,
.panel-dark .tag-text:focus-visible,
.section-dark .tag-text:focus-visible,
.theme-dark .tag-text:focus-visible {
  color: var(--color-utility);
  box-shadow: inset 0 0 0 2px var(--base-5)
}
.arrow-button {
  border: none;
  background-color: var(--primary-5);
  color: var(--primary-1);
  padding: var(--sm-4);
  font-size: 2.4rem;
  line-height: 2.4rem;
  transition: all .25s
}
.arrow-button:hover {
  background-color: var(--primary-4)
}
.arrow-button:focus-visible {
  box-shadow: inset 0 0 0 3px var(--base-3);
  outline: 0;
  color: var(--primary-1);
  background-color: var(--base-5)
}
.arrow-button.swiper-button-disabled {
  background-color: var(--base-3);
  color: var(--dark-25)
}
.arrow-button:disabled {
  background-color: var(--base-3);
  color: var(--dark-25)
}
.arrow-button--transparent {
  background-color: transparent;
  color: var(--primary-1)
}
.arrow-button--transparent:hover {
  background-color: transparent;
  color: var(--primary-2)
}
.arrow-button--transparent:focus-visible {
  box-shadow: inset 0 0 0 2px var(--base-2);
  outline: 0;
  color: var(--primary-1);
  background-color: transparent
}
.arrow-button--transparent.swiper-button-disabled,
.arrow-button--transparent:disabled {
  color: var(--base-2);
  background-color: transparent
}
.arrow-button--transparent.swiper-button-disabled:hover,
.arrow-button--transparent:disabled:hover {
  box-shadow: none
}
.arrow-button--transparent.icon-chevron-right:after {
  display: none
}
.arrow-button.icon-chevron-right:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 20%;
  height: 60%;
  width: 1px;
  background-color: var(--base-3)
}
.card-dark .arrow-button,
.panel-dark .arrow-button,
.section-dark .arrow-button,
.theme-dark .arrow-button {
  background-color: var(--light-10);
  -webkit-backdrop-filter: blur(7.5px);
  backdrop-filter: blur(7.5px);
  color: var(--base-5)
}
.card-dark .arrow-button:hover,
.panel-dark .arrow-button:hover,
.section-dark .arrow-button:hover,
.theme-dark .arrow-button:hover {
  background-color: var(--primary-5)
}
.card-dark .arrow-button:focus-visible,
.panel-dark .arrow-button:focus-visible,
.section-dark .arrow-button:focus-visible,
.theme-dark .arrow-button:focus-visible {
  box-shadow: inset 0 0 0 2px var(--base-2);
  outline: 0
}
.card-dark .arrow-button.swiper-button-disabled,
.panel-dark .arrow-button.swiper-button-disabled,
.section-dark .arrow-button.swiper-button-disabled,
.theme-dark .arrow-button.swiper-button-disabled {
  background-color: var(--light-25);
  color: var(--light-25)
}
.card-dark .arrow-button.swiper-button-disabled:hover,
.panel-dark .arrow-button.swiper-button-disabled:hover,
.section-dark .arrow-button.swiper-button-disabled:hover,
.theme-dark .arrow-button.swiper-button-disabled:hover {
  box-shadow: none
}
.card-dark .arrow-button.icon-chevron-right:after,
.panel-dark .arrow-button.icon-chevron-right:after,
.section-dark .arrow-button.icon-chevron-right:after,
.theme-dark .arrow-button.icon-chevron-right:after {
  content: "";
  position: absolute;
  left: -1px;
  top: 20%;
  height: 60%;
  width: 1px;
  background-color: var(--base-3)
}
.card-dark .arrow-button--transparent,
.panel-dark .arrow-button--transparent,
.section-dark .arrow-button--transparent,
.theme-dark .arrow-button--transparent {
  background-color: transparent;
  color: var(--base-5)
}
.card-dark .arrow-button--transparent:hover,
.panel-dark .arrow-button--transparent:hover,
.section-dark .arrow-button--transparent:hover,
.theme-dark .arrow-button--transparent:hover {
  background-color: transparent;
  color: var(--primary-1)
}
.card-dark .arrow-button--transparent:focus-visible,
.panel-dark .arrow-button--transparent:focus-visible,
.section-dark .arrow-button--transparent:focus-visible,
.theme-dark .arrow-button--transparent:focus-visible {
  box-shadow: inset 0 0 0 3px var(--base-3);
  outline: 0
}
.card-dark .arrow-button--transparent.swiper-button-disabled,
.panel-dark .arrow-button--transparent.swiper-button-disabled,
.section-dark .arrow-button--transparent.swiper-button-disabled,
.theme-dark .arrow-button--transparent.swiper-button-disabled {
  color: var(--base-2);
  background-color: transparent
}
.card-dark .arrow-button--transparent.icon-chevron-right:after,
.panel-dark .arrow-button--transparent.icon-chevron-right:after,
.section-dark .arrow-button--transparent.icon-chevron-right:after,
.theme-dark .arrow-button--transparent.icon-chevron-right:after {
  display: none
}
.bg-base-4 button.arrow-button--transparent {
  background-color: var(--base-5)
}
.bg-base-5 button.arrow-button--transparent {
  background-color: var(--base-4)
}
.pagination__item {
  border: none;
  background: 0 0;
  outline: 0;
  color: var(--base-1);
  text-decoration: underline;
  padding: 0 var(--xs-1);
  transition: all .25s
}
.pagination__item:hover {
  color: var(--primary-2)
}
.pagination__item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--primary-2)
}
.pagination__item.active {
  font-weight: 700;
  color: var(--primary-2);
  text-decoration: none
}
.pagination__item.truncation {
  text-decoration: none
}
.pagination .arrow-button {
  padding: var(--xs-1)
}
.card-dark .pagination__item,
.panel-dark .pagination__item,
.section-dark .pagination__item {
  color: var(--light-50)
}
.card-dark .pagination__item:hover,
.panel-dark .pagination__item:hover,
.section-dark .pagination__item:hover {
  color: var(--base-5)
}
.card-dark .pagination__item:focus-visible,
.panel-dark .pagination__item:focus-visible,
.section-dark .pagination__item:focus-visible {
  box-shadow: inset 0 0 0 2px var(--base-5)
}
.card-dark .pagination__item.active,
.panel-dark .pagination__item.active,
.section-dark .pagination__item.active {
  color: var(--base-5)
}
.carousel-lines span {
  display: inline-block;
  width: 4.8rem;
  height: .4rem;
  border-radius: 2px;
  cursor: pointer;
  background-color: var(--secondary-3);
  transition: all .25s;
  opacity: 1;
  margin: 0!important
}
.carousel-lines span:hover {
  background-color: var(--primary-4)
}
.carousel-lines span.active,
.carousel-lines span.swiper-pagination-bullet-active {
  background-color: var(--primary-4)
}
.card-dark .carousel-lines span,
.panel-dark .carousel-lines span,
.section-dark .carousel-lines span {
  background-color: var(--light-25)
}
.card-dark .carousel-lines span:hover,
.panel-dark .carousel-lines span:hover,
.section-dark .carousel-lines span:hover {
  background-color: var(--primary-5)
}
.card-dark .carousel-lines span.active,
.card-dark .carousel-lines span.swiper-pagination-bullet-active,
.panel-dark .carousel-lines span.active,
.panel-dark .carousel-lines span.swiper-pagination-bullet-active,
.section-dark .carousel-lines span.active,
.section-dark .carousel-lines span.swiper-pagination-bullet-active {
  background-color: var(--primary-5)
}
.carousel-arrow .gap-1 {
  gap: .1rem
}
.carousel-arrow .arrow-button--transparent:hover {
  background-color: var(--primary-5)
}
.carousel-arrow .arrow-button--transparent.icon-chevron-right::after {
  content: "";
  position: absolute;
  left: -1px;
  top: 20%;
  height: 60%;
  width: 1px;
  background-color: var(--base-3)
}
.modal {
  background: rgba(0,0,0,.5)
}
.modal .modal-content {
  border: none;
  background-color: var(--base-4);
  padding: var(--md-2)!important
}
.modal .modal-dialog {
  max-width: 100.8rem
}
.modal .modal-header {
  padding: 0 0 var(--sm-1) 0;
  align-items: start;
  border: none
}
.modal .modal-header .modal-title {
  color: var(--primary-1)!important
}
.modal .btn-close {
  margin: 0;
  margin-left: auto;
  font-size: 2.4rem;
  line-height: 2.4rem;
  padding: 0;
  border: none;
  background: 0 0;
  font-weight: 400
}
.modal .modal-body {
  margin: 0 0 var(--md-4);
  padding: 0
}
.modal .modal-footer {
  padding: 0;
  border: none;
  justify-content: start
}
.modal--video .modal-content {
  background-color: transparent;
  padding: var(--sm-2)
}
.modal--video .modal-header {
  padding-bottom: var(--sm-2)
}
.modal--video .btn-close {
  color: var(--base-5)
}
.modal--video .modal-body {
  margin: 0;
  background-color: var(--base-1)
}
@media (min-width:768px) {
  .modal .modal-content {
    margin: auto 28px;
    width: auto
  }
}
@media (min-width:992px) {
  .modal .modal-content {
    margin: auto 28px;
    width: 100%
  }
}
.share {
  width: 11.7rem
}
.share.open .share__link,
.share:has(:focus-visible) .share__link {
  transform: translateX(-100%)
}
.share.open .share__wrapper,
.share:has(:focus-visible) .share__wrapper {
  width: 100%
}
.share__link {
  background: var(--base-5);
  transition: transform .3s ease
}
.share__wrapper {
  background: var(--base-5);
  border-left: 1px solid var(--base-3);
  width: 10%;
  transition: width .3s ease
}
.search-header {
  position: absolute;
  left: 0;
  background: var(--base-1);
  top: 100%;
  z-index: 10;
  transition: all .3s ease-in-out;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  border-color: var(--base-1);
  visibility: hidden;
  opacity: 0
}
.search-header__input {
  width: 100%;
  border: 0;
  border-bottom: 1px solid var(--base-2);
  background: 0 0;
  color: var(--base-4);
  padding-left: var(--lg-2)
}
.search-header__input:focus {
  outline: 0
}
.search-header__button-search {
  border: none;
  background: 0 0;
  color: var(--base-4);
  font-size: 2rem
}
.search-header__button-close {
  background: 0 0;
  font-size: 2.4rem;
  border: 0;
  right: 0;
  color: var(--base-4)
}
.search-header__button-close:hover {
  color: var(--base-4)
}
.search-header__button-close:focus,
.search-header__button-close:focus-visible {
  color: var(--base-4)
}
.search-header .nav-sm {
  text-decoration: none;
  color: var(--base-4);
  border: 1px solid transparent;
  width: 100%
}
.search-header .nav-sm:hover {
  background: var(--tint-light-10,rgba(255,255,255,.1))
}
.search-header .nav-sm:focus-visible {
  border: 1px solid var(--base-5)
}
.search-header .nav-sm .icon {
  color: var(--base-4);
  font-size: 2rem
}
.search-header .nav-sm span {
  color: var(--base-2)
}
.search-header .nav-sm span b {
  color: var(--base-4);
  font-weight: 500
}
.search-header .nav-sm span strong {
  font-weight: 500
}
@media (min-width:992px) {
  .search-header__input {
    padding-left: var(--md-3)
  }
}
.back-to-top {
  visibility: hidden;
  opacity: 0;
  border: none;
  background-color: var(--base-5);
  color: var(--primary-1);
  transition: all .25s;
  right: var(--sm-2);
  bottom: var(--sm-2);
  position: fixed;
  z-index: 5
}
.back-to-top__icon {
  font-size: 2.4rem;
  height: 2.4rem
}
.back-to-top__label {
  display: none;
  color: var(--secondary-5)
}
@media (min-width:1200px) {
  .back-to-top__label {
    display: block;
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    transition: all .25s ease-out;
    transition-delay: 0s
  }
  .back-to-top:hover .back-to-top__label {
    max-width: 30rem;
    transition: all .25s ease-in
  }
}
.page-down .back-to-top,
.page-up .back-to-top {
  visibility: visible;
  opacity: 1
}
.lang-swicher {
  max-width: -moz-max-content!important;
  max-width: max-content!important;
  min-width: auto!important
}
.lang-swicher__button {
  background: 0 0;
  border: none;
  padding: 0;
  margin: 0 0 0 auto;
  font-size: var(--button-label-fs);
  line-height: var(--button-label-lh);
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: var(--xs-1)
}
.lang-swicher__button .icon {
  font-size: 2.4rem;
  line-height: 2.4rem
}
.lang-swicher__list {
  border: solid 1px var(--base-1);
  background-color: var(--base-5);
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: none;
  position: absolute;
  width: 100%;
  min-width: 14rem
}
.lang-swicher__list.show {
  display: block;
  margin-top: -3px!important;
  z-index: 1
}
.lang-swicher__link {
  display: block;
  text-decoration: none;
  font-size: var(--nav-sm-fs);
  line-height: var(--nav-sm-lh);
  font-weight: 600;
  padding: var(--xs-2) var(--sm-4);
  transition: all .25s
}
.lang-swicher__link:focus,
.lang-swicher__link:hover {
  background-color: var(--base-1);
  color: var(--base-5);
  outline: 0
}
.lang-swicher__link.active {
  background-color: var(--base-3)
}
.lang-swicher__link.active:hover {
  color: var(--base-1)
}
.panel-dark .lang-swicher__button,
.section-dark .lang-swicher__button,
.theme-dark .lang-swicher__button {
  color: var(--base-5)
}
.panel-dark .lang-swicher__list,
.section-dark .lang-swicher__list,
.theme-dark .lang-swicher__list {
  border: solid 1px var(--base-2);
  background: var(--base-1)
}
.panel-dark .lang-swicher__link,
.section-dark .lang-swicher__link,
.theme-dark .lang-swicher__link {
  color: var(--base-5)
}
.panel-dark .lang-swicher__link:hover,
.section-dark .lang-swicher__link:hover,
.theme-dark .lang-swicher__link:hover {
  background-color: var(--base-5);
  color: var(--base-1)
}
.panel-dark .lang-swicher__link.active,
.section-dark .lang-swicher__link.active,
.theme-dark .lang-swicher__link.active {
  background-color: var(--base-2)
}
.breadcrumb {
  margin-right: -2.7rem
}
.breadcrumb::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 80px;
  background: linear-gradient(-90deg,#fff 2.25%,rgba(255,255,255,0) 99.62%);
  right: -1px;
  top: 0
}
.breadcrumb__list {
  list-style-type: none;
  margin-bottom: 0;
  padding: 0
}
.breadcrumb__list li {
  position: relative;
  padding-right: calc(var(--xs-1) + 1.8rem);
  white-space: nowrap
}
.breadcrumb__list li::after {
  content: "\e90b";
  font-family: icomoon;
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 1.8rem;
  width: 1.8rem;
  height: 1.8rem
}
.breadcrumb__list li:first-child {
  padding-left: 0
}
.breadcrumb__list li:last-child {
  padding-right: 8rem
}
.breadcrumb__list li:last-child::after {
  display: none
}
.breadcrumb__list li:last-child a {
  text-decoration: none;
  pointer-events: none;
  font-weight: 600
}
.breadcrumb__list li a {
  transition: color .25s;
  line-height: 2.4rem
}
.breadcrumb__list li a:hover {
  color: var(--color-body)
}
.breadcrumb__list li a:focus-visible {
  border: solid 2px var(--base-1);
  outline: 0;
  border: none;
  color: var(--color-body)
}
.breadcrumb__inner {
  scrollbar-width: none;
  overflow: auto hidden
}
@media (min-width:768px) {
  .breadcrumb {
    margin-right: 0
  }
  .breadcrumb::after {
    content: none
  }
  .breadcrumb__inner {
    overflow: visible
  }
  .breadcrumb__list li {
    padding-right: calc(var(--xs-1) + 2rem)
  }
  .breadcrumb__list li::after {
    font-size: 2rem;
    width: 2rem;
    height: 2rem
  }
  .breadcrumb__list li:last-child {
    padding-right: 0
  }
}
@media (min-width:1200px) {
  .breadcrumb__list li {
    padding-right: calc(var(--xs-1) + 2.4rem)
  }
  .breadcrumb__list li::after {
    font-size: 2.4rem;
    width: 2.4rem;
    height: 2.4rem
  }
}
.panel-dark .breadcrumb::after,
.section-dark .breadcrumb::after,
.theme-dark .breadcrumb::after {
  background: 0 0
}
.panel-dark .breadcrumb__list li a:hover,
.section-dark .breadcrumb__list li a:hover,
.theme-dark .breadcrumb__list li a:hover {
  color: var(--base-5)
}
.panel-dark .breadcrumb__list li a:focus-visible,
.section-dark .breadcrumb__list li a:focus-visible,
.theme-dark .breadcrumb__list li a:focus-visible {
  outline: solid 2px var(--base-5);
  outline-offset: var(--xs-1);
  border: none;
  color: var(--base-5)
}
.panel-light .breadcrumb::after,
.section-light .breadcrumb::after {
  background: linear-gradient(-90deg,#fff 2.25%,rgba(255,255,255,0) 99.62%)
}
.footer-links ul {
  padding: 0
}
.footer-links ul li {
  list-style-type: none
}
.footer-links ul li a {
  color: var(--color-body-secondary)
}
.footer-links ul li a:hover {
  color: var(--color-body)
}
.footer-links ul li a:focus {
  outline: solid 2px var(--color-body);
  outline-offset: 2px
}
.quick-links ul li {
  list-style-type: none;
  margin-bottom: var(--sm-4)
}
.quick-links ul li a {
  color: var(--color-body-secondary)
}
.quick-links ul li a:hover {
  color: var(--color-body)
}
.quick-links ul li a:focus {
  outline: solid 2px var(--color-body);
  outline-offset: 2px
}
.quick-links ul li:last-child {
  margin-bottom: 0
}
.social-links img {
  left: 0
}
.social-links a {
  color: var(--color-body)
}
.social-links a:hover {
  color: var(--color-body-secondary)
}
.social-links a:focus {
  outline: solid 2px var(--color-body);
  outline-offset: 2px
}