/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./app/assets/styles/main.scss ***!
  \**********************************************************************************************************************/
@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background-color: #fff;
}
@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }
}

html,
body {
  min-height: 100%;
}

body {
  overflow-x: hidden;
  width: 100%;
}

body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  display: block;
}

[id] {
  scroll-margin-block-start: var(--header-height);
}
.content-wrapper--has-sub-navigation [id] {
  scroll-margin-block-start: calc(var(--header-height) + var(--sub-nav-height));
}

[id*=downshift] {
  scroll-margin-block-start: 0;
}
.content-wrapper--has-sub-navigation [id*=downshift] {
  scroll-margin-block-start: 0;
}

/* stylelint-disable scss/dollar-variable-pattern */
:root {
  --font-primary: "Noto Sans", sans-serif;
  --font-secondary: "Playfair Display", serif;
}

html[lang^=ar] {
  --font-primary: "Noto Sans", "Noto Sans Arabic", sans-serif;
  --font-secondary: "Playfair Display", "Noto Naskh Arabic", serif;
}

html[lang^=el] {
  --font-secondary: "Noto Serif", serif;
}

html[lang^=km] {
  --font-primary: "Noto Sans", "Noto Sans Khmer", sans-serif;
  --font-secondary: "Noto Serif Khmer", serif;
}

html[lang^=ko] {
  --font-primary: "Noto Sans", "Noto Sans KR", sans-serif;
  --font-secondary: "Noto Serif KR", serif;
}

html[lang^=my] {
  --font-primary: "Noto Sans", "Noto Sans Myanmar", sans-serif;
  --font-secondary: "Playfair Display", "Noto Serif Myanmar", serif;
}

html[lang^=th] {
  --font-primary: "Noto Sans", "Noto Sans Thai", sans-serif;
  --font-secondary: "Noto Serif Thai", serif;
}

html[lang^=zh] {
  --font-primary: "Noto-Sans-Restricted", "source-han-sans-simplified-c", sans-serif;
  --font-secondary: "Playfair Display", "source-han-serif-sc", serif;
}

.body-12-reg {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-14-reg {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-14-semibold {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-16-reg {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-16-semibold {
  font-family: var(--font-primary);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.body-18-reg {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 18px;
  line-height: 26px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.title-21-reg {
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 21px;
  line-height: 28px;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.title-24-reg {
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 751px) {
  .title-24-reg {
    font-size: 21px;
    line-height: 28px;
  }
}

.title-28-reg {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.title-36-reg {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 36px;
  line-height: 44px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 608px;
}
@media (max-width: 1407px) {
  .title-36-reg {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 1023px) {
  .title-36-reg {
    font-size: 28px;
    line-height: 36px;
  }
}

.title-40-reg {
  font-family: var(--font-secondary);
  font-size: 56px;
  line-height: 64px;
  font-weight: normal;
  letter-spacing: -0.4px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 1023px) {
  .title-40-reg {
    font-size: 40px;
    line-height: 48px;
  }
}

.title-48-reg {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 48px;
  line-height: 56px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 736px;
  margin-block-end: 40px;
}
@media (max-width: 1023px) {
  .title-48-reg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.01em;
    max-width: 512px;
  }
}
@media (max-width: 751px) {
  .title-48-reg {
    font-size: 32px;
    line-height: 40px;
  }
}

.title-56-reg {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 56px;
  line-height: 64px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 736px;
  margin-block-end: 40px;
}
@media (max-width: 1599px) {
  .title-56-reg {
    max-width: 640px;
  }
}
@media (max-width: 1407px) {
  .title-56-reg {
    font-size: 48px;
    line-height: 56px;
    letter-spacing: -0.01em;
    max-width: 608px;
  }
}
@media (max-width: 1023px) {
  .title-56-reg {
    max-width: 512px;
  }
}
@media (max-width: 751px) {
  .title-56-reg {
    font-size: 32px;
    line-height: 40px;
  }
}

@media (max-width: 1023px) {
  .lang {
    display: none;
  }
}
.block {
  display: block;
}

.hidden,
.hide {
  display: none !important;
}

.fade-hidden {
  visibility: initial;
  opacity: 1;
  animation: fade-hide 1s linear;
  animation-delay: 3s;
  animation-fill-mode: forwards;
}

.invisible {
  visibility: hidden;
}

.position-relative {
  position: relative;
}

@keyframes fade-hide {
  from {
    visibility: initial;
    opacity: 1;
  }
  to {
    visibility: hidden;
    opacity: 0;
  }
}
@keyframes fade-show {
  from {
    visibility: hidden;
    opacity: 0;
  }
  to {
    visibility: initial;
    opacity: 1;
  }
}
@media (max-width: 1023px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .hide-desktop {
    display: none !important;
  }
}

.show-mobile {
  display: none !important;
}
@media (max-width: 1023px) {
  .show-mobile {
    display: block !important;
  }
}

.show-medium {
  display: none !important;
}
@media (max-width: 1023px) {
  .show-medium {
    display: flex !important;
  }
}

@media (max-width: 1023px) {
  .hide-medium {
    display: none !important;
  }
}

.show-small {
  display: none !important;
}
@media (max-width: 751px) {
  .show-small {
    display: block !important;
  }
}

@media (max-width: 751px) {
  .hide-small {
    display: none !important;
  }
}

.no-scroll {
  overflow: hidden;
}

.flex {
  display: flex;
}

.flex-column {
  flex-direction: column;
}

.align-center {
  align-items: center;
}

.space-between {
  justify-content: space-between;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.no-wrap {
  flex-wrap: nowrap !important;
}

.no-padding {
  padding: 0 !important;
}

.flip {
  transform: rotate(180deg);
}
html[dir=rtl] .flip.icon--no-rtl {
  transform: rotate(0deg);
}

.bg-jotunblue {
  background-color: #031e45 !important;
}

.bg-lightblue {
  background-color: #e6e9f0 !important;
}

.bg-gbsgreen {
  background-color: #276d00 !important;
}

.bg-gbslightgreen {
  background-color: #478326 !important;
}

.bg-gbspalmgreen {
  background-color: #012317 !important;
}

.bg-gbssummergreen {
  background-color: #c4d0b0 !important;
}

.bg-gbsharpgreen {
  background-color: #e5efea !important;
}

.bg-pearl {
  background-color: #f3f4ed !important;
}

.bg-sanddark {
  background-color: #cec1b1 !important;
}

.bg-sand {
  background-color: #e7dfcd !important;
}

.bg-browngray {
  background-color: #79736d !important;
}

.bg-graphite {
  background-color: #70666c !important;
}

.bg-amberdark {
  background-color: #806a62 !important;
}

.bg-coral {
  background-color: #dbc4b7 !important;
}

.bg-amber {
  background-color: #af8a76 !important;
}

.bg-coraldark {
  background-color: #985f56 !important;
}

.bg-slate {
  background-color: #a5bcc3 !important;
}

.bg-slatedark {
  background-color: #4e616c !important;
}

.bg-olive {
  background-color: #c9d0c5 !important;
}

.bg-olivedark {
  background-color: #646556 !important;
}

.bg-beige {
  background-color: #e9d8b8 !important;
}

.bg-beigedark {
  background-color: #a98259 !important;
}

.bg-gray1 {
  background-color: #f7f7f7 !important;
}

.bg-gray2 {
  background-color: #e6e6e6 !important;
}

.bg-gray3 {
  background-color: #666 !important;
}

.bg-gray4 {
  background-color: #4d4d4d !important;
}

.bg-gray5 {
  background-color: #333 !important;
}

.bg-gray6 {
  background-color: #202020 !important;
}

.bg-jotunyellow {
  background-color: #f0ab00 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-lightgreen {
  background-color: #e6f0eb !important;
}

.bg-black {
  background-color: #000 !important;
}

.bg-oceandark {
  background-color: #19262c !important;
}

.bg-lightblue,
.bg-pearl,
.bg-sanddark,
.bg-sand,
.bg-coral,
.bg-slate,
.bg-olive,
.bg-beige,
.bg-gray1,
.bg-gray2,
.bg-white,
.bg-lightgreen,
.bg-gbssummergreen,
.bg-gbsharpgreen {
  --block-low-contrast-color: #666;
  --block-medium-contrast-color: #4d4d4d;
  --block-high-contrast-color: #202020;
  --block-hover-color: #666;
  --block-active-color: #4d4d4d;
}

.bg-image,
.bg-jotunblue,
.bg-gbsgreen,
.bg-gbslightgreen,
.bg-gbspalmgreen,
.bg-browngray,
.bg-graphite,
.bg-amberdark,
.bg-amber,
.bg-coraldark,
.bg-slatedark,
.bg-olivedark,
.bg-beigedark,
.bg-gray3,
.bg-gray4,
.bg-gray5,
.bg-gray6,
.bg-oceandark,
.bg-black {
  --block-low-contrast-color: #fff;
  --block-medium-contrast-color: #fff;
  --block-high-contrast-color: #fff;
  --block-hover-color: rgba(255, 255, 255, 0.7);
  --block-active-color: rgba(255, 255, 255, 0.8);
}
.bg-image.key-figure .key-figure__icon,
.bg-jotunblue.key-figure .key-figure__icon,
.bg-gbsgreen.key-figure .key-figure__icon,
.bg-gbslightgreen.key-figure .key-figure__icon,
.bg-gbspalmgreen.key-figure .key-figure__icon,
.bg-browngray.key-figure .key-figure__icon,
.bg-graphite.key-figure .key-figure__icon,
.bg-amberdark.key-figure .key-figure__icon,
.bg-amber.key-figure .key-figure__icon,
.bg-coraldark.key-figure .key-figure__icon,
.bg-slatedark.key-figure .key-figure__icon,
.bg-olivedark.key-figure .key-figure__icon,
.bg-beigedark.key-figure .key-figure__icon,
.bg-gray3.key-figure .key-figure__icon,
.bg-gray4.key-figure .key-figure__icon,
.bg-gray5.key-figure .key-figure__icon,
.bg-gray6.key-figure .key-figure__icon,
.bg-oceandark.key-figure .key-figure__icon,
.bg-black.key-figure .key-figure__icon {
  filter: brightness(0) invert(1);
}

.aspect-ratio,
[class^=aspect-ratio],
[class*=" aspect-ratio"] {
  --aspect-ratio: calc(16 / 9);
  position: relative;
  height: 0 !important;
  padding-block-end: calc(100% / (var(--aspect-ratio)));
  width: 100% !important;
}
.aspect-ratio > *,
.aspect-ratio > picture > *,
[class^=aspect-ratio] > *,
[class^=aspect-ratio] > picture > *,
[class*=" aspect-ratio"] > *,
[class*=" aspect-ratio"] > picture > * {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.aspect-ratio-16\:9 {
  --aspect-ratio: calc(16 / 9);
}

.aspect-ratio-16\:10 {
  --aspect-ratio: calc(16 / 10);
}

.aspect-ratio-3\:2 {
  --aspect-ratio: calc(3 / 2);
}

.aspect-ratio-2\:3 {
  --aspect-ratio: calc(2 / 3);
}

.sr-only, .sr-only-focusable:not(:focus, :focus-within) {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  padding: 0;
  border: 0;
  white-space: nowrap;
}

button {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 14px;
  margin: 0;
}

.icon {
  --icon-size: auto;
  display: inline-block;
  width: var(--icon-size);
  height: var(--icon-size);
  stroke-width: 0;
  stroke: currentcolor;
  fill: currentcolor;
}
html[dir=rtl] .icon:not(.icon--no-rtl) {
  transform: scaleX(-1);
}

.icon--sm {
  --icon-size: 1em;
}

.icon--md {
  --icon-size: 1.25em;
}

.icon--lg {
  --icon-size: 1.5em;
}

.icon--xl {
  --icon-size: 2em;
}

.icon--xxl {
  --icon-size: 4em;
}

.icon--xxxl {
  --icon-size: 6em;
}

.text-icon .icon + span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)),
.text-icon span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)) + .icon {
  margin-inline-start: 0.5rem;
}
.text-icon .icon {
  flex-shrink: 0;
}

/* stylelint-disable custom-property-empty-line-before */
:root {
  --space-xxs: 8px;
  --space-xs: 16px;
  --space-sm: 24px;
  --space-md: 32px;
  --space-lg: 40px;
  --space-xl: 48px;
  --space-xxl: 64px;
  --space-xxxl: 80px;
  --space-xxxxl: 96px;
  --grid-gutter: 16px;
  --col-padding: calc(var(--grid-gutter) / 2);
  --columns-padding: 8px;
  --grid-padding: calc(var(--col-padding) + var(--columns-padding));
  --header-height: 56px;
  --sub-nav-height: 56px;
  --filter-tags-height: 50px;
  --article-image-offset: 7rem;
  --z-index-popover: 5;
  --z-index-fixed-element: 100;
  --z-index-header: 200;
  --z-index-overlay: 300;
  --transition-duration: 0.4s;
  --transition-timing-function: ease-in-out;
}
@media (min-width: 752px) {
  :root {
    --header-height: 64px;
    --space-md: 40px;
    --space-lg: 48px;
    --space-xl: 64px;
    --space-xxl: 80px;
    --space-xxxl: 96px;
    --space-xxxxl: 120px;
    --grid-gutter: 32px;
    --columns-padding: 16px;
  }
}
@media (min-width: 1024px) {
  :root {
    --columns-padding: 32px;
  }
}
@media (max-height: 500px) {
  :root {
    --header-height: 44px;
  }
}

section {
  position: relative;
}

.content-wrapper {
  padding-block-start: var(--header-height);
  margin-block-end: var(--space-xxxxl);
  /* Region that sits flush against the footer */
}
.content-wrapper .contact-form:last-child,
.content-wrapper react-component:last-of-type:has(.contact-us-form),
.content-wrapper .react-component:last-child:has(.contact-us-form) {
  display: block;
  margin-block-end: calc(var(--space-xxxxl) * -1);
  margin-block-start: var(--space-xxxxl);
}
.content-wrapper .contact-form:nth-last-child(2) {
  margin-block-start: var(--space-xxxxl);
  margin-block-end: 0;
}
.content-wrapper .contact-form:nth-last-child(2) + .contact-form {
  margin-block-start: 0;
}
.content-wrapper__myjotun {
  margin-block-end: var(--space-xxxxl);
}
.content-wrapper [id]:has(> .media-hero) + .carousel, .content-wrapper [id]:has(> .media-hero) + .search-page, .content-wrapper [id]:has(> .media-hero) + .section-marker,
.content-wrapper [id]:has(> .article-hero) + .carousel,
.content-wrapper [id]:has(> .article-hero) + .search-page,
.content-wrapper [id]:has(> .article-hero) + .section-marker {
  margin-block-start: var(--space-xxl);
}
.content-wrapper [id]:has(> .media-hero) + .section-marker .col,
.content-wrapper [id]:has(> .article-hero) + .section-marker .col {
  padding-block-start: 0;
}
.content-wrapper [id]:has(> .media-hero) + .section-marker::before,
.content-wrapper [id]:has(> .article-hero) + .section-marker::before {
  display: none;
}
.content-wrapper:has(.bottom-region) {
  margin-block-end: 0;
}
.content-wrapper .bottom-region {
  margin-top: 80px;
}

.columns {
  display: flex;
  flex-wrap: wrap;
  padding-block: 0;
  padding-inline: var(--columns-padding);
  width: 100%;
  max-width: 1600px;
  margin-block: 0;
  margin-inline: auto;
}
.columns .columns {
  padding: 0;
  width: auto;
  margin-inline-start: calc(var(--col-padding) * -1);
  margin-inline-end: calc(var(--col-padding) * -1);
}

.columns--max-width-md {
  /* Used to break out of article max width, will instead have a max width that matches the viewport */
  /* Used to break out of the article max width, will instead align with regular page content */
}
@media (min-width: 752px) {
  .columns--max-width-md {
    max-width: calc(752px - var(--grid-padding));
    padding: 0;
  }
}
@media (min-width: 752px) {
  .columns--max-width-md--escape {
    margin: auto calc((-100vw + 752px) / 2 - var(--grid-gutter));
  }
}
@media (min-width: 1024px) {
  .columns--max-width-md--escape {
    margin: auto calc((-100vw + 752px) / 2 - var(--space-md));
  }
}
@media (min-width: 752px) {
  .columns--max-width-md--escape-with-gutter {
    margin: auto calc((-100vw + 752px + 32px) / 2);
  }
}
@media (min-width: 1600px) {
  .columns--max-width-md--escape-with-gutter {
    margin: auto calc((-1600px + 752px + 32px) / 2);
  }
}

.col {
  padding-block: 0;
  padding-inline: var(--col-padding);
}

.col-1 {
  width: 8.333%;
}

.col-2 {
  width: 16.666%;
}

.col-3 {
  width: 25%;
}

.col-4 {
  width: 33.333%;
}

.col-5 {
  width: 41.666%;
}

.col-6 {
  width: 50%;
}

.col-7 {
  width: 58.333%;
}

.col-8 {
  width: 66.666%;
}

.col-9 {
  width: 75%;
}

.col-10 {
  width: 83.333%;
}

.col-11 {
  width: 91.666%;
}

.col-12 {
  width: 100%;
}

.push-1 {
  margin-inline-start: 8.333%;
}

.push-2 {
  margin-inline-start: 16.666%;
}

.push-3 {
  margin-inline-start: 25%;
}

.push-4 {
  margin-inline-start: 33.333%;
}

.push-5 {
  margin-inline-start: 41.666%;
}

.push-6 {
  margin-inline-start: 50%;
}

.push-7 {
  margin-inline-start: 58.333%;
}

.push-8 {
  margin-inline-start: 66.666%;
}

.push-9 {
  margin-inline-start: 75%;
}

.push-10 {
  margin-inline-start: 83.333%;
}

.push-11 {
  margin-inline-start: 91.666%;
}

@media (max-width: 1407px) {
  .push-1[class*=large-col-],
  .push-2[class*=large-col-],
  .push-3[class*=large-col-],
  .push-4[class*=large-col-],
  .push-5[class*=large-col-],
  .push-6[class*=large-col-],
  .push-7[class*=large-col-],
  .push-8[class*=large-col-],
  .push-9[class*=large-col-],
  .push-10[class*=large-col-],
  .push-11[class*=large-col-] {
    margin-inline-start: 0;
  }
}
@media (max-width: 1023px) {
  .push-1[class*=medium-col-],
  .push-2[class*=medium-col-],
  .push-3[class*=medium-col-],
  .push-4[class*=medium-col-],
  .push-5[class*=medium-col-],
  .push-6[class*=medium-col-],
  .push-7[class*=medium-col-],
  .push-8[class*=medium-col-],
  .push-9[class*=medium-col-],
  .push-10[class*=medium-col-],
  .push-11[class*=medium-col-] {
    margin-inline-start: 0;
  }
}
@media (max-width: 751px) {
  .push-1,
  .push-2,
  .push-3,
  .push-4,
  .push-5,
  .push-6,
  .push-7,
  .push-8,
  .push-9,
  .push-10,
  .push-11 {
    margin-inline-start: 0;
  }
}

@media (max-width: 1407px) {
  .large-col-1 {
    width: 16.666%;
  }
}

@media (max-width: 1407px) {
  .large-col-2 {
    width: 33.333%;
  }
}

@media (max-width: 1407px) {
  .large-col-3 {
    width: 50%;
  }
}

@media (max-width: 1407px) {
  .large-col-4 {
    width: 66.666%;
  }
}

@media (max-width: 1407px) {
  .large-col-5 {
    width: 83.333%;
  }
}

@media (max-width: 1407px) {
  .large-col-6 {
    width: 100%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-1 {
    width: 16.666%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-2 {
    width: 33.333%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-3 {
    width: 50%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-4 {
    width: 66.666%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-5 {
    width: 83.333%;
  }
}

@media (max-width: 1279px) {
  .laptop-col-6 {
    width: 100%;
  }
}

@media (max-width: 1023px) {
  .medium-col-1 {
    width: 16.666%;
  }
}

@media (max-width: 1023px) {
  .medium-col-2 {
    width: 33.333%;
  }
}

@media (max-width: 1023px) {
  .medium-col-3 {
    width: 50%;
  }
}

@media (max-width: 1023px) {
  .medium-col-4 {
    width: 66.666%;
  }
}

@media (max-width: 1023px) {
  .medium-col-5 {
    width: 83.333%;
  }
}

@media (max-width: 1023px) {
  .medium-col-6 {
    width: 100%;
  }
}

@media (max-width: 751px) {
  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    width: 100%;
  }
}

@media (max-width: 751px) {
  .small-col-1 {
    width: 25%;
  }
}

@media (max-width: 751px) {
  .small-col-2 {
    width: 50%;
  }
}

@media (max-width: 751px) {
  .small-col-3 {
    width: 75%;
  }
}

@media (max-width: 751px) {
  .small-col-4 {
    width: 100%;
  }
}

.favorite-added-popup:not(.hidden) {
  display: flex;
  background-color: #e6e6e6;
  width: 400px;
  position: fixed;
  bottom: var(--space-sm);
  inset-inline-end: var(--space-sm);
  padding-block: 14px;
  padding-inline: 16px;
  z-index: var(--z-index-overlay);
}
@media (max-width: 751px) {
  .favorite-added-popup:not(.hidden) {
    inset-inline-end: var(--space-xs);
    bottom: var(--space-xs);
    inset-inline-start: var(--space-xs);
    width: auto;
  }
}

.full-width-react-component react-component {
  width: 100%;
}

.address {
  font-style: normal;
}

.address__item {
  display: flex;
  align-items: center;
  margin-block-end: var(--space-xs);
}
.address__item:last-child {
  margin-block-end: 0;
}
.address__item ul {
  list-style: none;
}
.address__item a {
  word-break: break-all;
}

.address__icon {
  flex-shrink: 0;
  margin-inline-end: var(--space-xs);
}

.badge {
  background-color: currentcolor;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  min-width: 20px;
  font-weight: 600;
}

.badge--inline {
  margin-inline-start: 0.5rem;
}

.badge__text {
  color: #fff;
}

.breadcrumbs-wrap {
  display: flex;
  min-height: 56px;
}

.breadcrumbs-wrap--nav {
  border-block-end: 1px solid #e6e6e6;
}

.breadcrumbs {
  padding-block: 17px;
}

.breadcrumbs__item {
  display: inline;
}
.breadcrumbs__item:last-child a,
.breadcrumbs__item:last-child span {
  color: #666;
}
@media (max-width: 751px) {
  .breadcrumbs__item:last-child {
    display: none;
  }
}
@media (max-width: 751px) {
  .breadcrumbs__item:nth-last-child(2) .breadcrumbs__icon {
    display: none;
  }
}
.breadcrumbs__item a,
.breadcrumbs__item span {
  color: #202020;
}
.breadcrumbs__item a {
  text-decoration: none;
}
.breadcrumbs__item a:hover {
  color: #666;
}
.breadcrumbs__item a:active {
  color: #4d4d4d;
}

.breadcrumbs__ellipsis {
  display: inline;
}
.breadcrumbs__ellipsis .breadcrumbs__icon {
  margin-inline-start: 0;
}
@media (min-width: 752px) {
  .breadcrumbs__ellipsis {
    display: none;
  }
}

.breadcrumbs__button {
  margin-inline-start: calc(var(--space-xs) * -1);
  margin-block: calc(var(--space-xs) * -1);
}

.breadcrumbs__icon {
  height: 14px;
  position: relative;
  top: 2px;
  width: 9px;
  margin-inline-start: 0.5rem;
  margin-inline-end: 0.5rem;
}

:root {
  --button-icon-size: 44px;
}

.tag__button, .button-icon {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  min-height: var(--button-icon-size);
  min-width: var(--button-icon-size);
}
.tag__button:disabled, .button-icon:disabled {
  color: #b3b3b3;
  cursor: initial;
  pointer-events: none;
}

.button-icon--primary-white {
  color: #fff;
}
.button-icon--primary-white:hover {
  color: #f7f7f7;
}
.button-icon--primary-white:active {
  color: #e6e6e6;
}

.buttons-wrap .button {
  margin-block-end: var(--space-xxs);
  margin-inline-end: 0;
}
.buttons-wrap .button:last-child {
  margin-block-end: 0;
}

.buttons-wrap-padding {
  padding: 24px;
}

.button {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  background-color: #ccc;
  border: 1px solid #ccc;
  padding-block: 14px;
  padding-inline: 16px;
  color: #202020;
  position: relative;
  height: 48px;
  overflow: hidden;
  margin-inline-end: 16px;
  cursor: pointer;
  text-decoration: none;
}
.button:last-child {
  margin-inline-end: 0;
}
.button:focus {
  outline: none;
}
.button:focus::after {
  content: " ";
  display: block;
  position: absolute;
  border: 1px solid #1a1a1a;
  top: 2px;
  inset-inline-end: 2px;
  bottom: 2px;
  inset-inline-start: 2px;
  border-radius: 4px;
}
.button:focus:not(:focus-visible)::after {
  display: none;
}
.button:not(.button--just-icon) .icon {
  flex-shrink: 0;
}
.button:disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.button .icon + span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)),
.button span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)) + .icon {
  margin-inline-start: 0.5rem;
}

.button--primary-yellow {
  background-color: #f0ab00;
  border: 1px solid #f0ab00;
}
.button--primary-yellow:hover {
  background-color: #f1b32d;
  border: 1px solid #f1b32d;
}
.button--primary-yellow:active {
  background-color: #edbe46;
  border: 1px solid #edbe46;
}
.button--primary-yellow:disabled {
  background-color: #fbe6b3;
  border: 1px solid #fbe6b3;
}

.button--primary-white {
  background-color: #fff;
  border: 1px solid #fff;
}
.button--primary-white:hover {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.button--primary-white:active {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}

.button--with-icon > img {
  margin-inline-start: 0.6rem;
}

.button--primary-grey30 {
  background-color: #ccc;
  border: 1px solid #ccc;
}
.button--primary-grey30:hover {
  background-color: #b3b3b3;
  border: 1px solid #b3b3b3;
}
.button--primary-grey30:active {
  background-color: #999;
  border: 1px solid #999;
}

.button--primary-grey80 {
  background-color: #4d4d4d;
  border: 1px solid #4d4d4d;
  color: #fff;
}
.button--primary-grey80:focus::after {
  border: 1px solid #fff;
}
.button--primary-grey80:hover {
  background-color: #333;
  border: 1px solid #333;
}
.button--primary-grey80:active {
  background-color: #202020;
  border: 1px solid #202020;
}

.button--secondary-yellow {
  background-color: transparent;
  border: 1px solid #f0ab00;
}
.button--secondary-yellow:hover, .button--secondary-yellow:focus {
  background-color: #f1b32d;
  border: 1px solid #f1b32d;
}
.button--secondary-yellow:active {
  background-color: #edbe46;
  border: 1px solid #edbe46;
}

.button--secondary-grey30 {
  background-color: #fff;
  border: 1px solid #ccc;
}
.button--secondary-grey30:hover {
  background-color: #ccc;
  border: 1px solid #ccc;
}
.button--secondary-grey30:focus {
  background-color: #b3b3b3;
  border: 1px solid #b3b3b3;
}
.button--secondary-grey30:active {
  background-color: #999;
  border: 1px solid #999;
}
.button--secondary-grey30:disabled {
  background-color: transparent;
  border: 1px solid #ccc;
  color: #999;
}

.button--secondary-grey80 {
  background-color: transparent;
  border: 1px solid #4d4d4d;
}
.button--secondary-grey80:hover {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.button--secondary-grey80:focus {
  color: #fff;
  background-color: #333;
  border: 1px solid #333;
}
.button--secondary-grey80:focus::after {
  border: 1px solid #fff;
}
.button--secondary-grey80:active {
  color: #fff;
  background-color: #202020;
  border: 1px solid #202020;
}

.button--secondary-white {
  color: #fff;
  border: 1px solid #fff;
  background-color: transparent;
}
.button--secondary-white:hover {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.button--secondary-white:active {
  color: #333;
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}
.button--secondary-white:focus {
  color: #333;
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
}
.button--secondary-white:disabled {
  background-color: transparent;
  border: 1px solid #666;
  color: #999;
}

.button--toggle {
  background-color: #f7f7f7;
  border: 1px solid #f7f7f7;
  border-radius: 0;
  justify-content: space-between;
  height: 52px;
  width: 100%;
}
.button--toggle:active {
  background-color: #e6e6e6;
  border: 1px solid #e6e6e6;
}

.button--just-icon {
  border-radius: 100px;
  padding: 0;
  width: 48px;
}
.button--just-icon:focus::after {
  border-radius: 100px;
}

.button--expanded {
  transform: rotate(180deg);
}

.button--favorite {
  background-color: transparent;
  border: 0;
  height: 3rem;
  width: 3rem;
}
.button--favorite::before {
  content: "";
  position: absolute;
  height: 2rem;
  width: 2rem;
  inset-inline-start: 0.5rem;
  top: 0.5rem;
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #fff;
}
.button--favorite:hover::before {
  background-color: #b3b3b3;
  border: 1px solid #b3b3b3;
}
.button--favorite:active::before {
  background-color: #999;
  border: 1px solid #999;
}
.button--favorite .icon {
  position: relative;
}

.image-button-wrap {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.image-button-wrap::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #202020;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
}
.image-button-wrap button {
  z-index: 1;
}

.cta {
  color: var(--block-high-contrast-color, #202020);
  text-decoration: none;
  position: relative;
  padding-inline-start: 28px;
}
.cta::before {
  content: "";
  background-color: #f0ab00;
  background-image: url(4fc04ded2b2ee2d6ae41.svg);
  background-size: 12px 12px;
  background-position: center;
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  padding-block-start: 1px;
  padding-inline-start: 4px;
  padding-inline-end: 4px;
}
.cta:hover, a:hover .cta {
  color: var(--block-hover-color, #666);
}
.cta:hover::before, a:hover .cta::before {
  background-color: #f1b32d;
}
.cta:active, a:active .cta {
  color: var(--block-active-color, #4d4d4d);
}
.cta:active::before, a:active .cta::before {
  background-color: #edbe46;
}
.cta[target=_blank]::before, a[target=_blank] .cta::before {
  background-image: url(6cf2c31d392fb5182d5d.svg);
}
html[dir=rtl] .cta::before {
  transform: scaleX(-1);
}

.cta-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
}
.cta-wrap .cta {
  margin-block-end: 1rem;
}
.cta-wrap .cta:last-child {
  margin-block-end: 0;
}

:root {
  --checkbox-size: 16px;
  --checkbox-offset-top: 2px;
}

.checkbox-list {
  --checkbox-label-height: 40px;
  --checkbox-caret-size: var(--checkbox-label-height);
  --checkbox-caret-icon-size: 14px;
  --checkbox-caret-offset: calc((var(--checkbox-caret-size) - var(--checkbox-caret-icon-size)) / 2 * -1);
  display: flex;
}
@media (min-width: 1024px) {
  .checkbox-list {
    --checkbox-label-height: 32px;
  }
}
.checkbox-list .checkbox-item__label {
  padding-block-end: 10px;
  padding-block-start: 10px;
}
@media (min-width: 1024px) {
  .checkbox-list .checkbox-item__label {
    padding-block-end: 6px;
    padding-block-start: 6px;
  }
}
.checkbox-list .checkbox-list {
  margin-inline-start: 1.5rem;
}
.checkbox-list:not(.checkbox-panel) .checkbox-item--parent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.checkbox-list:not(.checkbox-panel) .checkbox-item--parent .checkbox-item__label {
  flex-basis: calc(100% - var(--checkbox-caret-size) - var(--checkbox-caret-offset));
}

.checkbox-list--vertical {
  flex-direction: column;
}

.checkbox-list--horizontal {
  flex-flow: row wrap;
}
.checkbox-list--horizontal .checkbox-item:not(:last-child) {
  margin-inline-end: 24px;
}

.checkbox-item {
  color: #202020;
  line-height: 20px;
}

@media (max-width: 1023px) {
  .checkbox-item--expanded > .checkbox-item__label {
    margin-block-end: -4px;
    margin-block-start: -4px;
  }
}
.checkbox-item--expanded > .checkbox-item__label .checkbox-item__text {
  font-weight: 600;
}
.checkbox-item--expanded > .checkbox-item__label .checkbox-item__arrow {
  display: block;
}
.checkbox-item--expanded > .checkbox-item__label .checkbox-item__input:disabled ~ .checkbox-item__text {
  color: #202020;
  padding-inline-start: 0;
}

.checkbox-item__label {
  cursor: pointer;
  display: flex;
  position: relative;
  user-select: none;
}
.checkbox-item__label:not(.checkbox-item__label--disabled):hover {
  color: #666;
}
.checkbox-item__label:not(.checkbox-item__label--disabled):hover .checkbox-item__checkmark {
  border-color: #666;
}
.checkbox-item__label:not(.checkbox-item__label--disabled):hover .checkbox-item__input:checked ~ .checkbox-item__checkmark {
  background: #666;
}

.checkbox-item__label--disabled {
  cursor: initial;
}

.checkbox-item__input {
  appearance: none;
  margin: 0;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  flex-shrink: 0;
  margin-block-start: var(--checkbox-offset-top);
}

.checkbox-item__input:checked ~ .checkbox-item__checkmark {
  background: #4d4d4d;
}
.checkbox-item__input:checked ~ .checkbox-item__checkmark .checkbox-item__icon {
  opacity: 1;
}

.checkbox-item__input:checked:disabled ~ .checkbox-item__checkmark {
  background: #ccc;
}

.checkbox-item__input:disabled ~ .checkbox-item__checkmark {
  border-color: #ccc;
}
.checkbox-item__input:disabled ~ .checkbox-item__text {
  color: #b3b3b3;
}

.checkbox-item__checkmark {
  position: absolute;
  inset-inline-start: 0;
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border: 1px solid #4d4d4d;
  color: #fff;
  font-size: 12px;
  border-radius: 4px;
  margin-block-start: var(--checkbox-offset-top);
}

.checkbox-item__icon {
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
}
html[dir=rtl] .checkbox-item__icon {
  transform: translate(50%, -50%);
}

.checkbox-item__text {
  padding-inline-start: 8px;
}

.checkbox-item__body {
  display: inline-block;
  margin-block-start: 8px;
}
@media (min-width: 1024px) {
  .checkbox-item__body {
    margin-block-end: 8px;
  }
}

.checkbox-item__caret {
  min-width: 0;
  min-height: 0;
  width: var(--checkbox-caret-size);
  height: var(--checkbox-caret-size);
  flex-shrink: 0;
  margin-inline-end: var(--checkbox-caret-offset);
}
.checkbox-item__caret:not(:disabled):hover {
  color: #666;
}
.checkbox-item__caret[aria-expanded=true] .icon {
  transform: rotate(180deg);
}

.checkbox-item__arrow {
  display: none;
  margin-block-start: var(--checkbox-offset-top);
  height: var(--checkbox-size);
  width: var(--checkbox-size);
}

.checkbox-panel .checkbox-item--parent:not(.checkbox-item--expanded) .checkbox-item__text {
  padding-inline-start: 0;
}
.checkbox-panel .checkbox-item--parent > .checkbox-item__label .checkbox-item__checkmark {
  display: none;
}
.checkbox-panel .checkbox-item--parent > .checkbox-item__label .checkbox-item__input {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  margin-block-start: 0;
}
.checkbox-panel .checkbox-item--parent > .checkbox-item__label .checkbox-item__input:not(:disabled) {
  cursor: pointer;
}
.checkbox-panel .checkbox-list {
  position: relative;
  margin-block-start: var(--space-xxs);
  margin-inline-start: 0;
  padding-block-start: var(--space-xxs);
}
.checkbox-panel .checkbox-list::before {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: -1rem;
  inset-inline-end: -1rem;
  border-block-start: 1px solid #e6e6e6;
}
.checkbox-panel .checkbox-item__caret {
  display: none;
}

.checkbox-panel--expanded .checkbox-item--parent:not(.checkbox-item--expanded) {
  display: none;
}

.dropdown-wrapper label {
  font-size: 12px;
  color: #666;
  margin-block-end: 8px;
  display: block;
}

.dropdown {
  position: relative;
}
.dropdown::after {
  content: url(766e501506029b526be0.svg);
  height: 16px;
  width: 16px;
  position: absolute;
  top: 16px;
  inset-inline-end: 8px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  transform: rotate(90deg);
  pointer-events: none;
}
.dropdown .dropdown__select {
  height: 0;
}
.dropdown.open::after {
  transform: rotate(90deg) scale3d(-1, 1, 1);
}
.dropdown.open .dropdown__select {
  height: auto;
  max-height: 330px;
  overflow-y: auto;
  position: absolute;
  opacity: 1;
  z-index: var(--z-index-popover);
}

.dropdown--pagination::after {
  transform: rotate(0deg);
  content: " ▼";
}
.dropdown--pagination.open::after {
  transform: rotate(0deg);
  content: " ▲";
}

.dropdown--outlined {
  border-radius: 4px;
  border: 1px solid #808080;
}
.dropdown--outlined .dropdown__select {
  border: 1px solid #ccc;
  border-radius: 4px;
}

.dropdown__select {
  position: absolute;
  display: block;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  top: 64px;
  overflow: hidden;
  opacity: 0;
}

.dropdown__option, .dropdown__current {
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #fff;
  padding-block: 14px;
  padding-inline: 16px 38px;
  width: 100%;
  color: #202020;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 130%;
  pointer-events: all;
  user-select: none;
  text-decoration: none;
}
.dropdown__option:hover, .dropdown__current:hover {
  background-color: #f7f7f7;
}
.dropdown__option:active, .dropdown__current:active, .dropdown__option--active {
  background-color: #e6e6e6;
}
.dropdown__option--active:hover {
  background-color: #e6e6e6;
}

.dropdown__current {
  border-radius: 4px;
}
.dropdown__current:hover {
  border-color: #202020;
}

.dropdown--checkboxes .dropdown__select span {
  padding-inline-start: 38px;
  position: relative;
}
.dropdown--checkboxes .dropdown__select span.dropdown__option--active {
  background-color: #fff;
}
.dropdown--checkboxes .dropdown__select span.dropdown__option--active::before {
  background-color: #202020;
  background-image: url(502e54b08868c813733d.svg);
  background-position: center center;
}
.dropdown--checkboxes .dropdown__select span.dropdown__option--active:hover {
  background-color: #e6e6e6;
}
.dropdown--checkboxes .dropdown__select span::before {
  content: " ";
  height: 16px;
  width: 16px;
  border: 1px solid #202020;
  border-radius: 4px;
  display: block;
  position: absolute;
  inset-inline-start: 14px;
  top: 15px;
}

.inline-loading {
  margin-top: 0;
  margin-right: 20px;
  visibility: hidden;
  height: 0;
  width: 0;
}
.inline-loading.active {
  margin-top: 15px;
  visibility: visible;
  height: auto;
  width: auto;
}

.inline-loading__loader {
  position: relative;
  font-size: 12px;
  color: #666;
  letter-spacing: 0.005em;
}

.inline-loading__state-loading .inline-loading__icon.loading {
  display: inline-block;
}
.inline-loading__state-loading .inline-loading__text .load-text {
  display: inline-block;
}

.inline-loading__icon {
  height: 16px;
  width: 16px;
  position: absolute;
  top: 1px;
}
.inline-loading__icon.loading {
  display: none;
  transform: rotate(-90deg);
  animation: rotate 2s ease-in-out forwards;
  animation-iteration-count: infinite;
}
.inline-loading__icon.loading svg {
  fill: transparent;
}
.inline-loading__icon.loading svg .circle {
  color: transparent;
  stroke: #202020;
  stroke-width: 2px;
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: spin 4s ease-in-out forwards;
  animation-iteration-count: infinite;
}
.inline-loading__icon.loading svg .bg {
  color: transparent;
  stroke: #ccc;
  stroke-width: 2px;
}

.inline-loading__text {
  margin-left: 24px;
}
.inline-loading__text span {
  display: none;
}

@keyframes spin {
  0% {
    stroke-dashoffset: 50;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -50;
  }
}
@keyframes rotate {
  to {
    transform: rotate(270deg);
  }
}
.nav-dropdown-wrapper {
  z-index: 100;
  width: 170px;
}

.nav-dropdown {
  z-index: 100;
  position: relative;
}
.nav-dropdown::after {
  content: url(766e501506029b526be0.svg);
  height: 16px;
  width: 16px;
  position: absolute;
  top: 16px;
  right: 8px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  transform: rotate(90deg);
  pointer-events: none;
  z-index: 120;
}
.nav-dropdown.open {
  z-index: 100;
}
.nav-dropdown.open::after {
  transform: rotate(-90deg);
}
.nav-dropdown.open .nav-dropdown__select {
  position: absolute;
  opacity: 1;
  z-index: 100;
  display: block;
  height: auto;
}

.nav-dropdown__select {
  position: absolute;
  display: block;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  top: 64px;
  overflow: hidden;
  opacity: 0;
  z-index: 100;
  height: 0;
}
.nav-dropdown__select.checkbox-options span {
  padding-left: 38px;
}
.nav-dropdown__select.checkbox-options span.selected::before {
  background-color: #202020;
  background-image: url(502e54b08868c813733d.svg);
  background-position: center center;
}
.nav-dropdown__select.checkbox-options span::before {
  content: " ";
  height: 16px;
  width: 16px;
  border: 1px solid #202020;
  border-radius: 4px;
  display: block;
  position: absolute;
  left: 14px;
  top: 15px;
}

.nav-dropdown__option {
  position: relative;
  display: block;
  cursor: pointer;
  background-color: #fff;
  padding: 16px 28px 14px 16px;
  z-index: 100;
  width: 100%;
  color: #202020;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 130%;
  pointer-events: all;
  text-decoration: none;
}
.nav-dropdown__option:hover {
  background-color: #f7f7f7;
}
.nav-dropdown__option:active {
  background-color: #e6e6e6;
}

.image {
  margin-block-end: var(--space-xl);
  margin-block-start: var(--space-xl);
}
@media (min-width: 752px) {
  .image {
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: calc(752px - (var(--grid-padding)) * 2);
  }
}
@media (min-width: 1024px) {
  .image {
    width: calc(752px - var(--grid-padding) + var(--article-image-offset) * 2);
  }
}
.image picture {
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  margin-block-end: 1rem;
}
.image img {
  object-fit: contain;
  max-height: 640px;
}
.image picture,
.image img {
  width: 100%;
}
.image figcaption {
  color: #4d4d4d;
  justify-content: center;
  text-align: center;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: flex;
  flex-wrap: wrap;
  padding-block: 0;
  padding-inline: var(--columns-padding);
  width: 100%;
  max-width: 1600px;
  margin-block: 0;
  margin-inline: auto;
}

.image--columns {
  display: flex;
  flex-wrap: wrap;
}
.image--columns img {
  object-fit: cover;
}
@media (min-width: 752px) {
  .image--columns {
    flex-direction: row;
  }
  .image--columns picture {
    width: calc(50% - var(--col-padding));
  }
  .image--columns picture:first-child {
    margin-inline-end: var(--col-padding);
  }
  .image--columns picture + picture {
    margin-inline-start: var(--col-padding);
  }
}

.input-field {
  position: relative;
}
.input-field input:focus,
.input-field select:focus,
.input-field textarea:focus,
.input-field button:focus {
  outline: none;
}
.input-field select,
.input-field input,
.input-field textarea {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #808080;
  padding-block: 14px;
  padding-inline: 16px;
  color: #202020;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 130%;
  resize: none;
}
.input-field select::placeholder,
.input-field input::placeholder,
.input-field textarea::placeholder {
  color: #666;
}
.input-field select:focus,
.input-field input:focus,
.input-field textarea:focus {
  border: 1px solid #202020;
}
.input-field textarea {
  margin-block-end: 1rem;
}
.input-field label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.005em;
  color: #666;
  margin-block-end: 0.5rem;
  display: block;
}

.input__label {
  font-size: 12px;
  color: #666;
  margin-block-start: 15px;
  margin-block-end: 8px;
  display: block;
}

.link-wrap a:not(.cta, .link-card),
.link-icon {
  color: #202020;
  text-decoration: underline;
}
.link-wrap a:not(.cta, .link-card):hover,
.link-icon:hover {
  color: #4d4d4d;
  text-decoration: none;
}
.link-wrap a:not(.cta, .link-card):active,
.link-icon:active {
  color: #666;
  text-decoration: none;
}
.link-wrap a:not(.cta, .link-card).white, .bg-image .link-wrap a:not(.cta, .link-card),
.bg-jotunblue .link-wrap a:not(.cta, .link-card),
.bg-gbsgreen .link-wrap a:not(.cta, .link-card),
.bg-gbslightgreen .link-wrap a:not(.cta, .link-card),
.bg-gbspalmgreen .link-wrap a:not(.cta, .link-card),
.bg-browngray .link-wrap a:not(.cta, .link-card),
.bg-graphite .link-wrap a:not(.cta, .link-card),
.bg-amberdark .link-wrap a:not(.cta, .link-card),
.bg-amber .link-wrap a:not(.cta, .link-card),
.bg-coraldark .link-wrap a:not(.cta, .link-card),
.bg-slatedark .link-wrap a:not(.cta, .link-card),
.bg-olivedark .link-wrap a:not(.cta, .link-card),
.bg-beigedark .link-wrap a:not(.cta, .link-card),
.bg-gray3 .link-wrap a:not(.cta, .link-card),
.bg-gray4 .link-wrap a:not(.cta, .link-card),
.bg-gray5 .link-wrap a:not(.cta, .link-card),
.bg-gray6 .link-wrap a:not(.cta, .link-card),
.bg-oceandark .link-wrap a:not(.cta, .link-card),
.bg-black .link-wrap a:not(.cta, .link-card),
.link-icon.white,
.bg-image .link-wrap a.link-icon,
.bg-jotunblue .link-wrap a.link-icon,
.bg-gbsgreen .link-wrap a.link-icon,
.bg-gbslightgreen .link-wrap a.link-icon,
.bg-gbspalmgreen .link-wrap a.link-icon,
.bg-browngray .link-wrap a.link-icon,
.bg-graphite .link-wrap a.link-icon,
.bg-amberdark .link-wrap a.link-icon,
.bg-amber .link-wrap a.link-icon,
.bg-coraldark .link-wrap a.link-icon,
.bg-slatedark .link-wrap a.link-icon,
.bg-olivedark .link-wrap a.link-icon,
.bg-beigedark .link-wrap a.link-icon,
.bg-gray3 .link-wrap a.link-icon,
.bg-gray4 .link-wrap a.link-icon,
.bg-gray5 .link-wrap a.link-icon,
.bg-gray6 .link-wrap a.link-icon,
.bg-oceandark .link-wrap a.link-icon,
.bg-black .link-wrap a.link-icon {
  color: #fff;
}
.link-wrap a:not(.cta, .link-card).white:hover, .bg-image .link-wrap a:not(.cta, .link-card):hover,
.bg-jotunblue .link-wrap a:not(.cta, .link-card):hover,
.bg-gbsgreen .link-wrap a:not(.cta, .link-card):hover,
.bg-gbslightgreen .link-wrap a:not(.cta, .link-card):hover,
.bg-gbspalmgreen .link-wrap a:not(.cta, .link-card):hover,
.bg-browngray .link-wrap a:not(.cta, .link-card):hover,
.bg-graphite .link-wrap a:not(.cta, .link-card):hover,
.bg-amberdark .link-wrap a:not(.cta, .link-card):hover,
.bg-amber .link-wrap a:not(.cta, .link-card):hover,
.bg-coraldark .link-wrap a:not(.cta, .link-card):hover,
.bg-slatedark .link-wrap a:not(.cta, .link-card):hover,
.bg-olivedark .link-wrap a:not(.cta, .link-card):hover,
.bg-beigedark .link-wrap a:not(.cta, .link-card):hover,
.bg-gray3 .link-wrap a:not(.cta, .link-card):hover,
.bg-gray4 .link-wrap a:not(.cta, .link-card):hover,
.bg-gray5 .link-wrap a:not(.cta, .link-card):hover,
.bg-gray6 .link-wrap a:not(.cta, .link-card):hover,
.bg-oceandark .link-wrap a:not(.cta, .link-card):hover,
.bg-black .link-wrap a:not(.cta, .link-card):hover,
.link-icon.white:hover,
.bg-image .link-wrap a.link-icon:hover,
.bg-jotunblue .link-wrap a.link-icon:hover,
.bg-gbsgreen .link-wrap a.link-icon:hover,
.bg-gbslightgreen .link-wrap a.link-icon:hover,
.bg-gbspalmgreen .link-wrap a.link-icon:hover,
.bg-browngray .link-wrap a.link-icon:hover,
.bg-graphite .link-wrap a.link-icon:hover,
.bg-amberdark .link-wrap a.link-icon:hover,
.bg-amber .link-wrap a.link-icon:hover,
.bg-coraldark .link-wrap a.link-icon:hover,
.bg-slatedark .link-wrap a.link-icon:hover,
.bg-olivedark .link-wrap a.link-icon:hover,
.bg-beigedark .link-wrap a.link-icon:hover,
.bg-gray3 .link-wrap a.link-icon:hover,
.bg-gray4 .link-wrap a.link-icon:hover,
.bg-gray5 .link-wrap a.link-icon:hover,
.bg-gray6 .link-wrap a.link-icon:hover,
.bg-oceandark .link-wrap a.link-icon:hover,
.bg-black .link-wrap a.link-icon:hover {
  color: #e6e6e6;
}
.link-wrap a:not(.cta, .link-card).white:active, .bg-image .link-wrap a:not(.cta, .link-card):active,
.bg-jotunblue .link-wrap a:not(.cta, .link-card):active,
.bg-gbsgreen .link-wrap a:not(.cta, .link-card):active,
.bg-gbslightgreen .link-wrap a:not(.cta, .link-card):active,
.bg-gbspalmgreen .link-wrap a:not(.cta, .link-card):active,
.bg-browngray .link-wrap a:not(.cta, .link-card):active,
.bg-graphite .link-wrap a:not(.cta, .link-card):active,
.bg-amberdark .link-wrap a:not(.cta, .link-card):active,
.bg-amber .link-wrap a:not(.cta, .link-card):active,
.bg-coraldark .link-wrap a:not(.cta, .link-card):active,
.bg-slatedark .link-wrap a:not(.cta, .link-card):active,
.bg-olivedark .link-wrap a:not(.cta, .link-card):active,
.bg-beigedark .link-wrap a:not(.cta, .link-card):active,
.bg-gray3 .link-wrap a:not(.cta, .link-card):active,
.bg-gray4 .link-wrap a:not(.cta, .link-card):active,
.bg-gray5 .link-wrap a:not(.cta, .link-card):active,
.bg-gray6 .link-wrap a:not(.cta, .link-card):active,
.bg-oceandark .link-wrap a:not(.cta, .link-card):active,
.bg-black .link-wrap a:not(.cta, .link-card):active,
.link-icon.white:active,
.bg-image .link-wrap a.link-icon:active,
.bg-jotunblue .link-wrap a.link-icon:active,
.bg-gbsgreen .link-wrap a.link-icon:active,
.bg-gbslightgreen .link-wrap a.link-icon:active,
.bg-gbspalmgreen .link-wrap a.link-icon:active,
.bg-browngray .link-wrap a.link-icon:active,
.bg-graphite .link-wrap a.link-icon:active,
.bg-amberdark .link-wrap a.link-icon:active,
.bg-amber .link-wrap a.link-icon:active,
.bg-coraldark .link-wrap a.link-icon:active,
.bg-slatedark .link-wrap a.link-icon:active,
.bg-olivedark .link-wrap a.link-icon:active,
.bg-beigedark .link-wrap a.link-icon:active,
.bg-gray3 .link-wrap a.link-icon:active,
.bg-gray4 .link-wrap a.link-icon:active,
.bg-gray5 .link-wrap a.link-icon:active,
.bg-gray6 .link-wrap a.link-icon:active,
.bg-oceandark .link-wrap a.link-icon:active,
.bg-black .link-wrap a.link-icon:active {
  color: #ccc;
}

.link-wrap react-component a:not(.cta, .link-card) {
  text-decoration: inherit;
}

.link-icon-wrap {
  display: inline-flex;
  flex-direction: column;
}
.link-icon-wrap .link-icon {
  margin-block-end: var(--space-xxs);
}

.link-icon {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
}
.link-icon .icon + span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)),
.link-icon span:not(.sr-only):not(.sr-only-focusable:not(:focus, :focus-within)) + .icon {
  margin-inline-start: 0.5rem;
}
.link-icon .icon {
  flex-shrink: 0;
}

.link-icon--gray {
  color: #4d4d4d;
}

.list-wrap ol,
.list-wrap ul:not(.accordion) {
  padding-inline-start: 1.5rem;
  margin-block-end: 1.5rem;
}
.list-wrap ul:not(.accordion) {
  list-style: disc;
}
.list-wrap ol:not(.accordion) {
  list-style: decimal;
}
.list-wrap li {
  padding-inline-start: 0.2rem;
}

.list-wrap react-component ol,
.list-wrap react-component ul:not(.accordion) {
  padding-inline-start: inherit;
  margin-block-end: inherit;
}
.list-wrap react-component ul:not(.accordion) {
  list-style: inherit;
}
.list-wrap react-component ol:not(.accordion) {
  list-style: inherit;
}
.list-wrap react-component li {
  padding-inline-start: 0;
}

.list-wrap-products {
  margin-block-start: 24px;
}
.list-wrap-products li {
  margin-block-end: 4px;
  list-style-position: inside;
}
.list-wrap-products li::marker {
  width: 12px;
  margin-inline-end: 4px;
}
.list-wrap-products li ul,
.list-wrap-products li ol {
  margin-block-start: 4px;
  margin-inline-start: 16px;
}
.list-wrap-products ol ol li {
  list-style-type: lower-alpha;
}
.list-wrap-products ul {
  list-style: none;
}
.list-wrap-products ul > li {
  position: relative;
  padding-inline-start: 11px;
}
.list-wrap-products ul > li::before {
  position: absolute;
  content: " ";
  margin-inline-end: 4px;
  height: 1px;
  width: 7px;
  border-block-start: 1px solid currentcolor;
  display: inline-block;
  transform: translateY(10px);
  inset-inline-start: 0;
}
.list-wrap-products ul > li ul {
  margin-inline-start: 2px;
}
.list-wrap-products ul > li ul li::before {
  position: absolute;
  content: "•";
  margin-inline-end: 4px;
  height: 1px;
  width: 7px;
  border-block-start: none;
  display: inline-block;
  transform: translateY(0);
  inset-inline-start: 0;
}

.list-unstyled {
  list-style: none;
}

.load-spinner-wrap {
  display: none;
  bottom: 0;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  background-color: rgba(255, 255, 255, 0.568627451);
  position: fixed;
  justify-content: center;
  align-items: center;
  z-index: var(--z-index-overlay);
}

.load-spinner-wrap--visible {
  display: flex;
}

.load-spinner {
  font-size: 12px;
  color: #666;
  letter-spacing: 0.005em;
}
.load-spinner .icon {
  height: 16px;
  width: 16px;
  position: relative;
  top: 3px;
  transform: rotate(-90deg);
  animation: rotate 2s ease-in-out forwards;
  animation-iteration-count: infinite;
}
.load-spinner .icon svg {
  fill: transparent;
}

.load-spinner--large .icon {
  height: 56px;
  width: 56px;
}
.load-spinner--large .load-spinner__circle {
  stroke-width: 0.7px;
}
.load-spinner--large .load-spinner__bg {
  stroke-width: 0.7px;
}

.load-spinner__circle {
  color: transparent;
  stroke: #202020;
  stroke-width: 2px;
  stroke-dasharray: 50;
  stroke-dashoffset: 50;
  animation: spin 4s ease-in-out forwards;
  animation-iteration-count: infinite;
}

.load-spinner__bg {
  color: transparent;
  stroke: #ccc;
  stroke-width: 2px;
}

@keyframes spin {
  0% {
    stroke-dashoffset: 50;
  }
  50% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: -50;
  }
}
@keyframes rotate {
  to {
    transform: rotate(270deg);
  }
}
.page-title-wrap {
  padding-block-start: var(--space-xxl);
  margin-block-end: var(--space-xxl);
}
.page-title-wrap .columns {
  text-align: center;
  display: flex;
  align-items: center;
  flex-flow: column;
}
.page-title-wrap .breadcrumbs-wrap {
  margin-block-end: 40px;
}
@media (max-width: 751px) {
  .page-title-wrap .breadcrumbs-wrap {
    margin-block-end: 32px;
  }
}

.page-title {
  max-width: 60rem;
  width: 100%;
}

.page-title__heading {
  color: #202020;
  margin-block-end: var(--space-xs);
  max-width: none;
}
@media (max-width: 1407px) {
  .page-title__heading {
    font-size: 48px;
    line-height: 56px;
  }
}
@media (max-width: 751px) {
  .page-title__heading {
    font-size: 32px;
    line-height: 40px;
  }
}

.page-title__date {
  color: #4d4d4d;
  display: block;
}

.page-title__share {
  margin-block-start: var(--space-xs);
}

.page-title__intro {
  color: #4d4d4d;
  margin-block-start: var(--space-md);
  white-space: pre-wrap;
}
.page-title__intro a {
  color: #202020;
  text-decoration: underline;
}
.page-title__intro:last-child {
  margin-block-end: 0;
}
.page-title__intro.body-16-reg {
  line-height: 24px;
}

.page-title__cta-wrap {
  align-items: center;
  margin-block-start: var(--space-md);
}

.rich-text > h1,
.rich-text > h2,
.rich-text > h3,
.rich-text > h4 {
  font-family: var(--font-primary);
  font-weight: 300;
  font-size: 24px;
  line-height: 32px;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-block-end: 1.5rem;
  margin-block-start: 2rem;
}
@media (max-width: 751px) {
  .rich-text > h1,
  .rich-text > h2,
  .rich-text > h3,
  .rich-text > h4 {
    font-size: 21px;
    line-height: 28px;
  }
}
.rich-text > p:not(.accordion__content p:last-child) {
  margin-block-end: 1.5rem;
}

.rich-text--article {
  color: #202020;
  margin-block-end: var(--space-xxxxl);
}
.rich-text--article,
.rich-text--article > h4 {
  font-size: 16px;
  line-height: 24px;
}
@media (min-width: 752px) {
  .rich-text--article,
  .rich-text--article > h4 {
    font-size: 18px;
    line-height: 28px;
  }
}
.rich-text--article > h1,
.rich-text--article > h2 {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 36px;
  line-height: 44px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 608px;
  max-width: 100%;
  margin-block-end: var(--space-sm);
  margin-block-start: var(--space-xl);
}
@media (max-width: 1407px) {
  .rich-text--article > h1,
  .rich-text--article > h2 {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 1023px) {
  .rich-text--article > h1,
  .rich-text--article > h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
.rich-text--article > h3 {
  max-width: 100%;
  margin-block-end: var(--space-xs);
  margin-block-start: var(--space-md);
}
.rich-text--article > h4 {
  font-weight: 600;
  margin-block-end: var(--space-xs);
  margin-block-start: var(--space-xs);
}
.rich-text--article ol,
.rich-text--article ul {
  margin-block-end: var(--space-sm);
  margin-block-start: var(--space-sm);
}
.rich-text--article ol ::marker,
.rich-text--article ul ::marker {
  color: #666;
  font-weight: 600;
}
.rich-text--article li {
  margin-block-end: 1rem;
}
.rich-text--article .image,
.rich-text--article img:not(.image img, .key-figure__icon, .video img, .campaign-carousel img, .author-block img, react-component img) {
  margin-inline-start: calc(var(--grid-padding) * -1);
  max-width: unset;
  width: calc(100% + var(--grid-padding) * 2);
}
@media (min-width: 752px) {
  .rich-text--article .image,
  .rich-text--article img:not(.image img, .key-figure__icon, .video img, .campaign-carousel img, .author-block img, react-component img) {
    max-width: 100%;
    margin-inline-start: 0;
    margin-inline-end: 0;
  }
}
@media (min-width: 1024px) {
  .rich-text--article .image,
  .rich-text--article img:not(.image img, .key-figure__icon, .video img, .campaign-carousel img, .author-block img, react-component img) {
    margin-inline-start: calc(var(--article-image-offset) * -1 - var(--col-padding));
    max-width: unset;
    width: calc(752px - var(--grid-padding) + var(--article-image-offset) * 2);
  }
}
.rich-text--article img:not(.image img, .key-figure__icon, .video img, .campaign-carousel img, .author-block img, react-component img) {
  margin-block-end: 3rem;
  margin-block-start: 3rem;
}
@media (min-width: 1024px) {
  .rich-text--article img:not(.image img, .key-figure__icon, .video img, .campaign-carousel img, .author-block img, react-component img) {
    margin-block-end: 4.5rem;
    margin-block-start: 4.5rem;
  }
}
.rich-text--article > p {
  margin-block-end: var(--space-xs);
  margin-block-start: var(--space-xs);
}
.rich-text--article > h1:first-child,
.rich-text--article > h2:first-child,
.rich-text--article > h3:first-child,
.rich-text--article > h4:first-child,
.rich-text--article > p:first-child,
.rich-text--article ol:first-child,
.rich-text--article ul:first-child,
.rich-text--article .responsive-table-wrap:first-child,
.rich-text--article .video:first-child,
.rich-text--article .image:first-child {
  margin-block-start: 0;
}
.rich-text--article .responsive-table-wrap {
  margin-block-end: var(--space-xl);
  margin-block-start: var(--space-xl);
}
.rich-text--article .campaign-carousel {
  margin-block-end: 3rem;
  margin-block-start: 3rem;
}
@media (min-width: 1024px) {
  .rich-text--article .campaign-carousel {
    margin-block-end: 4.5rem;
    margin-block-start: 4.5rem;
  }
}
@media (max-width: 751px) {
  .rich-text--article .campaign-carousel {
    margin-inline: calc(var(--grid-padding) * -1);
  }
}
@media (min-width: 752px) {
  .rich-text--article .campaign-carousel {
    width: 100vw;
    position: relative;
    inset-inline: 50%;
    margin-inline: -50vw;
  }
}

.rich-text--article react-component li {
  margin-block-end: 0;
}

.select-wrap select {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #808080;
  padding-inline: 16px 40px;
  padding-block: 14px;
  color: #202020;
  appearance: none;
  font-family: var(--font-primary);
  font-size: 14px;
  line-height: 130%;
  background-color: #fff;
  background-image: url(bc482e9097591a63625c.svg);
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: right 16px center;
  text-overflow: ellipsis;
}
html[dir=rtl] .select-wrap select {
  background-position: left 16px center;
}
.select-wrap select:focus {
  border: 1px solid #202020;
  outline: none;
}
.select-wrap select:active, .select-wrap select:hover {
  border: 1px solid #202020;
}
.select-wrap label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.005em;
  color: #666;
  margin-block-end: 0.5rem;
  display: block;
}
.select-wrap small {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.005em;
  color: #666;
  margin-block-start: 8px;
  display: block;
}

.tabs {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  height: 32px;
}

.tabs__tab {
  margin-inline-end: 1.5rem;
}
.tabs__tab:last-child {
  margin-inline-end: 0;
}

.tab {
  color: #666;
  font-size: inherit;
  line-height: inherit;
  position: relative;
  text-decoration: none;
  white-space: nowrap;
}
.tab:hover {
  color: #202020;
}
.tab:hover::after {
  content: " ";
  height: 2px;
  width: 100%;
  background-color: #e6e6e6;
  position: absolute;
  inset-inline-start: 0;
  bottom: -5px;
}

.tab--external:hover::after {
  background-color: transparent;
}

.tab--active {
  color: #202020;
  font-weight: 600;
}
.tab--active:hover::after, .tab--active::after {
  content: " ";
  height: 2px;
  width: 100%;
  background-color: #f0ab00;
  position: absolute;
  inset-inline-start: 0;
  bottom: -5px;
}

.tag-wrap {
  display: flex;
  flex-wrap: wrap;
  row-gap: var(--space-xxs);
}

.tag {
  font-size: 14px;
  line-height: 20px;
  border: 1px solid #808080;
  padding-block: 2px;
  padding-inline: 8px;
  border-radius: 4px;
  color: #666;
  margin-inline-end: 8px;
  display: flex;
  align-items: center;
}

.tag--removable {
  padding-block: 2px;
  padding-inline: 8px 6px;
}

.tag__button {
  border-radius: 50%;
  min-width: 20px;
  min-height: 20px;
  margin-inline-start: 0.5rem;
}
.tag__button:hover {
  color: #202020;
  background-color: #ccc;
  border-color: #ccc;
}
.tag__button:active {
  color: #202020;
  background-color: #b3b3b3;
  border-color: #b3b3b3;
}

.accordion-wrap {
  margin-block-end: var(--space-xxl);
  margin-block-start: var(--space-xxl);
}

.accordion {
  color: var(--block-high-contrast-color, #202020);
  list-style: none;
  padding-inline-start: 0;
}

.accordion:not(.accordion--animate) .accordion__row--open .accordion__animation {
  height: auto;
}

@media (prefers-reduced-motion: no-preference) {
  .accordion--animate .accordion__icon {
    transition: transform var(--transition-duration) var(--transition-timing-function);
  }
  .accordion--animate .accordion__animation {
    transition-duration: var(--transition-duration);
    transition-property: height, visibility;
    transition-timing-function: var(--transition-timing-function);
  }
}
@media (min-width: 1024px) {
  .accordion--filters {
    border-inline-start: 1px solid #e6e6e6;
    border-inline-end: 1px solid #e6e6e6;
  }
}
.accordion--filters .accordion__title {
  background-color: #f7f7f7;
  position: relative;
}
.accordion--filters .accordion__content {
  padding-block: var(--space-xxs);
  padding-inline: var(--space-xs);
}
.accordion--filters .accordion__trigger {
  padding: var(--space-xs);
  min-height: 52px;
}
.accordion--filters .accordion__icon {
  margin-block-start: 3px;
}
@media (max-width: 1023px) {
  .accordion--filters .accordion__row:first-child {
    border-block-start: 0;
  }
}
.accordion--filters .accordion__row--open .accordion__animation {
  border-block-start: 1px solid #e6e6e6;
}
@media (max-width: 1023px) {
  .modal--filters:not(.modal--visible) .accordion--filters .accordion__row--open .accordion__animation {
    visibility: hidden;
  }
}

.accordion--large .accordion__trigger {
  padding-block: 16px;
}
.accordion--large .accordion__icon {
  margin-block-start: 10px;
}
.accordion--large .accordion__content > .tiles-wrap {
  margin-block: 8px 16px;
}

.accordion__row {
  border-block-start: 1px solid #e6e6e6;
}
.accordion__row:last-child {
  border-block-end: 1px solid #e6e6e6;
}

.accordion__row--open .accordion__icon {
  transform: rotate(180deg);
}
.accordion__row--open .accordion__animation {
  visibility: visible;
}
.accordion__row--open .accordion__help {
  display: block;
}

.accordion__row--always-open .accordion__animation {
  height: auto;
}
.accordion__row--always-open .accordion__icon {
  display: none;
}

.accordion__title {
  margin: 0;
}
.accordion__title .title-36-reg {
  max-width: none;
}

.accordion__trigger {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  padding-block: 8px;
  padding-inline: 0;
  display: flex;
  justify-content: space-between;
  line-height: 18px;
  cursor: pointer;
  text-align: start;
  width: 100%;
}
.accordion__trigger .icon {
  flex-shrink: 0;
}
.accordion__trigger:hover,
.accordion__trigger:hover .accordion__help {
  color: var(--block-low-contrast-color, #666);
}
.accordion__trigger:disabled {
  pointer-events: none;
}

.accordion__icon {
  margin-inline-start: 8px;
  margin-block-start: 2px;
}

.accordion__help {
  font-weight: 400;
  color: #4d4d4d;
  margin-block-start: 4px;
  display: none;
}

.accordion__animation {
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.accordion__content {
  line-height: 20px;
  padding-block: 8px 24px;
  padding-inline: 0;
}
.accordion__content figure {
  max-width: 100%;
  margin-block-start: 0;
  margin-block-end: 1.5rem;
}

.accordion__section-title {
  margin-block-start: var(--space-sm);
  margin-block-end: var(--space-xxs);
}
.accordion__section-title:first-child {
  margin-block-start: var(--space-xxs);
}

.captcha {
  position: relative;
}

.captcha-validation {
  background: transparent;
  bottom: 0;
  border: none;
  display: block;
  height: 1px;
  left: 12px;
  width: 1px;
  position: absolute;
  z-index: -1;
}

.contact-form {
  padding-block-end: var(--space-xxl);
  padding-block-start: var(--space-xxl);
  background-color: #f7f7f7;
  min-height: 480px;
  margin-block-end: var(--space-xxl);
}
.contact-form + .contact-form {
  margin-block-start: calc(var(--space-xxl) * -1);
}

.contact-form--newsletter {
  min-height: unset;
}

.contact-form__intro-wrap {
  max-width: 540px;
  margin-block-end: 24px;
}
.contact-form__intro-wrap h2 {
  color: #202020;
  margin-block-end: 24px;
}
.contact-form__intro-wrap p {
  color: #4d4d4d;
}

.contact-form__colored-heading {
  color: #f0ab00;
}

.contact-form__field {
  margin-block-end: 24px;
}
@media (min-width: 1024px) {
  .contact-form__field.privacy-policy {
    margin-block-end: 40px;
  }
}
.contact-form__field.privacy-policy label {
  width: fit-content;
}
.contact-form__field input,
.contact-form__field select,
.contact-form__field textarea {
  background-color: transparent;
}

.contact-form__sent-message {
  text-align: center;
  position: absolute;
  top: 0;
  inset-inline: var(--col-padding);
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.contact-form__sent-message h3 {
  margin-block-end: 8px;
}

.contact-form__sending {
  position: absolute;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}

.carousel {
  margin-block-end: var(--space-xxl);
}
.carousel::before {
  content: " ";
  position: absolute;
  border-block-start: 1px solid #e6e6e6;
  display: block;
  width: 100%;
  inset-inline-start: 0;
  top: 0;
}
.hero + .carousel {
  margin-block-start: var(--space-xxl);
}

.carousel__header {
  display: flex;
  justify-content: space-between;
  margin-block-end: var(--space-md);
  margin-block-start: var(--space-xs);
}
@media (max-width: 751px) {
  .carousel__header {
    flex-flow: column;
  }
}

@media (min-width: 752px) {
  .carousel__title {
    margin-inline-end: var(--space-sm);
  }
}

.carousel__buttons-wrap {
  display: flex;
}
@media (max-width: 751px) {
  .carousel__buttons-wrap {
    margin-block-start: var(--space-sm);
  }
}
.carousel__buttons-wrap.hidden {
  display: none;
}
@media (min-width: 752px) {
  .carousel__buttons-wrap.md-hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .carousel__buttons-wrap.lg-hidden {
    display: none;
  }
}

.carousel__swiper-wrap,
.carousel__swiper-wrap > .col {
  padding-inline-end: 0;
}

.carousel__swiper {
  width: 100%;
}
.carousel__swiper .col {
  padding: 0;
}

.campaign-carousel {
  margin-block-end: var(--space-xxl);
}
.campaign-carousel .swiper {
  --swiper-theme-color: #f0ab00;
  --swiper-pagination-bullet-inactive-color: #fff;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-height: 12px;
  --swiper-pagination-bullet-width: 12px;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}
.campaign-carousel .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: 20px;
}
.campaign-carousel .swiper-slide {
  min-height: 320px;
  height: auto;
}

.campaign-carousel__buttons-wrap {
  display: flex;
  position: absolute;
  align-items: center;
  justify-content: space-between;
  inset: 0;
  z-index: 1;
  padding-inline: var(--space-lg);
  pointer-events: none;
}
.campaign-carousel__buttons-wrap.hidden {
  display: none;
}
@media (min-width: 752px) {
  .campaign-carousel__buttons-wrap.md-hidden {
    display: none;
  }
}
@media (min-width: 1024px) {
  .campaign-carousel__buttons-wrap.lg-hidden {
    display: none;
  }
}

.campaign-carousel__button {
  pointer-events: initial;
}

.campaign-carousel__promotion {
  color: var(--block-high-contrast-color, #fff);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
}

.campaign-carousel__promotion-content {
  margin-block: 80px;
  margin-inline: var(--grid-padding);
}
@media (min-width: 752px) {
  .campaign-carousel__promotion-content {
    margin-inline-start: 152px;
  }
}
@media (min-width: 1024px) {
  .campaign-carousel__promotion-content {
    margin-inline-start: 128px;
  }
}
@media (min-width: 1408px) {
  .campaign-carousel__promotion-content {
    margin-inline-start: 160px;
  }
}
@media (min-width: 1600px) {
  .campaign-carousel__promotion-content {
    margin-inline-start: 176px;
  }
}
@media (min-width: 752px) {
  .campaign-carousel__promotion-content .campaign-carousel__title,
  .campaign-carousel__promotion-content .campaign-carousel__intro {
    max-width: 448px;
  }
}
@media (min-width: 1408px) {
  .campaign-carousel__promotion-content .campaign-carousel__title,
  .campaign-carousel__promotion-content .campaign-carousel__intro {
    max-width: 528px;
  }
}
@media (min-width: 1600px) {
  .campaign-carousel__promotion-content .campaign-carousel__title,
  .campaign-carousel__promotion-content .campaign-carousel__intro {
    max-width: 608px;
  }
}

.campaign-carousel__intro {
  margin-block-start: var(--space-sm);
}

.campaign-carousel__image {
  position: absolute;
  inset: 0;
}
.campaign-carousel__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.campaign-carousel__image::before {
  content: "";
  inset: 0;
  background: linear-gradient(180deg, rgba(32, 32, 32, 0) 0%, rgba(32, 32, 32, 0.5) 80px, rgba(32, 32, 32, 0.5) 100%);
  position: absolute;
}

.campaign-carousel__countdown {
  font-size: 21px;
  font-weight: 600;
  line-height: 28px;
  margin-block-start: var(--space-sm);
  min-height: 28px;
}
.campaign-carousel__countdown .js-countdown-text {
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.campaign-carousel__cta {
  display: inline-block;
  margin-block-start: var(--space-sm);
}

.campaign-carousel__cta-wrap {
  margin-block-start: var(--space-sm);
}

.cookies-notice {
  z-index: var(--z-index-overlay);
}

.cookies-notice__dialog {
  background: #f7f7f7;
  box-shadow: 0 -1px 0 #e6e6e6;
  padding-block: 24px;
  padding-inline: 48px;
  position: fixed;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 751px) {
  .cookies-notice__dialog {
    display: block;
    padding: 16px;
    padding-block-end: 24px;
  }
}

.cookies-notice__info {
  position: static;
  width: 65%;
  margin-inline-end: 24px;
}
.cookies-notice__info p {
  color: #333;
}
@media (max-width: 751px) {
  .cookies-notice__info {
    width: 100%;
    padding-block-end: 24px;
  }
}

.cookies-notice__buttons {
  display: flex;
  align-items: center;
}
@media (max-width: 751px) {
  .cookies-notice__buttons {
    justify-content: flex-end;
    padding: 0;
  }
}

.cookies-notice__heading {
  margin-block-end: 16px;
}

.cookies-settings p {
  color: #333;
}
.cookies-settings h2 {
  margin-block-start: 24px;
  margin-block-end: 16px;
}

.cookies-settings__intro {
  margin-block-start: 0;
}

.dealers-overview {
  height: auto;
}
.dealers-overview .table li:not(:first-child):hover {
  background-color: #f7f7f7;
}
.dealers-overview h1 {
  margin-block-end: 5px;
}
.dealers-overview p {
  margin-block-end: 50px;
}
.dealers-overview .button {
  margin-block-end: 15px;
}
.dealers-overview [href].website {
  display: block;
  margin: 0 auto;
  height: 24px;
  width: 24px;
  content: url(6cf2c31d392fb5182d5d.svg);
}

@media (max-width: 1023px) {
  .dealer-overview .table li {
    flex-direction: column;
  }
  .dealer-overview .table .table__title {
    margin-block-end: 0.5rem;
    margin-block-start: 0.5rem;
  }
}
.document-search {
  margin-block-end: var(--space-xxxl);
}
.document-search .search-wrap {
  margin-block-end: 0;
  flex-basis: 50%;
}
.document-search .search input {
  background-image: none;
}
.document-search .buttons-wrap {
  display: flex;
  align-items: flex-end;
}
.document-search .select-wrap {
  flex: 1;
}
@media (max-width: 751px) {
  .document-search .button {
    margin-block-start: var(--space-sm);
    width: 100%;
  }
  .document-search .search-wrap {
    margin-block-end: var(--space-xs);
  }
  .document-search .search-wrap,
  .document-search .select-wrap,
  .document-search .buttons-wrap {
    flex-basis: 100%;
  }
}

.footer {
  --footer-component-spacing: 3rem;
  --footer-link-spacing: 0.75rem;
  position: sticky;
  top: 100vh;
  background-color: #f7f7f7;
  border-block-start: 1px solid #e6e6e6;
}

.footer__content {
  padding-block-end: var(--footer-component-spacing);
  padding-block-start: var(--footer-component-spacing);
}

.footer__copyright {
  font-size: 12px;
  color: #4d4d4d;
  margin-block-start: var(--footer-component-spacing);
}

.footer__link,
#ot-sdk-btn.ot-sdk-show-settings {
  background-color: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  appearance: none;
  cursor: pointer;
  font-size: 14px;
  font-size: 14px !important;
  line-height: 20px !important;
  margin-block-end: var(--footer-link-spacing);
  text-decoration: none;
  color: #202020;
  color: #202020 !important;
  display: inline-block;
}
.footer__link:hover,
#ot-sdk-btn.ot-sdk-show-settings:hover {
  color: #4d4d4d;
  color: #4d4d4d !important;
  background-color: none !important;
  text-decoration: none;
}
.footer__link:active,
#ot-sdk-btn.ot-sdk-show-settings:active {
  color: #666;
  color: #666 !important;
  text-decoration: none;
}

.footer__logo {
  margin-block-end: var(--footer-component-spacing);
}
.footer__logo img {
  max-width: 140px;
}

.footer__intro {
  color: #4d4d4d;
  max-width: 312px;
  margin-block-start: calc(var(--footer-component-spacing) - var(--footer-link-spacing));
  margin-block-end: -1rem;
}

.footer__cta {
  margin-block-start: var(--footer-component-spacing);
}

.social {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  margin-block-start: var(--footer-component-spacing);
  margin-block-end: -1rem;
  gap: var(--space-xxs);
}

.social--share {
  margin-block-start: 4px;
  margin-block-end: 0;
  gap: var(--space-xs);
}

.social__link img {
  max-width: 24px;
  max-height: 24px;
}

.footer--CN {
  background-color: #e6e6e6;
  padding: 24px 0;
}
@media (min-width: 752px) {
  .footer--CN {
    padding: 24px 32px;
  }
}
.footer--CN p {
  margin-block-end: var(--footer-link-spacing);
}
.footer--CN img {
  height: 20px;
  display: inline-block;
}
.footer--CN img + a {
  line-height: 20px;
  margin-bottom: 0;
  vertical-align: top;
}

.header {
  --page-title-height: 72px;
  --header-dropdown-vertical-padding: 48px;
  display: flex;
  flex-direction: column;
  height: var(--header-height);
  position: fixed;
  top: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  z-index: var(--z-index-header);
  color: #202020;
  transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
}
.header .title-24-reg {
  font-size: 21px;
  line-height: 28px;
}

.header--open {
  border-block-end: 0;
  height: 100%;
}
.header--open .header__modal {
  display: block;
}

.header__modal {
  background-color: rgba(32, 32, 32, 0.72);
  display: none;
  flex-grow: 1;
}

.header__navbar-wrap {
  background-color: #f7f7f7;
  display: flex;
  flex-basis: var(--header-height);
  flex-shrink: 0;
  align-items: center;
}

.header__navbar {
  display: flex;
  margin-inline-start: -4px;
  margin-inline-end: -12px;
  justify-content: space-between;
}

.header__menu-button {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.header__menu-button span {
  font-weight: 600;
  font-size: 14px;
  font-family: var(--font-primary);
  margin-inline-start: var(--space-xxs);
}
@media (max-width: 751px) {
  .header__menu-button span {
    display: none;
  }
}
.header__menu-button .icon:nth-child(2) {
  display: none;
}

.header__menu-button--open .icon:nth-child(1) {
  display: none;
}
.header__menu-button--open .icon:nth-child(2) {
  display: block;
}

.header__logo {
  position: absolute;
  margin-block: 0;
  margin-inline: auto;
  top: 12px;
  inset-inline-start: 0;
  inset-inline-end: 0;
  width: 140px;
}
@media (max-width: 751px) {
  .header__logo img {
    width: 112px;
    margin-block: 0;
    margin-inline: auto;
  }
}

.header__option {
  position: relative;
  height: 44px;
  width: 44px;
}
.header__option span {
  font-size: 8px;
  line-height: 12px;
  color: #fff;
  background-color: #d52b1e;
  height: 16px;
  width: 16px;
  position: absolute;
  top: 8px;
  inset-inline-end: 4px;
  border-radius: 8px;
  text-align: center;
  padding-block-start: 2px;
}
.header__option img {
  object-fit: contain;
  height: 24px;
  width: 24px;
}

@media (max-width: 751px) {
  .header__option--lang {
    display: none;
  }
}

.header__dropdown {
  background-color: #f7f7f7;
  width: 100%;
  border-block-start: 1px solid #e6e6e6;
  position: relative;
  padding-block-end: var(--header-dropdown-vertical-padding);
  padding-block-start: var(--header-dropdown-vertical-padding);
  display: none;
  max-height: calc(100% - var(--header-height));
}
@media (max-width: 1023px) {
  .header__dropdown {
    height: calc(100% - var(--header-height));
    padding-block-end: 0;
    padding-block-start: 0;
  }
}
.header__dropdown a {
  color: #202020;
  text-decoration: none;
}
.header__dropdown a:hover {
  color: #666;
  text-decoration: none;
}
.header__dropdown a:active {
  color: #4d4d4d;
  text-decoration: none;
}

.header__dropdown--menu {
  padding-block-start: 0;
}

.header__dropdown--open {
  display: block;
}

.header__close-bar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  z-index: 10;
  inset-inline-end: 0;
  top: 0;
}
.header__close-bar .button-icon {
  justify-content: flex-end;
}

.header__text-icon {
  --icon-size: 1rem;
}

.header__dropdown--search {
  overflow-y: auto;
}
@media (max-width: 1023px) {
  .header__dropdown--search .header__close-bar {
    margin-block-start: 36px;
  }
}
.header__dropdown--search .search {
  margin-block-start: 36px;
  margin-block-end: 48px;
}
.header__dropdown--search .search input {
  background-color: #f7f7f7;
}
.header__dropdown--search h3 {
  display: block;
  width: 100%;
  font-weight: 400;
  color: #808080;
  margin-block-end: 24px;
}

.header__pop-searches {
  columns: 3;
  column-gap: 32px;
  margin-block-end: 48px;
}
@media (max-width: 1023px) {
  .header__pop-searches {
    columns: 1;
    column-gap: 0;
  }
}

.header__go-to {
  margin-block-end: 48px;
}

.header__search-link {
  margin-block-end: 12px;
}

.header__language {
  --language-panel-offset: 480px;
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
  background-color: #f7f7f7;
  width: var(--language-panel-offset);
  height: 100%;
  overflow-y: auto;
  transform: translateX(var(--language-panel-offset));
}
html[dir=rtl] .header__language {
  transform: translateX(calc(var(--language-panel-offset) * -1));
}
.header__language > .columns {
  padding-block: 0;
  padding-inline: 1rem;
}
@media (max-width: 751px) {
  .header__language {
    width: 100%;
    inset-inline-start: 0;
  }
}
.header__language .header__close-bar {
  margin-block-end: 40px;
  margin-block-start: 24px;
}
.header__language .search {
  margin-block-end: 24px;
}
.header__language .search input {
  background-color: transparent;
}
.modal--visible .header__language, html[dir=rtl] .modal--visible .header__language {
  transform: translateX(0);
}

.header__language-title {
  margin-block-end: 16px;
}

.header__language-content-region-languages {
  margin-block-end: 48px;
}

.header__language-link {
  margin-inline-end: 16px;
  color: #666;
}
.header__language-link:hover {
  color: #202020;
}

.header__language-link--selected {
  color: #202020;
  font-weight: 600;
  text-decoration: none;
}

.header__land {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-block-start: 16px;
  padding-block-end: 16px;
}
.header__land .header__language-link {
  margin-inline-end: 0;
  margin-inline-start: 16px;
  color: #202020;
}
.header__land .header__language-link:hover {
  color: #666;
}
.header__land img {
  width: 30px;
}
.header__land span {
  padding-inline-start: 10px;
  white-space: nowrap;
}

.header__language-accordion {
  margin-block-start: 0;
}
.header__language-accordion .accordion__content {
  padding: 0;
}

.header__menu-title-wrap {
  position: relative;
}
@media (min-width: 1024px) {
  .header__menu-title-wrap {
    margin-block-end: var(--header-dropdown-vertical-padding);
  }
}
.header__menu-title-wrap::after {
  content: "";
  position: absolute;
  bottom: 0;
  inset-inline-start: 0;
  inset-inline-end: 0;
  border-block-end: 1px solid #e6e6e6;
}

.header__menu-title {
  height: var(--page-title-height);
  display: flex;
  align-items: center;
  width: 100%;
}
.header__menu-title .title-36-reg {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: none;
}

.header__menu-mobile-scroll {
  position: relative;
  height: calc(100% - var(--page-title-height) - var(--header-dropdown-vertical-padding));
}
@media (max-width: 1023px) {
  .header__menu-mobile-scroll {
    height: calc(100% - var(--page-title-height));
    overflow-y: auto;
  }
  .header__menu-mobile-scroll,
  .header__menu-mobile-scroll > .col {
    padding: 0;
  }
}

@media (max-width: 1023px) {
  .header__menu {
    margin-block-end: var(--header-dropdown-vertical-padding);
  }
}
@media (min-width: 1024px) {
  .header__menu {
    overflow-y: auto;
    height: 100%;
  }
}

@media (min-width: 1024px) {
  .header__menu--has-sub-menu {
    border-inline-end: 1px solid #e6e6e6;
  }
}

@media (min-width: 1024px) {
  .header__menu--scroll-start::before {
    content: "";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    width: calc(33.333% - 6px);
    height: 48px;
    pointer-events: none;
    background: linear-gradient(180deg, #f7f7f7 0%, #f7f7f7 0.75%, rgba(247, 247, 247, 0.9976) 2.92%, rgba(247, 247, 247, 0.992) 6.37%, rgba(247, 247, 247, 0.981) 10.97%, rgba(247, 247, 247, 0.963) 16.59%, rgba(247, 247, 247, 0.936) 23.1%, rgba(247, 247, 247, 0.8984) 30.37%, rgba(247, 247, 247, 0.8483) 38.27%, rgba(247, 247, 247, 0.784) 46.66%, rgba(247, 247, 247, 0.7037) 55.41%, rgba(247, 247, 247, 0.6056) 64.39%, rgba(247, 247, 247, 0.488) 73.47%, rgba(247, 247, 247, 0.349) 82.52%, rgba(247, 247, 247, 0.187) 91.41%, rgba(247, 247, 247, 0) 100%);
  }
}

@media (min-width: 1024px) {
  .header__menu--scroll-end::after {
    content: "";
    position: absolute;
    bottom: 0;
    inset-inline-start: 0;
    width: calc(33.333% - 6px);
    height: 48px;
    pointer-events: none;
    background: linear-gradient(360deg, #f7f7f7 0%, #f7f7f7 0.75%, rgba(247, 247, 247, 0.9976) 2.92%, rgba(247, 247, 247, 0.992) 6.37%, rgba(247, 247, 247, 0.981) 10.97%, rgba(247, 247, 247, 0.963) 16.59%, rgba(247, 247, 247, 0.936) 23.1%, rgba(247, 247, 247, 0.8984) 30.37%, rgba(247, 247, 247, 0.8483) 38.27%, rgba(247, 247, 247, 0.784) 46.66%, rgba(247, 247, 247, 0.7037) 55.41%, rgba(247, 247, 247, 0.6056) 64.39%, rgba(247, 247, 247, 0.488) 73.47%, rgba(247, 247, 247, 0.349) 82.52%, rgba(247, 247, 247, 0.187) 91.41%, rgba(247, 247, 247, 0) 100%);
  }
}

.header__menu-list:nth-child(2), .header__menu-list:nth-child(4) {
  margin-block-start: var(--space-md);
}
@media (max-width: 1023px) {
  .header__menu-list:nth-child(2) .header__menu-item:first-child, .header__menu-list:nth-child(4) .header__menu-item:first-child {
    border-block-start: 1px solid #e6e6e6;
  }
}
.header__menu-list:nth-child(3) {
  margin-block-start: var(--space-md);
}
@media (max-width: 1023px) {
  .header__menu-list:nth-child(3) .header__menu-item:first-child {
    border-block-start: 1px solid #e6e6e6;
  }
}
@media (min-width: 1024px) {
  .header__menu-list:nth-child(3) {
    border-block-start: 1px solid #e6e6e6;
    padding-block-start: 2rem;
  }
}

@media (max-width: 1023px) {
  .header__menu-list--sub-menu-open:nth-child(2), .header__menu-list--sub-menu-open:nth-child(3) {
    margin-block-start: 0;
  }
  .header__menu-list--sub-menu-open:nth-child(2) .header__menu-item:first-child, .header__menu-list--sub-menu-open:nth-child(3) .header__menu-item:first-child {
    border-block-start: 0;
  }
}

@media (max-width: 1023px) {
  .header__menu-item {
    padding-inline-start: var(--grid-padding);
    padding-inline-end: var(--grid-padding);
    border-block-end: 1px solid #e6e6e6;
  }
}
@media (min-width: 1024px) {
  .header__menu-item {
    margin-inline-start: -8px;
  }
}

.header__menu-item-flag {
  --icon-size: 24px;
}

.header__menu-link {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding-block: 12px;
  padding-inline: 0;
  justify-content: space-between;
  text-align: start;
  width: 100%;
}
@media (min-width: 1024px) {
  .header__menu-link {
    padding: 8px;
  }
}
.header__menu-link:hover {
  color: #666;
  text-decoration: none;
}
@media (min-width: 1024px) {
  .header__menu-link:hover {
    background-color: #e6e6e6;
    border-radius: 4px;
  }
}
.header__menu-link:active {
  color: #4d4d4d;
  text-decoration: none;
}

@media (max-width: 1023px) {
  .header__menu-link--sub-menu-open {
    font-family: var(--font-primary);
    font-weight: 300;
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.01em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-block-end: 12px;
    padding-block-start: 12px;
    font-size: 21px;
    line-height: 28px;
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
@media (max-width: 1023px) and (max-width: 751px) {
  .header__menu-link--sub-menu-open {
    font-size: 21px;
    line-height: 28px;
  }
}
@media (max-width: 1023px) {
  .header__menu-link--sub-menu-open .icon {
    margin-inline-end: var(--space-xxs);
    transform: rotate(180deg);
  }
}
@media (min-width: 1024px) {
  .header__menu-link--sub-menu-open {
    background-color: #e6e6e6;
    border-radius: 4px;
    color: #666;
  }
}

.header__sub-menu {
  --header-sub-menu-offset: 24px;
  display: none;
  position: absolute;
  height: 100%;
  inset-inline-start: 0;
  width: 100%;
  top: 0;
}
@media (max-width: 1023px) {
  .header__sub-menu {
    background-color: #f7f7f7;
    top: 68px;
    height: auto;
    padding-block-end: var(--header-dropdown-vertical-padding);
    padding-inline-start: var(--grid-padding);
    padding-inline-end: var(--grid-padding);
  }
}
@media (min-width: 1024px) {
  .header__sub-menu {
    inset-inline-start: calc(33.333% - var(--header-sub-menu-offset));
    top: 4px;
    width: calc(33.333% + var(--header-sub-menu-offset));
    padding-inline-start: calc(var(--space-sm) + var(--header-sub-menu-offset));
    padding-inline-end: var(--space-sm);
  }
}

.header__sub-menu--open {
  display: block;
}

.header__sub-menu-link {
  display: flex;
  padding-block-end: 8px;
  padding-block-start: 8px;
  position: relative;
  align-items: center;
}
@media (min-width: 752px) {
  .header__sub-menu-link {
    padding-block-end: 6px;
    padding-block-start: 6px;
  }
}

.header__menu-cta-wrap {
  margin-block-start: var(--space-sm);
}

.header__menu-featured-story {
  border-inline-start: 1px solid #e6e6e6;
}
.header__menu-featured-story h2,
.header__menu-featured-story img {
  margin-block-end: var(--space-xs);
}
.header__menu-featured-story p {
  color: #4d4d4d;
}

.headline {
  position: relative;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  flex-flow: column;
  padding-block: 64px;
  padding-inline: 0;
}
@media (max-width: 374px) {
  .headline {
    padding-block: 48px;
    padding-inline: 0;
  }
}

.headline__title {
  margin-block-end: 40px;
  max-width: 75%;
  color: #202020;
}
@media (max-width: 1023px) {
  .headline__title {
    max-width: 100%;
  }
}

.headline__submenu {
  padding-block: 32px;
  padding-inline: 0;
}

.headline-and-text {
  color: var(--block-high-contrast-color, #202020);
  position: relative;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  flex-flow: column;
  margin-block-end: var(--space-xxl);
  margin-block-start: var(--space-xxl);
}
@media (max-width: 751px) {
  .headline-and-text .columns {
    flex-flow: column;
  }
  .headline-and-text .columns .col-6 {
    width: 100%;
  }
}
.headline-and-text[class*=bg-] {
  margin-block-start: 0;
  padding-block-end: var(--space-xxl);
  padding-block-start: var(--space-xxl);
}
.headline-and-text[class*=bg-] + .key-figures-wrap[class*=bg-],
.headline-and-text[class*=bg-] + .timeline {
  margin-block-start: calc(var(--space-xxl) * -1);
}

.headline-and-text--dense[class*=bg-] {
  padding-block-end: var(--space-md);
  padding-block-start: var(--space-md);
}

.headline-and-text__title {
  max-width: 75%;
}
@media (max-width: 751px) {
  .headline-and-text__title {
    max-width: 100%;
  }
}

.headline-and-text__text {
  color: var(--block-medium-contrast-color, #4d4d4d);
  line-height: 24px;
}
@media (max-width: 751px) {
  .headline-and-text__text {
    margin-block-start: var(--space-sm);
  }
}
.headline-and-text__text .accordion-wrap,
.headline-and-text__text figure {
  margin-block-start: 0;
  margin-block-end: 1.5rem;
}
.headline-and-text__text .image {
  max-width: 100%;
}

.headline-and-text__intro {
  color: var(--block-medium-contrast-color, #4d4d4d);
  margin-block-start: var(--space-xs);
}

.hero {
  --hero-min-height: 480px;
  --hero-height: 480px;
  --hero-max-height: 810px;
  text-align: center;
  background-color: #ede5d4;
  display: flex;
  flex-flow: column;
  position: relative;
}
@media (min-width: 752px) {
  .hero {
    --hero-height: 75vh;
  }
}
.hero.columns {
  padding: 0;
}
.hero.columns .col {
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.hero + .search-page {
  margin-block-start: var(--space-xxl);
}

.hero--v1 {
  position: relative;
}
.hero--v1 .hero__image {
  position: relative;
}
.hero--v1 .hero__image::after {
  content: " ";
  position: absolute;
  width: 100%;
  background-color: #202020;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  z-index: 0;
  inset-inline-start: 0;
}
.hero--v1 .hero__cta {
  color: #fff;
}
.hero--v1 .hero__title {
  color: #fff;
}

.hero--v2 .hero__content {
  padding-block: 40px 48px;
  padding-inline: 0;
}
.hero--v2 .hero__title {
  color: #202020;
}

.hero--split {
  color: var(--block-high-contrast-color, #202020);
  flex-flow: column;
}
.hero--split .columns {
  max-width: unset;
}
.hero--split .hero__content-wrap {
  padding-inline-start: 0;
  padding-inline-end: 0;
  position: initial;
}
.hero--split .hero__title {
  padding-inline-start: 48px;
  padding-inline-end: 48px;
  margin-inline-start: 0;
  margin-inline-end: 0;
}
.hero--split .hero__intro {
  padding-inline-start: 48px;
  padding-inline-end: 48px;
}
@media (min-width: 1024px) {
  .hero--split {
    flex-flow: row-reverse;
  }
  .hero--split .hero__content-wrap {
    width: 50%;
  }
  .hero--split .hero__image {
    width: 50%;
  }
}
@media (max-width: 1023px) {
  .hero--split .hero__image {
    min-height: unset;
    height: 480px;
    max-height: unset;
  }
  .hero--split .hero__content-wrap {
    padding-block-end: 48px;
    padding-block-start: 48px;
  }
}
@media (max-width: 751px) {
  .hero--split .hero__image {
    height: 375px;
  }
}

@media (min-width: 1024px) {
  .hero--split-reverse {
    flex-flow: row;
  }
}
@media (max-width: 1023px) {
  .theme-tankfast .hero--split-reverse .hero__content-wrap {
    padding-block-end: 72px;
  }
}
.theme-tankfast .hero--split-reverse::after {
  content: "";
  position: absolute;
  bottom: -24px;
  inset-inline-end: 25%;
  height: 48px;
  width: 624px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 1040 80%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M0 80h433l41-80H0v80Zm444 0h11l41-80h-11l-41 80Zm77 0h22l41-80h-22l-41 80Zm76 0h-33l41-80h33l-41 80Zm16 0h45l41-80h-45l-41 80Zm386 0H670l41-80h329l-41 80Z%27 fill=%27%23F0AB00%27/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  z-index: 1;
}
@media (min-width: 752px) {
  .theme-tankfast .hero--split-reverse::after {
    inset-inline-end: 50%;
  }
}
@media (min-width: 1024px) {
  .theme-tankfast .hero--split-reverse::after {
    height: 80px;
    width: 1040px;
    bottom: -40px;
    inset-inline-end: 60%;
  }
}
.theme-tankfast .hero--split-reverse + section {
  margin-block-start: 72px;
}
@media (min-width: 1024px) {
  .theme-tankfast .hero--split-reverse + section {
    margin-block-start: 120px;
  }
}
.theme-tankfast .hero--split-reverse + section[class*=bg-] {
  margin-block-start: 0;
  padding-block-start: 72px;
}
@media (min-width: 1024px) {
  .theme-tankfast .hero--split-reverse + section[class*=bg-] {
    padding-block-start: 120px;
  }
}

.hero--split-logo .hero__title {
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 36px;
  line-height: 44px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 608px;
}
@media (max-width: 1407px) {
  .hero--split-logo .hero__title {
    font-size: 32px;
    line-height: 40px;
    letter-spacing: -0.01em;
  }
}
@media (max-width: 1023px) {
  .hero--split-logo .hero__title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media (max-width: 1023px) {
  .hero--split-logo .hero__title {
    font-size: 32px;
    line-height: 40px;
  }
}

.hero--video {
  color: #fff;
  text-align: start;
  position: relative;
  min-height: var(--hero-min-height);
  height: var(--hero-height);
  max-height: var(--hero-max-height);
}
.hero--video .hero__content {
  align-items: flex-start;
}

.hero__image {
  min-height: var(--hero-min-height);
  height: var(--hero-height);
  max-height: var(--hero-max-height);
}
.hero__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.hero__video {
  position: absolute;
  inset-inline-start: 0;
  inset-inline-end: 0;
  top: 0;
  bottom: 0;
}
.hero__video video {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
.hero__video::after {
  content: " ";
  position: absolute;
  width: 100%;
  background-color: #202020;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
}

.hero__logo {
  max-height: 150px;
  max-width: 400px;
  margin-block-end: 96px;
}
@media (max-width: 1023px) {
  .hero__logo {
    margin-block-end: 32px;
    max-height: 80px;
    max-width: 256px;
  }
}
.hero__logo img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}

.hero__content-wrap {
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  inset-inline-end: 0;
  bottom: 0;
}

.hero__title {
  margin-block-end: 0;
}

.hero__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.hero__intro {
  margin-block-start: var(--space-sm);
  max-width: 652px;
}

.hero__cta {
  color: var(--block-high-contrast-color, #202020);
  margin-block-start: 40px;
}

.highlight {
  color: var(--block-high-contrast-color, #202020);
  padding: 0;
  margin-block-end: var(--space-xxl);
}
.highlight + .headline-and-text[class*=bg-] {
  margin-block-start: calc(var(--space-xxl) * -1);
  max-width: 1600px;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.highlight__content-wrap {
  padding: 0;
}

.highlight__content {
  padding-block: 80px;
  padding-inline: 48px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1023px) {
  .highlight__content {
    padding-inline-start: 2rem;
    padding-inline-end: 2rem;
  }
}
@media (max-width: 751px) {
  .highlight__content {
    padding-block: 1.5rem;
    padding-inline: 1rem;
  }
}

.highlight__title {
  margin-block-end: 1.5rem;
}

.highlight__text {
  color: var(--block-medium-contrast-color, #4d4d4d);
}

.highlight__image {
  min-height: 480px;
  padding: 0;
}
.highlight__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 751px) {
  .highlight__image img {
    position: absolute;
    inset-inline-start: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
}
@media (max-width: 1407px) {
  .highlight__image {
    min-height: 400px;
  }
}
@media (max-width: 1023px) {
  .highlight__image {
    min-height: 320px;
  }
}
@media (max-width: 751px) {
  .highlight__image {
    min-height: 0;
    position: relative;
  }
  .highlight__image::after {
    display: block;
    content: "";
    padding-block-end: 66%;
  }
}

.highlight--image-right {
  flex-direction: row-reverse;
}

.highlight__cta {
  color: var(--block-high-contrast-color, #202020);
}

.item-list {
  margin-block-end: 80px;
}
.item-list h3 {
  margin-block-end: 16px;
}
.item-list .col {
  margin-block-end: 32px;
}

.key-figures-wrap {
  color: var(--block-high-contrast-color, #202020);
  margin-block-start: var(--space-md);
  margin-block-end: var(--space-xxl);
}
.key-figures-wrap[class*=bg-] {
  margin-block-start: 0;
  margin-block-end: var(--space-xxl);
  padding-block-end: var(--space-md);
  padding-block-start: var(--space-md);
}
.key-figures-wrap + section {
  margin-block-start: 0;
}
.key-figures-wrap > .columns {
  row-gap: var(--space-md);
}
@media (min-width: 429px) and (max-width: 751px) {
  .key-figures-wrap:not(.key-figures--dynamic) .key-figure .key-figure__content-wrap {
    flex-direction: row;
  }
}
.key-figures-wrap.key-figures--dynamic .key-figure {
  text-align: center;
}
.key-figures-wrap.key-figures--dynamic .key-figure h3 {
  max-width: 12rem;
  font-family: var(--font-secondary);
  font-variant-numeric: lining-nums;
  font-size: 28px;
  line-height: 36px;
  font-weight: normal;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.accordion__content > .key-figures-wrap {
  margin-block-start: 0;
  margin-block-end: 0;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 1024px) {
  .accordion__content > .key-figures-wrap {
    padding-bottom: 24px;
    padding-top: 24px;
  }
}

.key-figure {
  color: var(--block-high-contrast-color, #202020);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: start;
  margin-block-end: 0;
  height: 100%;
  width: 100%;
  padding: 24px;
}
@media (max-width: 428px) {
  .key-figure {
    padding-block: 24px;
    padding-inline: 16px;
  }
}

@media (min-width: 752px) {
  .key-figures--icon-left .key-figure__content-wrap {
    flex-direction: row;
  }
}

.key-figures--dynamic .columns {
  justify-content: center;
  column-gap: 32px;
}
.key-figures--dynamic .key-figure__icon {
  margin: 0 auto;
}

.key-figure__content-wrap {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.key-figure__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

.key-figure__icon-wrap {
  flex-basis: 7rem;
  flex-shrink: 0;
}

.key-figure__icon {
  max-height: 6rem;
  width: 6rem;
}

.key-figure__numbers {
  font-family: var(--font-secondary);
  font-size: 56px;
  line-height: 64px;
  font-weight: normal;
  letter-spacing: -0.4px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 60px;
  font-variant-numeric: lining-nums;
}
@media (max-width: 1023px) {
  .key-figure__numbers {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 1023px) {
  .key-figure__numbers {
    margin-bottom: 24px;
  }
}

.key-figure__heading {
  margin-block-end: 0;
}

.key-figure__sub-heading {
  color: var(--block-medium-contrast-color, #4d4d4d);
  margin-block-start: 0.5rem;
}

.key-figure__description {
  color: var(--block-medium-contrast-color, #4d4d4d);
  margin-block-start: 1rem;
}
.key-figure__description a {
  text-decoration: underline;
}
.key-figure__description a:hover {
  text-decoration: none;
}

.key-figure__cta {
  padding-block-start: 24px;
  margin-block-start: auto;
}

.message-form {
  padding-block-start: 48px;
  padding-block-end: 32px;
  background-color: #f7f7f7;
  margin-block-end: 0 !important;
}

.message-form__title {
  margin-block-end: 24px;
}

.message-form__textarea {
  height: 130px;
  resize: none;
}

.message-form__contacts {
  margin-block-start: 20px;
  display: flex;
  flex-direction: column;
}

.message-form__contact {
  display: flex;
  flex-direction: row;
  margin-block: 2px;
  margin-inline: 0;
}
@media only screen and (max-width: 400px) {
  .message-form__contact {
    flex-direction: column;
  }
}

.message-form__name {
  font-weight: bold;
  width: 150px;
}

.message-form__email {
  color: #4d4d4d;
}

.modal {
  position: fixed;
  z-index: var(--z-index-overlay);
  width: 100%;
  height: 100%;
  inset-inline-start: 0;
  top: 0;
  visibility: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal:not(.modal--visible) {
  pointer-events: none;
}
.modal:not(.modal--visible):not(.modal--filters) .accordion__animation {
  visibility: hidden;
}
.modal::before {
  content: "";
  background-color: rgba(32, 32, 32, 0.72);
  position: absolute;
  inset-inline-start: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.modal--visible {
  visibility: visible;
}
.modal--visible::before {
  opacity: 1;
}

@media (prefers-reduced-motion: no-preference) {
  .modal--animated,
  .modal--animated .accordion__animation {
    transition: visibility var(--transition-duration);
  }
  .modal--animated::before {
    transition-property: background-color, opacity;
    transition-duration: var(--transition-duration);
    transition-timing-function: var(--transition-timing-function);
  }
  .modal--animated .modal__animation--transform {
    transition: transform var(--transition-duration) var(--transition-timing-function);
  }
}
.modal--cookies {
  align-items: stretch;
}
@media (min-width: 429px) {
  .modal--cookies {
    align-items: center;
  }
}
.modal--cookies .modal__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 429px) {
  .modal--cookies .modal__content {
    max-height: 90%;
    max-width: 560px;
    margin-inline-start: var(--space-md);
    margin-inline-end: var(--space-md);
  }
}
@media (min-width: 752px) {
  .modal--cookies .modal__content {
    margin: 0;
  }
}
.modal--cookies .modal__close-button {
  position: static;
}
.modal--cookies .modal__main {
  padding: var(--space-xs);
}
@media (min-width: 1024px) {
  .modal--cookies .modal__main {
    padding: var(--space-sm);
  }
}

.modal--filters {
  align-items: stretch;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
  .modal--filters {
    width: auto;
    height: auto;
    position: static;
  }
  .modal--filters::before {
    background-color: initial;
    opacity: 1;
    visibility: hidden;
  }
  .modal--filters:not(.modal--visible) {
    pointer-events: initial;
    visibility: visible;
  }
}
.modal--filters .modal__close-button {
  position: static;
}
.modal--filters .modal__content {
  display: flex;
  flex-direction: column;
}
@media (min-width: 429px) {
  .modal--filters .modal__content {
    max-width: 376px;
  }
}
@media (min-width: 1024px) {
  .modal--filters .modal__content {
    max-width: none;
  }
}
.modal--filters .modal__footer .button {
  flex-basis: 50%;
}
.modal--filters .modal__footer .button:last-child {
  flex-shrink: 0;
}

.modal--share .modal__close-button {
  position: static;
  margin-block-start: -14px;
  margin-inline-end: -14px;
}

.modal__close-button {
  position: fixed;
  top: 1rem;
  inset-inline-end: 1rem;
}

.modal__content {
  width: 100%;
  max-width: 1024px;
  max-height: 100%;
  overflow: hidden;
  position: relative;
}
.modal__content .player {
  aspect-ratio: 16/9;
  width: 100% !important;
  height: auto !important;
}

.modal__content--media {
  height: 100%;
  max-width: 1408px;
  max-height: calc(100% - 160px);
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (orientation: landscape) and (max-height: 751px) {
  .modal__content--media {
    margin-inline: 80px;
    max-height: calc(100% - 88px);
  }
}
@media (min-width: 1024px) {
  .modal__content--media {
    margin-inline: 96px;
    max-height: calc(100% - 144px);
  }
}

.modal__content--fullsize {
  max-width: none;
}

.modal__content--share {
  background-color: #f7f7f7;
  padding: var(--space-xs);
  width: 343px;
}

.modal__header {
  background-color: #fff;
  padding-inline-start: var(--space-xs);
  padding-inline-end: 0;
  flex-basis: var(--header-height);
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-block-end: 1px solid #e6e6e6;
}
@media (min-width: 1024px) {
  .modal__header {
    padding-inline-start: var(--space-sm);
  }
}

.modal__main {
  background-color: #fff;
  overflow-y: auto;
  flex-grow: 1;
}

.modal__footer {
  background-color: #fff;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-basis: 72px;
  flex-shrink: 0;
  border-block-start: 1px solid #e6e6e6;
  padding-inline-start: var(--space-xs);
  padding-inline-end: var(--space-xs);
}
@media (min-width: 1024px) {
  .modal__footer {
    padding-inline-start: var(--space-sm);
    padding-inline-end: var(--space-sm);
  }
}

.my-lists {
  margin-block-end: var(--space-md);
}

.my-lists__empty-notice {
  background-color: #f7f7f7;
  text-align: center;
  margin-block-end: var(--space-md);
  padding: var(--space-md);
}
.my-lists__empty-notice h3 {
  margin-block-end: var(--space-xxs);
}
.my-lists__empty-notice p {
  margin-block-end: var(--space-sm);
}
.my-lists__empty-notice a {
  display: inline-block;
}

.my-lists__empty-icon {
  height: 76px;
  width: 76px;
}

.my-lists__empty-icon-wrap {
  padding-block: 10px;
  padding-inline: 0;
}

.my-documents--title {
  font-size: 2rem;
  margin-top: 24px;
  font-family: var(--font-primary);
  line-height: 32px;
  font-weight: 300;
  letter-spacing: -0.01em;
  -webkit-font-smoothing: antialiased;
}
.my-documents--text {
  margin: 15px 0;
}

.notification {
  display: flex;
  width: 100%;
}

.notification__title {
  display: none;
}

.notification--block {
  width: 352px;
  padding-block-end: 24px;
}
.notification--block .notification__title {
  display: block;
  font-weight: 600;
  margin-block-end: 8px;
}

.notification__icon {
  width: 15px;
  height: 15px;
  border-radius: 100%;
  margin-inline-end: 8px;
  margin-block-start: 2px;
}

.notification--grey20 {
  color: #202020;
  background-color: #e6e6e6;
}
.notification--grey20 .notification__icon {
  background-image: url(365f76390cd48e1c2606.svg);
  background-size: 16px 16px;
  transform: rotate(180deg);
}

.notification__text {
  color: inherit;
  flex: 1;
}

.notification__close {
  align-self: flex-start;
  margin-block: -11px -15px;
  margin-inline: -7px -15px;
}

.product__hero {
  margin-block-end: var(--space-xxl);
  background-color: #f7f7f7;
  text-align: start;
  justify-content: center;
  min-height: 240px;
  padding-block-end: var(--space-lg);
  padding-block-start: var(--space-lg);
}
.product__hero .columns {
  align-items: center;
}
@media (max-width: 751px) {
  .product__hero .columns {
    flex-direction: column-reverse;
  }
}
@media (min-width: 752px) {
  .product__hero {
    min-height: 424px;
  }
}

.product__name {
  margin-block-end: var(--space-sm);
}

.product__cta {
  margin-block-start: var(--space-lg);
}

.product__image img {
  object-fit: contain;
}
@media (max-width: 751px) {
  .product__image img {
    padding: 1rem;
  }
}

.product__info-heading {
  margin-block-end: var(--space-sm);
}

.product__info-subheading {
  color: #202020;
  margin-block-start: var(--space-sm);
  margin-block-end: var(--space-xs);
  font-weight: normal;
}

.product__info-container {
  color: #202020;
  display: grid;
  grid-template: "about downloads" "benefits downloads" "technical downloads" "media media"/2fr 1fr;
  gap: 0 var(--grid-gutter);
  margin-block-end: var(--space-lg);
}
@media (max-width: 1023px) {
  .product__info-container {
    grid-template-columns: 1fr;
    grid-template-areas: "benefits" "about" "downloads" "media" "technical";
  }
}

.product__info-about,
.product__info-benefits,
.product__info-technical,
.product__info-downloads,
.product__info-cert-and-approvals,
.product__info-media {
  margin-block-end: var(--space-lg);
}

.product__info-about,
.product__info-benefits,
.product__info-cert-and-approvals {
  max-width: 656px;
}

.product__info-about {
  grid-area: about;
}

.product__info-benefits {
  grid-area: benefits;
}
.product__info-benefits ul {
  margin-block-end: 0;
}

.product__info-technical {
  grid-area: technical;
}
.product__info-technical .table-wrap ul {
  margin-block-end: 0;
}

.product__info-media {
  grid-area: media;
  margin-block-start: 0;
}

.product__info-downloads {
  grid-area: downloads;
  background-color: #f7f7f7;
  padding: var(--space-sm);
  height: fit-content;
}
@media (max-width: 751px) {
  .product__info-downloads {
    margin-inline-start: calc((var(--grid-padding)) * -1);
    margin-inline-end: calc((var(--grid-padding)) * -1);
    padding-inline-start: var(--grid-padding);
    padding-inline-end: var(--grid-padding);
  }
}
.product__info-downloads-files {
  display: none;
}
.product__info-downloads-files--active {
  display: block;
}
.product__info-downloads-search-link p {
  margin-block-end: 15px;
}
.product__info-downloads .address__icon {
  margin-inline-end: var(--space-xxs);
}

.products-overview .table li:not(:first-child):hover {
  background-color: #f7f7f7;
}
.products-overview h1 {
  margin-block-end: 5px;
}
.products-overview p {
  margin-block-end: 50px;
}
.products-overview .button {
  margin-block-end: 15px;
}

.related-articles__title {
  margin-block: 24px;
  margin-inline: 12px;
}

.quote-wrap {
  margin-block-end: var(--space-md);
  margin-block-start: var(--space-md);
}

.quote {
  border-block: 1px solid #e6e6e6;
  color: #4d4d4d;
  margin-inline-start: calc(var(--grid-padding) * -1);
  margin-inline-end: calc(var(--grid-padding) * -1);
  padding-block: var(--space-md);
  padding-inline: var(--grid-padding);
}
@media (min-width: 752px) {
  .quote {
    margin-inline-start: 0;
    margin-inline-end: 0;
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
}
.quote blockquote,
.quote blockquote p {
  position: relative;
}
.quote blockquote::before {
  content: "”";
  position: absolute;
  top: -3.4rem;
  inset-inline-end: -1rem;
  color: #e6e6e6;
  font-size: 16rem;
  line-height: 1;
}
@media (min-width: 1024px) {
  .quote blockquote::before {
    inset-inline-start: -3.4rem;
    inset-inline-end: auto;
  }
}
.quote figcaption {
  margin-block-start: 1rem;
}

.search-wrap {
  margin-block-end: var(--space-xxxl);
}

.search-wrap--filters {
  margin-block-end: var(--space-sm);
}
@media (min-width: 1024px) {
  .search-wrap--filters {
    border: 1px solid #e6e6e6;
    border-block-end: 0;
    margin-block: var(--filter-tags-height) 0;
    padding: var(--space-xs);
  }
}

.search {
  position: relative;
}
.search label {
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.005em;
  color: #666;
  margin-block-end: 0.5rem;
  display: block;
}
.search input {
  display: block;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #808080;
  padding-block: 13px;
  padding-inline: 16px 80px;
  color: #202020;
  font-family: var(--font-primary);
  font-size: 16px;
  line-height: 130%;
}
html[dir=rtl] .search input {
  background-position: left 16px center;
}
.search input:focus {
  border: 1px solid #202020;
  outline: none;
}
.search input::placeholder {
  color: #666;
}
.search input:placeholder-shown {
  padding-inline-end: 32px;
}

.search--large input {
  font-size: 21px;
  font-weight: 300;
  padding-block: 9px 10px;
}

.search-empty {
  background-color: #f7f7f7;
  padding-block: var(--space-md);
  padding-inline: var(--space-xs);
  text-align: center;
}

.search__autocompletion-wrap {
  position: relative;
}

.search__autocompletion {
  position: absolute;
  display: block;
  width: 100%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  z-index: 1;
  margin-block-start: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.search__autocompletion a {
  position: relative;
  display: block;
  background-color: #fff;
  padding-block: 14px;
  padding-inline: 16px 38px;
  width: 100%;
  color: #4d4d4d;
  line-height: 130%;
  text-decoration: none;
}
.search__autocompletion a:hover, .search__autocompletion a:focus {
  background-color: #f7f7f7;
}
.search__autocompletion a:active {
  background-color: #e6e6e6;
}
.search__autocompletion a em {
  font-style: normal;
  font-weight: bold;
  color: #202020;
}

.search__clear {
  inset-inline-end: 2rem;
}

.search__submit {
  inset-inline-end: 0;
}

.search__clear,
.search__submit {
  position: absolute;
  inset-block-start: 2px;
}

/* stylelint-disable-next-line block-no-empty */
.filters--search {
  position: relative;
}
@media (min-width: 1024px) {
  .filters--search .search-page__hits-status {
    position: absolute;
    inset-block-start: 0;
  }
}

.search-page em {
  font-style: normal;
  font-weight: bold;
}
.search-page .tiles-wrap {
  margin-block-end: 0;
}
.search-page--spacing {
  margin-block-end: var(--space-xxxxl);
}

.search-page__hits-status {
  color: #4d4d4d;
}

.search-page__hits-status--sidebar {
  min-height: var(--filter-tags-height);
}
@media (max-width: 1023px) {
  .search-page__hits-status--sidebar {
    margin-block-start: var(--space-sm);
    text-align: end;
  }
}

.search-page__clear-all {
  margin-inline-start: 0.5rem;
  flex-shrink: 0;
}

.search-page__active-filters {
  display: flex;
  padding-block-end: var(--space-sm);
  min-height: var(--filter-tags-height);
  justify-content: space-between;
  align-items: flex-start;
}

.search-page__no-results {
  margin-block-start: var(--space-md);
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.search-page__no-results-title {
  margin-top: var(--space-sm);
}

.search-page__no-results-text {
  color: #4d4d4d;
  margin-top: var(--space-xxs);
}

.search-page__no-results-cta {
  margin-top: var(--space-xxs);
}

.section-marker {
  position: relative;
  margin-block-end: 2.5rem;
}
.section-marker::before {
  content: " ";
  border-block-start: 1px solid #e6e6e6;
  width: 100%;
  top: 0;
  inset-inline-start: 0;
  position: absolute;
  display: block;
}
.section-marker .columns {
  position: relative;
}
.section-marker .col {
  padding-block-start: 16px;
  display: flex;
  flex: 0 0 100%;
  justify-content: space-between;
  position: relative;
  align-items: flex-start;
}
.hero + .section-marker {
  margin-block-start: var(--space-xxl);
}
.hero + .section-marker .col {
  padding-block-start: 0;
}
.hero + .section-marker::before {
  display: none;
}
@media (max-width: 1023px) {
  .section-marker {
    margin-block-end: 2rem;
  }
}
@media (max-width: 751px) {
  .section-marker .col {
    flex-flow: column;
  }
}

.section-marker__title {
  color: #202020;
  max-width: none !important;
}

.section-marker__cta {
  flex-shrink: 0;
  margin-block-start: 0.25rem;
}
@media (max-width: 751px) {
  .section-marker__cta {
    margin-block-start: 1.5rem;
  }
}
@media (min-width: 752px) {
  .section-marker__cta {
    margin-inline-start: 2rem;
  }
}

.storytelling {
  margin-block-end: var(--space-xxl);
  margin-block-start: var(--space-xxl);
}
@media (max-width: 751px) {
  .storytelling .columns {
    flex-flow: column;
  }
  .storytelling .col-6,
  .storytelling .col-5 {
    width: 100%;
  }
}
.storytelling + .storytelling {
  margin-block-start: calc(var(--space-xxl) / -2);
}

.storytelling--reverse .columns, .storytelling-wrap .storytelling:nth-of-type(even) .columns {
  flex-flow: row-reverse;
}
@media (max-width: 751px) {
  .storytelling--reverse .columns, .storytelling-wrap .storytelling:nth-of-type(even) .columns {
    flex-flow: column;
  }
}
.storytelling--reverse .storytelling__text, .storytelling-wrap .storytelling:nth-of-type(even) .storytelling__text {
  padding-inline-start: 0;
  padding-inline-end: 8.333%;
}
@media (max-width: 751px) {
  .storytelling--reverse .storytelling__text, .storytelling-wrap .storytelling:nth-of-type(even) .storytelling__text {
    padding-inline-end: 0;
  }
}

.storytelling--colour-swatch {
  flex-grow: 1;
  margin-block: 0;
}

.storytelling__title {
  color: #202020;
}
@media (max-width: 751px) {
  .storytelling__title {
    margin-block-end: 24px;
    max-width: 100%;
  }
}

.storytelling__image-wrap {
  position: relative;
}

.storytelling__image {
  width: 100%;
  height: 424px;
}
@media (max-width: 751px) {
  .storytelling__image {
    height: 66%;
    margin-block-end: 24px;
  }
}
.storytelling__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.storytelling__video {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.storytelling__video::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #202020;
  opacity: 0.4;
  top: 0;
  bottom: 0;
  inset-inline-start: 0;
}
.storytelling__video button {
  z-index: 1;
}

.storytelling__text {
  position: relative;
  align-self: center;
}
@media (min-width: 752px) {
  .storytelling__text {
    padding-inline-start: 9.666%;
  }
}

.storytelling__intro {
  color: #4d4d4d;
  margin-block-start: var(--space-sm);
  line-height: 24px;
}

.storytelling__content {
  display: flex;
  position: relative;
}

.storytelling__cta {
  display: inline-block;
  margin-block-start: var(--space-sm);
}

.storytelling__cta-wrap {
  margin-block-start: var(--space-sm);
}

.storytelling__close-button {
  position: absolute;
  inset-inline-end: var(--columns-padding);
  top: 0;
  z-index: 1;
}

.storytelling__favorite-button {
  position: absolute;
  top: 0.5rem;
  inset-inline-start: calc(var(--col-padding) + 0.5rem);
  z-index: 1;
}

.sub-navigation .columns {
  align-items: center;
}
@media (min-width: 1024px) {
  .sub-navigation {
    background-color: #fff;
    border-block-end: 1px solid #e6e6e6;
    position: sticky;
    top: var(--header-height);
    z-index: var(--z-index-fixed-element);
  }
}

.sub-navigation__tabs {
  height: var(--sub-nav-height);
}
@media (max-width: 1023px) {
  .sub-navigation__tabs {
    display: none;
  }
}

.sub-navigation__title {
  display: flex;
  align-items: center;
  padding-inline-end: 2rem;
}
@media (max-width: 751px) {
  .sub-navigation__title {
    padding-block-end: 0.5rem;
    padding-block-start: 1rem;
  }
}
@media (min-width: 752px) {
  .sub-navigation__title {
    min-height: var(--header-height);
  }
}

.sub-navigation__external-link-icon {
  --icon-size: calc(1em - 2px);
}

.sub-navigation-swiper {
  background-color: #fff;
  border-block-end: 1px solid #e6e6e6;
  position: sticky;
  top: var(--header-height);
  z-index: var(--z-index-fixed-element);
}
@media (min-width: 1024px) {
  .sub-navigation-swiper {
    display: none;
  }
}
.sub-navigation-swiper::after {
  content: "";
  width: calc(var(--grid-padding) * 2);
  height: 100%;
  inset-inline-end: 0;
  top: 0;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, white 50%);
  z-index: 2;
  position: absolute;
}
html[dir=rtl] .sub-navigation-swiper::after {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, white 50%);
}
.sub-navigation-swiper .swiper {
  height: var(--sub-nav-height);
  padding-inline-end: calc(var(--grid-padding) * 2);
}
.sub-navigation-swiper .swiper-slide {
  align-items: center;
  display: flex;
  width: auto;
  margin-right: 24px;
}

.table-wrap {
  color: #202020;
}
.table-wrap ul {
  list-style: none;
  margin-block-end: var(--space-xxl);
}

.table li {
  border-block-end: 1px solid #e6e6e6;
  display: flex;
  flex: 1;
  padding-block: 8px;
  padding-inline: 0;
}
.table li span,
.table li div {
  flex: 1;
}
.table li div {
  display: flex;
  flex-direction: column;
}
.table .table__title {
  flex: 0.5;
  font-weight: 600;
}

@media (max-width: 751px) {
  .table li {
    flex-direction: column;
  }
  .table .table__title {
    margin-block-end: 0.5rem;
    margin-block-start: 0.5rem;
  }
}
.responsive-table-wrap {
  overflow-x: auto;
}
@media (max-width: 751px) {
  .responsive-table-wrap {
    margin-inline-start: calc(var(--grid-padding) * -1);
    margin-inline-end: calc(var(--grid-padding) * -1);
  }
}

@media (max-width: 751px) {
  .responsive-table {
    display: inline-block;
    min-width: calc(100% - 2 * var(--grid-padding));
    margin-inline-start: var(--grid-padding);
    margin-inline-end: var(--grid-padding);
  }
}
.responsive-table table {
  border: 0;
  border-block-start: 1px solid #e6e6e6;
  width: 100%;
  font-family: var(--font-primary);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.responsive-table table tr:first-child {
  font-weight: 600;
}
.responsive-table table th {
  text-align: start;
}
.responsive-table table th,
.responsive-table table td {
  border: 0;
  border-block-end: 1px solid #e6e6e6;
  padding-inline-end: var(--space-xxs);
  vertical-align: top;
  padding-block-end: var(--space-xxs);
  padding-block-start: var(--space-xxs);
}
@media (max-width: 751px) {
  .responsive-table table th,
  .responsive-table table td {
    min-width: 112px;
  }
}

.tiles-wrap {
  margin-block-end: var(--space-xxl);
}
.tiles-wrap + section {
  margin-block-start: 0;
}
.tiles-wrap.columns,
.tiles-wrap > .columns {
  row-gap: var(--space-md);
}
.tiles-wrap .col {
  display: flex;
}
.tiles-wrap .col .tile {
  width: 100%;
}

.tile {
  background-color: #f7f7f7;
  display: flex;
  flex-direction: column;
  position: relative;
}

.tile--product a {
  text-decoration: none;
}
.tile--product p,
.tile--product ul {
  color: #666;
}
.tile--product .tile__content {
  padding-block: 0 1.5rem;
  padding-inline: 1rem;
}
.tile--product .list-wrap-products {
  pointer-events: none;
}

.tile--search {
  padding-block: 24px;
  padding-inline: 16px;
}
@media (min-width: 1024px) {
  .tile--search {
    padding: 24px;
  }
}
.tile--search a {
  text-decoration: none;
}
.tile--search .tile__content {
  padding: 0;
  max-width: 640px;
}
.tile--search .link-wrap {
  display: flex;
  flex-direction: column;
}
.tile--search .link-wrap h4 {
  margin-block-end: 10px;
}
.tile--search .link-wrap a {
  margin-block-end: 5px;
}

.tile--no-bg {
  background-color: transparent;
}
.tile--no-bg .tile__content {
  padding-block: 1.5rem;
  padding-inline: 0;
}
.tile--no-bg.tile--colour-swatch .tile__content {
  padding-block: var(--space-xs) var(--space-xxs);
}

.tile--colour-swatch:hover .tile__title {
  color: #666;
}
.tile--colour-swatch:active .tile__title {
  color: #4d4d4d;
}

.tile__image-wrap {
  position: relative;
}

.tile__tag {
  color: #666;
  display: inline-block;
  text-transform: uppercase;
  margin-block-end: 8px;
}

.tile__title {
  color: var(--block-high-contrast-color, #202020);
}
.tile__title a {
  text-decoration: none;
  color: currentcolor;
}
.tile__title .tile__icon {
  float: right;
  width: 24px;
  height: 24px;
  margin: 8px 4px 0 16px;
  fill: #999999;
}
html[dir=rtl] .tile__title .tile__icon {
  float: left;
  margin: 8px 16px 0 4px;
}
.tile__title .tile__icon.arrow {
  transform: scaleX(-1);
}
html[dir=rtl] .tile__title .tile__icon.arrow {
  transform: scaleX(1);
}

.tile__product-tags {
  margin-block-start: var(--space-sm);
}

.tile__link {
  position: relative;
  z-index: 1;
}

.tile__link--main {
  position: static;
}
.tile__link--main::after {
  content: "";
  position: absolute;
  z-index: 0;
  top: 0;
  inset-inline-start: 0;
  width: 100%;
  height: 100%;
}

.tile__content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.5rem;
}
.tile__content img {
  display: inline-block;
}
.tile__content p {
  margin-block-start: var(--space-xs);
  color: var(--block-medium-contrast-color, #4d4d4d);
  white-space: pre-wrap;
}
.tile__content .title-36-reg + p {
  margin-block-start: var(--space-sm);
}
@media (max-width: 751px) {
  .tile__content {
    padding-block: 1.5rem;
    padding-inline: 1rem;
  }
}

.tile__product-image {
  padding: 1rem;
  object-fit: contain;
}

.tile__product-noimage {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1rem;
  background-color: #e6e6e6;
}
.tile__product-noimage .tile__title {
  margin: 0;
  flex-basis: 4.5rem;
}

.tile__buttons-wrap {
  padding-block-start: 24px;
  margin-block-start: auto;
}
.tile__buttons-wrap .tile__cta + .tile__download-button {
  margin-block-start: 16px;
}

.tile__download-button {
  width: fit-content;
}

.tile__favorite-button {
  position: absolute;
  top: 0.5rem;
  inset-inline-start: 0.5rem;
  z-index: 1;
}

.tile__address {
  margin-block-start: var(--space-sm);
}

.tile__search-image {
  object-fit: contain;
}

.tile__search-columns {
  align-items: center;
}

@media (max-width: 1023px) {
  .tile__search-columns--reverse {
    flex-direction: column-reverse;
  }
}

@media (min-width: 1024px) {
  .tile__search-col-description {
    flex-grow: 1;
    flex-basis: 0;
    max-width: 100%;
  }
}

.tile__search-col-image .aspect-ratio-16\:10 {
  pointer-events: none;
}
@media (max-width: 1023px) {
  .tile__search-col-image {
    margin-block-end: var(--space-sm);
  }
}

@media (max-width: 1023px) {
  .tile__search-col-downloads {
    margin-block-start: var(--space-md);
  }
}

@media (min-width: 1024px) {
  .tile__search-col-image,
  .tile__search-col-downloads {
    flex-grow: 0;
    flex-basis: 288px;
    max-width: initial;
  }
}

.tile__cta {
  color: var(--block-high-contrast-color, #202020);
  text-decoration: none;
}

.tile__swatch {
  background-color: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  line-height: inherit;
  appearance: none;
  cursor: pointer;
  text-align: left;
}

@media (prefers-reduced-motion: no-preference) {
  .tile--colour-swatch .tile__title {
    transition: color var(--transition-duration) var(--transition-timing-function);
  }
  .tile--colour-swatch .tile__colour {
    transition: transform var(--transition-duration) var(--transition-timing-function);
  }
}
.js-colour-swatch-details {
  scroll-margin-block-start: calc(var(--header-height) + var(--space-xxxl) * 2);
}

.timeline {
  --before-height: 0;
  --after-height: 0;
  transition: background-color 0.25s ease-in-out;
}
.timeline button {
  transition: transform 0.25s ease-in-out;
}

.timeline__main {
  position: relative;
  padding-block-start: 80px;
  padding-block-end: 80px;
}
@media (max-width: 1023px) {
  .timeline__main {
    padding-block-start: 72px;
    padding-block-end: 72px;
  }
}
@media (max-width: 751px) {
  .timeline__main {
    padding-block-start: 64px;
    padding-block-end: 64px;
  }
}

.timeline__nested-columns {
  align-self: center;
}
.timeline__nested-columns.columns {
  width: 100%;
}

.timeline__expanded {
  overflow: hidden;
  transition: max-height 0.25s ease-in-out;
  max-height: 0;
}

.timeline--expanded {
  background: #f7f7f7;
  transition: background-color 0.25s ease-in-out;
}

.timeline__left-wrap {
  display: flex;
  width: 58.333%;
}
@media (max-width: 1023px) {
  .timeline__left-wrap {
    width: 50%;
  }
}
@media (max-width: 751px) {
  .timeline__left-wrap {
    width: 100%;
  }
}

.timeline__right-wrap {
  width: 41.666%;
}
@media (max-width: 1023px) {
  .timeline__right-wrap {
    width: 50%;
  }
}
@media (max-width: 751px) {
  .timeline__right-wrap {
    width: 100%;
  }
}

.timeline__year-wrap {
  width: 28.571%;
}
@media (max-width: 1023px) {
  .timeline__year-wrap {
    width: 100%;
  }
}

.timeline__text-wrap {
  width: 71.429%;
}
@media (max-width: 1023px) {
  .timeline__text-wrap {
    width: 100%;
  }
}

.timeline__year {
  text-align: center;
  margin-block-end: 16px;
}
@media (max-width: 1023px) {
  .timeline__year {
    text-align: unset;
  }
}
@media (min-width: 1024px) {
  .timeline__year::before {
    content: "";
    position: absolute;
    top: 0;
    height: 0;
    height: var(--before-height);
    width: 1px;
    background: #202020;
  }
  .timeline__year::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 0;
    height: var(--after-height);
    width: 1px;
    background: #202020;
  }
}

.timeline__text h4,
.timeline__text button {
  margin-block-end: 16px;
}
.timeline__text p {
  margin-block-end: 16px;
  white-space: pre-wrap;
}

.timeline__expanded-row {
  position: relative;
  padding-block-start: 48px;
  padding-block-end: 48px;
}
@media (max-width: 1023px) {
  .timeline__expanded-row {
    padding-block-start: 24px;
    padding-block-end: 24px;
  }
}

.video {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-block-end: var(--space-xl);
  margin-block-start: var(--space-xl);
}

.video--xhtml {
  margin-inline-start: -7rem;
  width: calc(100% + 14rem);
}
.video--xhtml .video__image {
  height: 480px;
}
.video--xhtml .video__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
@media (max-width: 1023px) {
  .video--xhtml {
    margin-inline-start: 0;
    width: 100%;
  }
  .video--xhtml .video__image {
    height: 360px;
  }
}
@media (max-width: 751px) {
  .video--xhtml {
    margin-inline-start: -1rem;
    margin-block-start: 64px;
    max-width: unset;
    width: calc(100% + 2rem);
  }
}

.video__image {
  width: 100%;
  height: 608px;
}
@media (max-width: 751px) {
  .video__image {
    height: 480px;
  }
}
.video__image img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

/* stylelint-disable-next-line */
#epi-quickNavigator {
  top: var(--header-height) !important;
  z-index: var(--z-index-fixed-element) !important;
}
@media (max-width: 1023px) {
  #epi-quickNavigator {
    display: none !important;
  }
}
#epi-quickNavigator .epi-quickNavigator-editLink {
  padding-block: 8px;
  padding-inline: 16px;
}
#epi-quickNavigator .epi-quickNavigator-editLink a {
  display: flex;
  align-items: center;
}
#epi-quickNavigator .epi-quickNavigator-editLink a span {
  padding-inline-start: 4px;
}
html[dir=rtl] #epi-quickNavigator {
  right: unset !important;
  inset-inline-end: 10px;
}