@charset "UTF-8";
:root {
  --breakpoint-mobile: 320px;
  --breakpoint-portrait: 530px;
  --breakpoint-landscape: 800px;
  --breakpoint-notebook: 1180px;
  --breakpoint-desktop: 1480px;
  --breakpoint-desktop-large: 2260px;
  --breakpoint: var(--breakpoint-mobile);
  --document-min-width: 320px;
  --document-max-width: 2560px;
  --full-grid-column-width: calc((100% - (var(--grid-margin) * 2) - (var(--grid-gutter) * (var(--grid-columns) + 1))) / var(--grid-columns));
  --grid-columns: 4;
  --grid-gutter: 0;
  --grid-margin: 0;
  --grid-max-width: 100%;
  --grid-spacing: 10px;
  --grid-padding: 10px;
  --block-margin: 30px;
}
@media (min-width: 530px) {
  :root {
    --breakpoint: var(--breakpoint-portrait);
    --grid-columns: 6;
  }
}
@media (min-width: 800px) {
  :root {
    --breakpoint: var(--breakpoint-landcape);
    --grid-columns: 12;
    --block-margin: 60px;
  }
}
@media (min-width: 1180px) {
  :root {
    --breakpoint: var(--breakpoint-notebook);
    --grid-columns: 12;
  }
}
@media (min-width: 1480px) {
  :root {
    --breakpoint: var(--breakpoint-desktop);
    --grid-columns: 14;
  }
}
@media (min-width: 2260px) {
  :root {
    --breakpoint: var(--breakpoint-desktop-large);
    --grid-columns: 16;
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  10% {
    transform: scale(0.9);
  }
  40% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes pulsatescale {
  0% {
    transform: scale(1);
  }
  15% {
    transform: scale(0.9);
  }
  45% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
:root {
  --color-black: #000;
  --color-white: #fff;
  --color-blue: #78aaf9;
  --color-orange: #f6c343;
  --color-yellow: #ffe40c;
  --color-magenta: #e83082;
  --color-grey-dark: #222;
  --color-grey: #464646;
  --color-grey-light: #bdbdbd;
  --color-grey-lighter: #ebebeb;
  --color-grey-extralight: #f6f6f6;
  --color-grey-medium: #6e6e6e;
  --color-yellow-bright: #f9ff1e;
  --color-error: #e9190a;
  --color-success: #36ac17;
  --color-info: #000;
  --transparency-overlay: rgba(255, 255, 255, 0.8);
  --transparency-background: rgba(0, 0, 0, 0.55);
  --transparency-button: rgba(0, 0, 0, 0.33);
  --grid-border: 1px solid #000;
  --grid-border-white: 1px solid #fff;
  --actual-vw: calc(100vw - 2 * var(--grid-padding));
  --bezier-default: cubic-bezier(0.26, 0.88, 0.57, 0.9);
  --bezier-tighter: cubic-bezier(0.23, 1, 0.32, 1);
  --timing-fast: 150ms;
  --timing-default: 350ms;
  --timing-slow: 750ms;
  --timing-extraslow: 1.5s;
  --easing-default: var(--timing-default) var(--bezier-default);
  --easing-slow: var(--timing-slow) var(--bezier-default);
  --easing-extraslow: var(--timing-extraslow) var(--bezier-default);
}
@media screen and (prefers-reduced-motion: reduce) {
  :root {
    --timing-fast: 1ms;
    --timing-default: 1ms;
    --timing-slow: 1ms;
    --timing-extraslow: 1ms;
  }
}

@keyframes slideupfadein {
  from {
    opacity: 0;
    transform: translate3d(0, 4rem, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes slideleftfadein {
  from {
    opacity: 0;
    transform: translate3d(4rem, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro Webfont";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/din-next-lt-pro/din-next-lt-pro-light.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro Webfont";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/din-next-lt-pro/din-next-lt-pro-light-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro Webfont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/din-next-lt-pro/din-next-lt-pro-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro Webfont";
  font-style: italic;
  font-weight: normal;
  src: url("../fonts/din-next-lt-pro/din-next-lt-pro-regular-italic.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Pro Webfont";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/din-next-lt-pro/din-next-lt-pro-bold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Arabic Webfont";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/din-next-lt-arabic/din-next-lt-arabic-light.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Arabic Webfont";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/din-next-lt-arabic/din-next-lt-arabic-regular.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "DIN Next LT Arabic Webfont";
  font-style: normal;
  font-weight: bold;
  src: url("../fonts/din-next-lt-arabic/din-next-lt-arabic-bold.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Press Start 2P";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/mal-lawal-game-2024/mal-lawal-game-2024-regular.woff2") format("woff2");
}
:root {
  --heading-1-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-1-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-1-font-size: 3.75rem;
  --heading-1-font-weight: 300;
  --heading-1-letter-spacing: -0.05em;
  --heading-1-line-height: 1em;
  --heading-1-margin-bottom: 0;
  --heading-1-margin-top: 0;
  --heading-1-text-transform: uppercase;
  --heading-1-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-1-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-1-ar-font-size: 2.667rem;
  --heading-1-ar-font-weight: 300;
  --heading-1-ar-letter-spacing: 0;
  --heading-1-ar-line-height: 1.25em;
  --heading-1-ar-margin-bottom: 0;
  --heading-1-ar-margin-top: 0;
}
@media (min-width: 800px) {
  :root {
    --heading-1-font-size: 5rem;
  }
}
@media (min-width: 800px) {
  :root {
    --heading-1-ar-font-size: 5.33rem;
  }
}

:root {
  --heading-2-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-2-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-2-font-size: 1.875rem;
  --heading-2-font-weight: 300;
  --heading-2-letter-spacing: -0.04em;
  --heading-2-line-height: 1.1em;
  --heading-2-margin-bottom: -0.5rem;
  --heading-2-margin-top: 2.5rem;
  --heading-2-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-2-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-2-ar-font-size: 2rem;
  --heading-2-ar-font-weight: 300;
  --heading-2-ar-letter-spacing: 0;
  --heading-2-ar-line-height: 1.25em;
  --heading-2-ar-margin-bottom: 0;
  --heading-2-ar-margin-top: 2.5rem;
}
@media (min-width: 800px) {
  :root {
    --heading-2-font-size: 2.25rem;
    --heading-2-line-height: 0.95em;
  }
}
@media (min-width: 800px) {
  :root {
    --heading-2-ar-font-size: 2.33rem;
    --heading-2-ar-line-height: 0.875em;
  }
}

:root {
  --heading-3-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-3-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-3-font-size: 1.625rem;
  --heading-3-font-weight: normal;
  --heading-3-letter-spacing: -0.04em;
  --heading-3-line-height: 1em;
  --heading-3-margin-bottom: -0.75rem;
  --heading-3-margin-top: 2.5rem;
  --heading-3-text-transform: uppercase;
  --heading-3-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-3-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-3-ar-font-size: 1.667rem;
  --heading-3-ar-font-weight: normal;
  --heading-3-ar-letter-spacing: 0;
  --heading-3-ar-line-height: 1.2em;
  --heading-3-ar-margin-bottom: -0.75rem;
  --heading-3-ar-margin-top: 2.5rem;
}
@media (min-width: 800px) {
  :root {
    --heading-3-font-size: 1.875rem;
    --heading-3-line-height: 1em;
    --heading-3-letter-spacing: -0.04em;
    --heading-3-margin-bottom: 0rem;
  }
}
@media (min-width: 800px) {
  :root {
    --heading-3-ar-font-size: 2rem;
    --heading-3-ar-line-height: 1em;
    --heading-3-ar-margin-bottom: 0rem;
  }
}

:root {
  --heading-4-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-4-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-4-font-size: 1.5rem;
  --heading-4-font-weight: bold;
  --heading-4-letter-spacing: -0.04em;
  --heading-4-line-height: 1em;
  --heading-4-margin-bottom: -0.75rem;
  --heading-4-margin-top: 2.5rem;
  --heading-4-text-transform: uppercase;
  --heading-4-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-4-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-4-ar-font-size: 1.5rem;
  --heading-4-ar-font-weight: bold;
  --heading-4-ar-letter-spacing: 0;
  --heading-4-ar-line-height: 1.3em;
  --heading-4-ar-margin-bottom: -0.25rem;
  --heading-4-ar-margin-top: 2.5rem;
}

:root {
  --heading-5-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-5-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-5-font-size: 1.125rem;
  --heading-5-font-weight: bold;
  --heading-5-letter-spacing: 0;
  --heading-5-line-height: 1.1em;
  --heading-5-margin-bottom: -0.75rem;
  --heading-5-margin-top: 2.5rem;
  --heading-5-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-5-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-5-ar-font-size: 1.125rem;
  --heading-5-ar-font-weight: bold;
  --heading-5-ar-letter-spacing: 0;
  --heading-5-ar-line-height: 1.4em;
  --heading-5-ar-margin-bottom: -0.25rem;
  --heading-5-ar-margin-top: 2.5rem;
}

:root {
  --heading-6-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-6-font-feature-settings: "kern" 1, "ss01" 0;
  --heading-6-font-size: 1rem;
  --heading-6-font-weight: bold;
  --heading-6-letter-spacing: 0;
  --heading-6-line-height: 1.1em;
  --heading-6-margin-bottom: -0.75rem;
  --heading-6-margin-top: 2.5rem;
  --heading-6-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --heading-6-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --heading-6-ar-font-size: 1rem;
  --heading-6-ar-font-weight: bold;
  --heading-6-ar-letter-spacing: 0;
  --heading-6-ar-line-height: 1.6em;
  --heading-6-ar-margin-bottom: -0.25rem;
  --heading-6-ar-margin-top: 2.5rem;
}

:root {
  --introduction-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --introduction-font-feature-settings: "kern" 1, "ss01" 0;
  --introduction-font-size: 1.77rem;
  --introduction-font-weight: 300;
  --introduction-letter-spacing: -0.02em;
  --introduction-line-height: 1.2em;
  --introduction-margin-bottom: 0.5rem;
  --introduction-margin-top: 1rem;
  --introduction-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --introduction-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --introduction-ar-font-size: 1.77rem;
  --introduction-ar-font-weight: 300;
  --introduction-ar-letter-spacing: 0;
  --introduction-ar-line-height: 1.25em;
  --introduction-ar-margin-bottom: 0.5rem;
  --introduction-ar-margin-top: 1rem;
}

:root {
  --paragraph-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --paragraph-font-feature-settings: "kern" 1, "ss01" 0;
  --paragraph-font-size: 1.2rem;
  --paragraph-font-weight: 300;
  --paragraph-letter-spacing: -0.02em;
  --paragraph-line-height: 1.5em;
  --paragraph-margin-bottom: 0.5rem;
  --paragraph-margin-top: 1rem;
  --paragraph-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --paragraph-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --paragraph-ar-font-size: 1.2rem;
  --paragraph-ar-font-weight: 300;
  --paragraph-ar-letter-spacing: 0;
  --paragraph-ar-line-height: 1.5em;
  --paragraph-ar-margin-bottom: 0.5rem;
  --paragraph-ar-margin-top: 1rem;
}

:root {
  --quote-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --quote-font-feature-settings: "kern" 1, "ss01" 0;
  --quote-font-size: 2rem;
  --quote-font-weight: 300;
  --quote-letter-spacing: -0.02em;
  --quote-line-height: 1.2em;
  --quote-margin-bottom: 0;
  --quote-margin-top: 0;
  --quote-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --quote-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --quote-ar-font-size: 2rem;
  --quote-ar-font-weight: 300;
  --quote-ar-letter-spacing: 0;
  --quote-ar-line-height: 1.45em;
  --quote-ar-margin-bottom: 0;
  --quote-ar-margin-top: 0;
}
@media (min-width: 800px) {
  :root {
    --quote-font-size: 3.125rem;
    --quote-line-height: 1.15em;
  }
}
@media (min-width: 800px) {
  :root {
    --quote-ar-font-size: 2.75rem;
    --quote-ar-line-height: 1.4em;
  }
}

:root {
  --button-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --button-font-feature-settings: "kern" 1, "ss01" 0;
  --button-font-size: 1rem;
  --button-font-weight: normal;
  --button-letter-spacing: -0.02em;
  --button-line-height: 2rem;
  --button-margin-bottom: 0;
  --button-margin-top: 0;
  --button-text-transform: uppercase;
  --button-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --button-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --button-ar-font-size: 1rem;
  --button-ar-font-weight: normal;
  --button-ar-letter-spacing: 0;
  --button-ar-line-height: 2rem;
  --button-ar-margin-bottom: 0;
  --button-ar-margin-top: 0;
}

:root {
  --caption-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --caption-font-feature-settings: "kern" 1, "ss01" 0;
  --caption-font-size: 1rem;
  --caption-font-weight: 300;
  --caption-letter-spacing: -0.02em;
  --caption-line-height: 1.5em;
  --caption-margin-bottom: 0.45rem;
  --caption-margin-top: 0.45rem;
  --caption-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --caption-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --caption-ar-font-size: 1rem;
  --caption-ar-font-weight: 300;
  --caption-ar-letter-spacing: 0;
  --caption-ar-line-height: 1.5em;
  --caption-ar-margin-bottom: 0.45rem;
  --caption-ar-margin-top: 0.45rem;
}

:root {
  --field-label-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --field-label-font-feature-settings: "kern" 1, "ss01" 0;
  --field-label-font-size: 1rem;
  --field-label-font-weight: normal;
  --field-label-letter-spacing: 0;
  --field-label-line-height: 2rem;
  --field-label-margin-bottom: 0.5rem;
  --field-label-margin-top: 0;
  --field-label-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --field-label-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --field-label-ar-font-size: 1rem;
  --field-label-ar-font-weight: normal;
  --field-label-ar-letter-spacing: 0;
  --field-label-ar-line-height: 2rem;
  --field-label-ar-margin-bottom: 0.5rem;
  --field-label-ar-margin-top: 0;
}

:root {
  --footer-bar-link-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --footer-bar-link-font-feature-settings: "kern" 1, "ss01" 0;
  --footer-bar-link-font-size: 1.125rem;
  --footer-bar-link-font-weight: bold;
  --footer-bar-link-letter-spacing: -0.02em;
  --footer-bar-link-line-height: 1.25rem;
  --footer-bar-link-margin-bottom: 0;
  --footer-bar-link-margin-top: 0;
  --footer-bar-link-text-transform: uppercase;
  --footer-bar-link-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --footer-bar-link-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --footer-bar-link-ar-font-size: 1.125rem;
  --footer-bar-link-ar-font-weight: bold;
  --footer-bar-link-ar-letter-spacing: 0;
  --footer-bar-link-ar-line-height: 1.25rem;
  --footer-bar-link-ar-margin-bottom: 0;
  --footer-bar-link-ar-margin-top: 0;
}
@media (min-width: 800px) {
  :root {
    --footer-bar-link-font-size: 1.25rem;
    --footer-bar-link-line-height: 1.5rem;
  }
}
@media (min-width: 800px) {
  :root {
    --footer-bar-link-ar-font-size: 1.25rem;
    --footer-bar-link-ar-line-height: 1.5rem;
  }
}

:root {
  --tag-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tag-font-feature-settings: "kern" 1, "ss01" 0;
  --tag-font-size: 1rem;
  --tag-font-weight: 300;
  --tag-letter-spacing: -0.02em;
  --tag-line-height: 1.5em;
  --tag-margin-bottom: 0.5rem;
  --tag-margin-top: 1rem;
  --tag-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --tag-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --tag-ar-font-size: 1rem;
  --tag-ar-font-weight: 300;
  --tag-ar-letter-spacing: 0;
  --tag-ar-line-height: 1.5em;
  --tag-ar-margin-bottom: 0.5rem;
  --tag-ar-margin-top: 1rem;
}

:root {
  --mal-lawal-game-font-family: 'Press Start 2P', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --mal-lawal-game-font-feature-settings: 'Press Start 2P', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --mal-lawal-game-line-height: 1em;
  --mal-lawal-game-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --mal-lawal-game-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --mal-lawal-game-ar-font-size: 1.2rem;
  --mal-lawal-game-ar-font-weight: 300;
  --mal-lawal-game-ar-letter-spacing: 0;
  --mal-lawal-game-ar-line-height: 1.5em;
  --mal-lawal-game-ar-margin-bottom: 0.5rem;
  --mal-lawal-game-ar-margin-top: 1rem;
}
@media only screen and (width <= 1180px) and (orientation: landscape) {
  :root {
    --mal-lawal-game-ar-line-height: 0;
  }
}

:root {
  --ticker-bar-text-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ticker-bar-text-font-feature-settings: "kern" 1, "ss01" 0;
  --ticker-bar-text-font-size: 1.125rem;
  --ticker-bar-text-font-weight: normal;
  --ticker-bar-text-letter-spacing: -0.04em;
  --ticker-bar-text-line-height: 1.1em;
  --ticker-bar-text-margin-bottom: -0.75rem;
  --ticker-bar-text-margin-top: 2.5rem;
  --ticker-bar-text-text-transform: uppercase;
  --ticker-bar-text-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ticker-bar-text-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --ticker-bar-text-ar-font-size: 1.125rem;
  --ticker-bar-text-ar-font-weight: normal;
  --ticker-bar-text-ar-letter-spacing: 0;
  --ticker-bar-text-ar-line-height: 1.25em;
  --ticker-bar-text-ar-margin-bottom: -0.75rem;
  --ticker-bar-text-ar-margin-top: 2.5rem;
}
@media (min-width: 800px) {
  :root {
    --ticker-bar-text-font-size: 1.5rem;
    --ticker-bar-text-letter-spacing: -0.04em;
    --ticker-bar-text-line-height: 1em;
  }
}
@media (min-width: 800px) {
  :root {
    --ticker-bar-text-ar-font-size: 1.5rem;
    --ticker-bar-text-ar-line-height: 1em;
  }
}

:root {
  --ticker-bar-title-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ticker-bar-title-font-feature-settings: "kern" 1, "ss01" 0;
  --ticker-bar-title-font-size: calc(var(--heading-1-font-size) * 1.75);
  --ticker-bar-title-font-weight: 300;
  --ticker-bar-title-letter-spacing: -0.05em;
  --ticker-bar-title-line-height: 1em;
  --ticker-bar-title-margin-bottom: 0;
  --ticker-bar-title-margin-top: 0;
  --ticker-bar-title-text-transform: uppercase;
  --ticker-bar-title-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --ticker-bar-title-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --ticker-bar-title-ar-font-size: calc(var(--heading-1-font-size) * 1.75);
  --ticker-bar-title-ar-font-weight: 300;
  --ticker-bar-title-ar-letter-spacing: 0;
  --ticker-bar-title-ar-line-height: 1.125em;
  --ticker-bar-title-ar-margin-bottom: 0;
  --ticker-bar-title-ar-margin-top: 0;
}

:root {
  --metadata-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --metadata-font-feature-settings: "kern" 1, "ss01" 0;
  --metadata-font-size: 1rem;
  --metadata-font-weight: 300;
  --metadata-letter-spacing: 0;
  --metadata-line-height: 2rem;
  --metadata-margin-bottom: 0.5rem;
  --metadata-margin-top: 0;
  --metadata-text-transform: uppercase;
  --metadata-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --metadata-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --metadata-ar-font-size: 1rem;
  --metadata-ar-font-weight: 300;
  --metadata-ar-letter-spacing: 0;
  --metadata-ar-line-height: 2rem;
  --metadata-ar-margin-bottom: 0.5rem;
  --metadata-ar-margin-top: 0;
}

:root {
  --celebration-banner-title-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --celebration-banner-title-font-feature-settings: "kern" 1, "ss01" 0;
  --celebration-banner-title-font-size: calc(var(--heading-1-font-size) * 1.2);
  --celebration-banner-title-font-weight: 300;
  --celebration-banner-title-letter-spacing: -0.05em;
  --celebration-banner-title-line-height: 1em;
  --celebration-banner-title-margin-bottom: 0;
  --celebration-banner-title-margin-top: 0;
  --celebration-banner-title-text-transform: uppercase;
  --celebration-banner-title-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --celebration-banner-title-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --celebration-banner-title-ar-font-size: calc(var(--heading-1-font-size) * 1.2);
  --celebration-banner-title-ar-font-weight: 300;
  --celebration-banner-title-ar-letter-spacing: 0;
  --celebration-banner-title-ar-line-height: 1.125em;
  --celebration-banner-title-ar-margin-bottom: 0;
  --celebration-banner-title-ar-margin-top: 0;
}
@media (min-width: 800px) {
  :root {
    --celebration-banner-title-font-size: calc(var(--heading-1-font-size) * 1.75);
  }
}
@media (min-width: 800px) {
  :root {
    --celebration-banner-title-ar-font-size: calc(var(--heading-1-font-size) * 1.75);
  }
}

:root {
  --filter-dropdown-font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --filter-dropdown-font-feature-settings: "kern" 1, "ss01" 0;
  --filter-dropdown-font-size: 1rem;
  --filter-dropdown-font-weight: bold;
  --filter-dropdown-letter-spacing: 0;
  --filter-dropdown-line-height: 1.1em;
  --filter-dropdown-margin-bottom: -0.75rem;
  --filter-dropdown-margin-top: 2.5rem;
  --filter-dropdown-text-transform: uppercase;
  --filter-dropdown-ar-font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  --filter-dropdown-ar-font-feature-settings: "kern" 1, "ss01" 1;
  --filter-dropdown-ar-font-size: 1rem;
  --filter-dropdown-ar-font-weight: bold;
  --filter-dropdown-ar-letter-spacing: 0;
  --filter-dropdown-ar-line-height: 1.6em;
  --filter-dropdown-ar-margin-bottom: -0.25rem;
  --filter-dropdown-ar-margin-top: 2.5rem;
  --filter-dropdown-ar-text-transform: uppercase;
}
@media (min-width: 800px) {
  :root {
    --filter-dropdown-font-size: 1.75rem;
    --filter-dropdown-font-weight: 300;
    --filter-dropdown-letter-spacing: -0.02em;
    --filter-dropdown-line-height: 1.2em;
    --filter-dropdown-margin-bottom: 0.5rem;
    --filter-dropdown-margin-top: 1rem;
    --filter-dropdown-text-transform: initial;
  }
}
@media (min-width: 800px) {
  :root {
    --filter-dropdown-ar-font-size: 1.75rem;
    --filter-dropdown-ar-font-weight: 300;
    --filter-dropdown-ar-letter-spacing: 0;
    --filter-dropdown-ar-line-height: 1.25em;
    --filter-dropdown-ar-margin-bottom: 0.5rem;
    --filter-dropdown-ar-margin-top: 1rem;
    --filter-dropdown-ar-text-transform: initial;
  }
}

:root {
  font-size: 16px;
  font-size-adjust: initial;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.5em;
  text-rendering: optimizelegibility;
}
:root strong,
:root b {
  font-weight: bold;
}

* {
  border-width: 0;
  box-sizing: border-box;
  margin-block: 0 0;
}
* ::before,
* ::after {
  box-sizing: border-box;
}

html {
  background-color: #fff;
  color: #000;
}

input[type=search] {
  appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  appearance: none;
}

a {
  text-decoration: none;
  text-decoration-skip-ink: auto;
}
p a, li a, label a {
  color: inherit;
  text-decoration: underline;
}
[dir=rtl] a[href^="tel:"] {
  direction: ltr;
  display: inline-block;
}

button {
  background: transparent;
  padding-block: 0 0;
  padding-inline: 0 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

label {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

svg {
  fill: currentcolor;
  height: 100%;
  stroke: transparent;
  width: 100%;
}
[dir=rtl] svg[data-direction=text-direction] {
  transform: scaleX(-1);
  transform-origin: 50% 50%;
}

img {
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}

button,
input,
select,
textarea {
  border-radius: 0;
  color: inherit;
  font: inherit;
  min-height: 1em;
}

button:not(:disabled),
select:not(:disabled) {
  cursor: pointer;
}

select {
  appearance: none;
}

option {
  background: #fff;
  color: #000;
}

textarea {
  max-height: 50vh;
  resize: vertical;
}

::selection {
  background-color: #ede4e5;
  color: #000;
  text-shadow: none;
}

@media screen {
  [hidden~=screen] {
    display: inherit;
  }
  [hidden~=screen]:not(:active, :focus, :target) {
    clip: rect(0 0 0 0) !important;
    position: absolute !important;
  }
}
input[type=number] {
  appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}

figure,
picture {
  margin-inline: 0 0;
}
figure img,
figure iframe,
figure video,
figure object,
picture img,
picture iframe,
picture video,
picture object {
  height: auto;
  width: 100%;
}

fieldset,
legend {
  margin-block: 0 0;
  margin-inline: 0 0;
  padding-block: 0 0;
  padding-inline: 0 0;
}

@keyframes focusanimation {
  0% {
    background-color: rgba(57, 169, 53, 0.5);
  }
  100% {
    background-color: rgba(57, 169, 53, 0.001);
  }
}
button:focus,
summary:focus,
a:focus,
figcaption[tabindex="0"]:focus {
  outline: 1px solid #000;
}

@media (hover: hover) {
  html:not(.key-pressed) button:focus,
  html:not(.key-pressed) summary:focus,
  html:not(.key-pressed) a:focus,
  html:not(.key-pressed) [tabindex="0"]:focus,
  html:not(.key-pressed) select:focus,
  html.touch button:focus,
  html.touch summary:focus,
  html.touch a:focus,
  html.touch [tabindex="0"]:focus,
  html.touch select:focus {
    outline: none;
  }
}
summary::marker {
  display: none;
}

summary {
  list-style: none;
}

blockquote {
  margin-inline: 0 0;
}

iframe {
  border-width: 0;
  overflow: hidden;
}

/**
 * Swiper 8.4.7
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 30, 2023
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}

.swiper-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
  touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

@media screen and (prefers-reduced-motion: reduce) {
  .swiper-wrapper,
  .swiper-wrapper > .swiper-slide {
    transition-duration: 1ms !important;
  }
}
/* stylelint-disable */
.PresetDateRangePicker_panel {
  padding: 0 22px 11px;
}

.PresetDateRangePicker_button {
  background: 0 0;
  border: 2px solid #00a699;
  box-sizing: border-box;
  color: #00a699;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
  height: 100%;
  line-height: normal;
  margin-right: 8px;
  overflow: visible;
  padding: 4px 12px;
  position: relative;
  text-align: center;
}

.PresetDateRangePicker_button:active {
  outline: 0;
}

.PresetDateRangePicker_button__selected {
  background: #00a699;
  color: #fff;
}

.SingleDatePickerInput {
  background-color: #fff;
  display: inline-block;
}

.SingleDatePickerInput__withBorder {
  border: 1px solid #dbdbdb;
  border-radius: 2px;
}

.SingleDatePickerInput__rtl {
  direction: rtl;
}

.SingleDatePickerInput__disabled {
  background-color: #f2f2f2;
}

.SingleDatePickerInput__block {
  display: block;
}

.SingleDatePickerInput__showClearDate {
  padding-right: 30px;
}

.SingleDatePickerInput_clearDate {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  margin: 0 10px 0 5px;
  overflow: visible;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.SingleDatePickerInput_clearDate__default:focus,
.SingleDatePickerInput_clearDate__default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.SingleDatePickerInput_clearDate__small {
  padding: 6px;
}

.SingleDatePickerInput_clearDate__hide {
  visibility: hidden;
}

.SingleDatePickerInput_clearDate_svg {
  fill: #82888a;
  height: 12px;
  vertical-align: middle;
  width: 15px;
}

.SingleDatePickerInput_clearDate_svg__small {
  height: 9px;
}

.SingleDatePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  line-height: normal;
  margin: 0 5px 0 10px;
  overflow: visible;
  padding: 10px;
  vertical-align: middle;
}

.SingleDatePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  vertical-align: middle;
  width: 14px;
}

.SingleDatePicker {
  display: inline-block;
  position: relative;
}

.SingleDatePicker__block {
  display: block;
}

.SingleDatePicker_picker {
  background-color: #fff;
  position: absolute;
  z-index: 1;
}

.SingleDatePicker_picker__rtl {
  direction: rtl;
}

.SingleDatePicker_picker__directionLeft {
  left: 0;
}

.SingleDatePicker_picker__directionRight {
  right: 0;
}

.SingleDatePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.SingleDatePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.SingleDatePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.SingleDatePicker_closeButton:focus,
.SingleDatePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.SingleDatePicker_closeButton_svg {
  fill: #cacccd;
  height: 15px;
  width: 15px;
}

.DayPickerKeyboardShortcuts_buttonReset {
  background: 0 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  font-size: 14px;
  line-height: normal;
  overflow: visible;
  padding: 0;
}

.DayPickerKeyboardShortcuts_buttonReset:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_show {
  height: 26px;
  position: absolute;
  width: 33px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_show::before {
  content: "";
  display: block;
  position: absolute;
}

.DayPickerKeyboardShortcuts_show__bottomRight {
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight::before {
  border-right: 33px solid #00a699;
  border-top: 26px solid transparent;
  bottom: 0;
  right: 0;
}

.DayPickerKeyboardShortcuts_show__bottomRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topRight {
  right: 0;
  top: 0;
}

.DayPickerKeyboardShortcuts_show__topRight::before {
  border-bottom: 26px solid transparent;
  border-right: 33px solid #00a699;
  right: 0;
  top: 0;
}

.DayPickerKeyboardShortcuts_show__topRight:hover::before {
  border-right: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_show__topLeft {
  left: 0;
  top: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft::before {
  border-bottom: 26px solid transparent;
  border-left: 33px solid #00a699;
  left: 0;
  top: 0;
}

.DayPickerKeyboardShortcuts_show__topLeft:hover::before {
  border-left: 33px solid #008489;
}

.DayPickerKeyboardShortcuts_showSpan {
  color: #fff;
  position: absolute;
}

.DayPickerKeyboardShortcuts_showSpan__bottomRight {
  bottom: 0;
  right: 5px;
}

.DayPickerKeyboardShortcuts_showSpan__topRight {
  right: 5px;
  top: 1px;
}

.DayPickerKeyboardShortcuts_showSpan__topLeft {
  left: 5px;
  top: 1px;
}

.DayPickerKeyboardShortcuts_panel {
  background: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 2px;
  bottom: 0;
  left: 0;
  margin: 33px;
  overflow: auto;
  padding: 22px;
  position: absolute;
  right: 0;
  text-align: left;
  top: 0;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_title {
  font-size: 16px;
  font-weight: 700;
  margin: 0;
}

.DayPickerKeyboardShortcuts_list {
  font-size: 14px;
  list-style: none;
  padding: 0;
}

.DayPickerKeyboardShortcuts_close {
  position: absolute;
  right: 22px;
  top: 22px;
  z-index: 2;
}

.DayPickerKeyboardShortcuts_close:active {
  outline: 0;
}

.DayPickerKeyboardShortcuts_closeSvg {
  fill: #cacccd;
  height: 15px;
  width: 15px;
}

.DayPickerKeyboardShortcuts_closeSvg:focus,
.DayPickerKeyboardShortcuts_closeSvg:hover {
  fill: #82888a;
}

.CalendarDay {
  box-sizing: border-box;
  cursor: pointer;
  font-size: 14px;
  text-align: center;
}

.CalendarDay:active {
  outline: 0;
}

.CalendarDay__defaultCursor {
  cursor: default;
}

.CalendarDay__default {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #484848;
}

.CalendarDay__default:hover {
  background: #e4e7e7;
  border: 1px solid #e4e7e7;
  color: inherit;
}

.CalendarDay__hovered_offset {
  background: #f4f5f5;
  border: 1px double #e4e7e7;
  color: inherit;
}

.CalendarDay__outside {
  background: #fff;
  border: 0;
  color: #484848;
}

.CalendarDay__outside:hover {
  border: 0;
}

.CalendarDay__blocked_minimum_nights {
  background: #fff;
  border: 1px solid #eceeee;
  color: #cacccd;
}

.CalendarDay__blocked_minimum_nights:active,
.CalendarDay__blocked_minimum_nights:hover {
  background: #fff;
  color: #cacccd;
}

.CalendarDay__highlighted_calendar {
  background: #ffe8bc;
  color: #484848;
}

.CalendarDay__highlighted_calendar:active,
.CalendarDay__highlighted_calendar:hover {
  background: #ffce71;
  color: #484848;
}

.CalendarDay__selected_span {
  background: #66e2da;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected_span:active,
.CalendarDay__selected_span:hover {
  background: #33dacd;
  border: 1px double #33dacd;
  color: #fff;
}

.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: #00a699;
  border: 1px double #00a699;
  color: #fff;
}

.CalendarDay__hovered_span,
.CalendarDay__hovered_span:hover {
  background: #b2f1ec;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__hovered_span:active {
  background: #80e8e0;
  border: 1px double #80e8e0;
  color: #007a87;
}

.CalendarDay__blocked_calendar,
.CalendarDay__blocked_calendar:active,
.CalendarDay__blocked_calendar:hover {
  background: #cacccd;
  border: 1px solid #cacccd;
  color: #82888a;
}

.CalendarDay__blocked_out_of_range,
.CalendarDay__blocked_out_of_range:active,
.CalendarDay__blocked_out_of_range:hover {
  background: #fff;
  border: 1px solid #e4e7e7;
  color: #cacccd;
}

.CalendarDay__hovered_start_first_possible_end {
  background: #eceeee;
  border: 1px double #eceeee;
}

.CalendarDay__hovered_start_blocked_min_nights {
  background: #eceeee;
  border: 1px double #e4e7e7;
}

.CalendarMonth {
  background: #fff;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: top;
}

.CalendarMonth_table {
  border-collapse: collapse;
  border-spacing: 0;
}

.CalendarMonth_verticalSpacing {
  border-collapse: separate;
}

.CalendarMonth_caption {
  caption-side: initial;
  color: #484848;
  font-size: 18px;
  padding-bottom: 37px;
  padding-top: 22px;
  text-align: center;
}

.CalendarMonth_caption__verticalScrollable {
  padding-bottom: 7px;
  padding-top: 12px;
}

.CalendarMonthGrid {
  background: #fff;
  text-align: left;
  z-index: 0;
}

.CalendarMonthGrid__animating {
  z-index: 1;
}

.CalendarMonthGrid__horizontal {
  left: 9px;
  position: absolute;
}

.CalendarMonthGrid__vertical,
.CalendarMonthGrid__vertical_scrollable {
  margin: 0 auto;
}

.CalendarMonthGrid_month__horizontal {
  display: inline-block;
  min-height: 100%;
  vertical-align: top;
}

.CalendarMonthGrid_month__hideForAnimation {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: -1;
}

.CalendarMonthGrid_month__hidden {
  visibility: hidden;
}
[dir=rtl] .CalendarMonthGrid_month__hidden {
  margin-left: 7%;
}
@media (min-width: 800px) {
  [dir=rtl] .CalendarMonthGrid_month__hidden {
    margin-left: inherit;
  }
}

.DayPickerNavigation {
  position: relative;
  z-index: 2;
}

.DayPickerNavigation__horizontal {
  height: 0;
}

.DayPickerNavigation__verticalScrollable_prevNav {
  z-index: 1;
}

.DayPickerNavigation__verticalDefault {
  bottom: 0;
  height: 52px;
  left: 0;
  position: absolute;
  width: 100%;
}

.DayPickerNavigation__verticalScrollableDefault {
  position: relative;
}

.DayPickerNavigation__bottom {
  height: auto;
}

.DayPickerNavigation__bottomDefault {
  -webkit-box-pack: justify;
  display: flex;
  justify-content: space-between;
}

.DayPickerNavigation_button {
  border: 0;
  cursor: pointer;
  margin: 0;
  padding: 0;
  -webkit-user-select: none;
  user-select: none;
}

.DayPickerNavigation_button__default {
  background-color: #fff;
  border: 1px solid #e4e7e7;
  color: #757575;
}

.DayPickerNavigation_button__default:focus,
.DayPickerNavigation_button__default:hover {
  border: 1px solid #c4c4c4;
}

.DayPickerNavigation_button__default:active {
  background: #f2f2f2;
}

.DayPickerNavigation_button__disabled {
  border: 1px solid #f2f2f2;
  cursor: default;
}

.DayPickerNavigation_button__disabled:focus,
.DayPickerNavigation_button__disabled:hover {
  border: 1px solid #f2f2f2;
}

.DayPickerNavigation_button__disabled:active {
  background: 0 0;
}

.DayPickerNavigation_button__horizontalDefault {
  border-radius: 3px;
  line-height: 0.78;
  padding: 6px 9px;
  position: absolute;
  top: 18px;
}

.DayPickerNavigation_bottomButton__horizontalDefault {
  margin: -10px 22px 30px;
  position: static;
}

.DayPickerNavigation_leftButton__horizontalDefault {
  left: 22px;
}

.DayPickerNavigation_rightButton__horizontalDefault {
  right: 22px;
}

.DayPickerNavigation_button__verticalDefault {
  background: #fff;
  box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.1);
  display: inline-block;
  height: 100%;
  padding: 5px;
  position: relative;
  text-align: center;
  width: 50%;
}

.DayPickerNavigation_nextButton__verticalDefault {
  border-left: 0;
}

.DayPickerNavigation_nextButton__verticalScrollableDefault,
.DayPickerNavigation_prevButton__verticalScrollableDefault {
  width: 100%;
}

.DayPickerNavigation_svg__horizontal {
  display: block;
  fill: var(--color-black);
  height: 19px;
  width: 19px;
}

.DayPickerNavigation_svg__vertical {
  fill: #484848;
  height: 42px;
  width: 42px;
}

.DayPickerNavigation_svg__disabled {
  fill: #f2f2f2;
}

.DayPicker {
  background: #fff;
  position: relative;
  text-align: left;
}

.DayPicker__horizontal {
  background: #fff;
}

.DayPicker__verticalScrollable {
  height: 100%;
}

.DayPicker__hidden {
  visibility: hidden;
}

.DayPicker__withBorder {
  border-radius: 3px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(0, 0, 0, 0.07);
}

.DayPicker_portal__horizontal {
  box-shadow: none;
  left: 50%;
  position: absolute;
  top: 50%;
}

.DayPicker_portal__vertical {
  position: initial;
}

.DayPicker_focusRegion {
  outline: 0;
}

.DayPicker_calendarInfo__horizontal,
.DayPicker_wrapper__horizontal {
  display: inline-block;
  vertical-align: top;
}

.DayPicker_weekHeaders {
  position: relative;
}

.DayPicker_weekHeaders__horizontal {
  margin-left: 9px;
}

.DayPicker_weekHeader {
  color: #757575;
  position: absolute;
  text-align: left;
  top: 62px;
  z-index: 2;
}

.DayPicker_weekHeader__vertical {
  left: 50%;
}

.DayPicker_weekHeader__verticalScrollable {
  background: #fff;
  border-bottom: 1px solid #dbdbdb;
  display: table-row;
  left: 0;
  margin-left: 0;
  text-align: center;
  top: 0;
  width: 100%;
}

.DayPicker_weekHeader_ul {
  font-size: 14px;
  list-style: none;
  margin: 1px 0;
  padding-left: 0;
  padding-right: 0;
}

.DayPicker_weekHeader_li {
  display: inline-block;
  text-align: center;
}

.DayPicker_transitionContainer {
  border-radius: 3px;
  overflow: hidden;
  position: relative;
  height: 357px;
}

.DayPicker_transitionContainer__horizontal {
  transition: height var(--easing-default);
}

.DayPicker_transitionContainer__vertical {
  width: 100%;
}

.DayPicker_transitionContainer__verticalScrollable {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow-y: scroll;
  padding-top: 20px;
  position: absolute;
  right: 0;
  top: 0;
}

.DateInput {
  background: #fff;
  display: inline-block;
  margin: 0;
  padding: 0;
  position: relative;
  vertical-align: middle;
  width: 130px;
}

.DateInput__small {
  width: 97px;
}

.DateInput__block {
  width: 100%;
}

.DateInput__disabled {
  background: #f2f2f2;
  color: #dbdbdb;
}

.DateInput_input {
  background-color: #fff;
  border: 0;
  border-bottom: 2px solid transparent;
  border-left: 0;
  border-radius: 0;
  border-right: 0;
  border-top: 0;
  color: #484848;
  font-size: 19px;
  font-weight: 200;
  line-height: 24px;
  padding: 11px 11px 9px;
  width: 100%;
}

.DateInput_input__small {
  font-size: 15px;
  line-height: 18px;
  padding: 7px 7px 5px;
}

.DateInput_input__regular {
  font-weight: auto;
}

.DateInput_input__readOnly {
  -webkit-user-select: none;
  user-select: none;
}

.DateInput_input__focused {
  background: #fff;
  border: 0;
  border-bottom: 2px solid #008489;
  border-left: 0;
  border-right: 0;
  border-top: 0;
  outline: 0;
}

.DateInput_input__disabled {
  background: #f2f2f2;
  font-style: italic;
}

.DateInput_screenReaderMessage {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.DateInput_fang {
  height: 10px;
  left: 22px;
  position: absolute;
  width: 20px;
  z-index: 2;
}

.DateInput_fangShape {
  fill: #fff;
}

.DateInput_fangStroke {
  fill: transparent;
  stroke: #dbdbdb;
}

.DateRangePickerInput {
  background-color: #fff;
  display: inline-block;
}

.DateRangePickerInput__disabled {
  background: #f2f2f2;
}

.DateRangePickerInput__withBorder {
  border: 1px solid #dbdbdb;
  border-radius: 2px;
}

.DateRangePickerInput__rtl {
  direction: rtl;
}

.DateRangePickerInput__block {
  display: block;
}

.DateRangePickerInput__showClearDates {
  padding-right: 30px;
}

.DateRangePickerInput_arrow {
  color: #484848;
  display: inline-block;
  vertical-align: middle;
}

.DateRangePickerInput_arrow_svg {
  fill: #484848;
  height: 24px;
  vertical-align: middle;
  width: 24px;
}

.DateRangePickerInput_clearDates {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  margin: 0 10px 0 5px;
  overflow: visible;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.DateRangePickerInput_clearDates__small {
  padding: 6px;
}

.DateRangePickerInput_clearDates_default:focus,
.DateRangePickerInput_clearDates_default:hover {
  background: #dbdbdb;
  border-radius: 50%;
}

.DateRangePickerInput_clearDates__hide {
  visibility: hidden;
}

.DateRangePickerInput_clearDates_svg {
  fill: #82888a;
  height: 12px;
  vertical-align: middle;
  width: 15px;
}

.DateRangePickerInput_clearDates_svg__small {
  height: 9px;
}

.DateRangePickerInput_calendarIcon {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font: inherit;
  line-height: normal;
  margin: 0 5px 0 10px;
  overflow: visible;
  padding: 10px;
  vertical-align: middle;
}

.DateRangePickerInput_calendarIcon_svg {
  fill: #82888a;
  height: 15px;
  vertical-align: middle;
  width: 14px;
}

.DateRangePicker {
  display: inline-block;
  position: relative;
}

.DateRangePicker__block {
  display: block;
}

.DateRangePicker_picker {
  background-color: #fff;
  position: absolute;
  z-index: 1;
}

.DateRangePicker_picker__rtl {
  direction: rtl;
}

.DateRangePicker_picker__directionLeft {
  left: 0;
}

.DateRangePicker_picker__directionRight {
  right: 0;
}

.DateRangePicker_picker__portal {
  background-color: rgba(0, 0, 0, 0.3);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

.DateRangePicker_picker__fullScreenPortal {
  background-color: #fff;
}

.DateRangePicker_closeButton {
  background: 0 0;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 15px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.DateRangePicker_closeButton:focus,
.DateRangePicker_closeButton:hover {
  color: #b0b3b4;
  text-decoration: none;
}

.DateRangePicker_closeButton_svg {
  fill: #cacccd;
  height: 15px;
  width: 15px;
}

/* stylelint-enable */
.atcb {
  display: none;
}

:root {
  --base-font-size: 16px;
  --atcb-keyboard-focus: #1e90ff;
  --atcb-background: #f5f5f5;
  --atcb-background-2: #fff;
  --atcb-border: #d2d2d2;
  --atcb-text: #333;
  --atcb-text-2: #000;
  --atcb-close-background: #e5e5e5;
  --atcb-close-text: #777;
  --atcb-overlay-background: rgba(20 20 20 / 25%);
  --atcb-modal-btn-background: #f5f5f5;
  --atcb-modal-btn-background-2: #fff;
  --atcb-modal-btn-border: #dfdfdf;
  --atcb-modal-btn-border-2: #d2d2d2;
  --atcb-modal-btn-text: #333;
  --atcb-modal-btn-text-2: #161616;
  --atcb-modal-btn-sec-text: #4f4f4f;
  --atcb-shadow-button: rgba(0 0 0 / 30%) 2px 5px 18px -1px, rgba(0 0 0 / 25%) 2px 2px 10px -3px;
  --atcb-shadow-button-hover: rgba(0 0 0 / 40%) 2px 5px 18px -1px, rgba(0 0 0 / 35%) 2px 2px 10px -3px;
  --atcb-shadow-button-active: rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 45%) 2px 2px 10px -3px;
  --atcb-shadow-list: rgba(0 0 0 / 20%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 2px 2px 10px -3px;
  --atcb-shadow-list-modal: rgba(0 0 0 / 60%) 3px 6px 40px -5px, rgba(0 0 0 / 60%) 3px 3px 15px -4px;
  --atcb-shadow-modal: rgba(0 0 0 / 0%) 0 0 0 0, rgba(0 0 0 / 0%) 0 0 0 0, rgba(0 0 0 / 60%) 3px 6px 40px -5px, rgba(0 0 0 / 60%) 3px 3px 15px -4px;
  --atcb-shadow-modal-button: rgba(0 0 0 / 30%) 2px 3px 10px -1px, rgba(0 0 0 / 25%) 2px 2px 8px -3px;
  --atcb-shadow-modal-button-primary: rgba(0 0 0 / 40%) 2px 3px 10px -1px, rgba(0 0 0 / 35%) 2px 2px 8px -3px;
  --atcb-shadow-modal-button-hover: rgba(0 0 0 / 45%) 5px 8px 20px -1px, rgba(0 0 0 / 30%) 2px 4px 10px -3px;
  --bg-cursor: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" fill="#777" width="16" height="16" viewBox="0 0 122.878 122.88"><path d="M1.426 8.313a4.87 4.87 0 0 1 0-6.886 4.87 4.87 0 0 1 6.886 0l53.127 53.127 53.127-53.127a4.87 4.87 0 0 1 6.887 0 4.87 4.87 0 0 1 0 6.886L68.324 61.439l53.128 53.128a4.87 4.87 0 0 1-6.887 6.886L61.438 68.326 8.312 121.453a4.87 4.87 0 0 1-6.886 0 4.87 4.87 0 0 1 0-6.886l53.127-53.128L1.426 8.313h0z"/></svg>') 16 16, crosshair;
}

.atcb-button-wrapper.atcb-dark,
body.atcb-dark .atcb-button-wrapper.atcb-bodyScheme,
.atcb-list.atcb-dark,
body.atcb-dark .atcb-list.atcb-bodyScheme,
.atcb-modal-box.atcb-dark,
body.atcb-dark .atcb-modal-box.atcb-bodyScheme {
  --atcb-background: #2e2e2e;
  --atcb-background-2: #373737;
  --atcb-border: #4d4d4d;
  --atcb-text: #bebebe;
  --atcb-text-2: #e8e8e8;
  --atcb-close-background: #282828;
  --atcb-overlay-background: rgba(20 20 20 / 60%);
  --atcb-shadow-button: rgba(255 255 255 / 5%) -12px -5px 20px -8px, rgba(255 255 255 / 6%) -7px -5px 15px -3px, rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 3px 3px 20px -3px;
  --atcb-shadow-button-hover: rgba(255 255 255 / 6%) -12px -5px 23px -8px, rgba(255 255 255 / 7%) -7px -5px 18px -3px, rgba(0 0 0 / 60%) 2px 5px 19px -1px, rgba(0 0 0 / 50%) 3px 3px 22px -3px;
  --atcb-shadow-button-active: rgba(255 255 255 / 7%) -12px -5px 23px -8px, rgba(255 255 255 / 8%) -7px -5px 18px -3px, rgba(0 0 0 / 70%) 2px 5px 19px -1px, rgba(0 0 0 / 60%) 3px 3px 22px -3px;
  --atcb-shadow-list: rgba(255 255 255 / 5%) -12px -5px 20px -8px, rgba(255 255 255 / 6%) -7px -5px 15px -3px, rgba(0 0 0 / 50%) 2px 5px 18px -1px, rgba(0 0 0 / 40%) 3px 3px 20px -3px;
  --atcb-shadow-list-modal: rgba(255 255 255 / 8%) -12px -5px 30px -8px, rgba(255 255 255 / 8%) -7px -5px 15px -3px, rgba(0 0 0 / 60%) 4px 6px 50px -4px, rgba(0 0 0 / 90%) 8px 12px 40px -2px;
  --atcb-shadow-modal: rgba(255 255 255 / 8%) -12px -5px 30px -8px, rgba(255 255 255 / 8%) -7px -5px 15px -3px, rgba(0 0 0 / 60%) 4px 6px 50px -4px, rgba(0 0 0 / 90%) 8px 12px 40px -2px;
}

.atcb-button-wrapper {
  display: inline-block;
  font-size: var(--base-font-size);
  padding: 5px;
  position: relative;
}

.atcb-button {
  align-items: center;
  background-color: var(--atcb-background);
  border: 1px solid var(--atcb-border);
  border-radius: 6px;
  box-shadow: var(--atcb-shadow-button);
  color: var(--atcb-text);
  cursor: pointer;
  display: flex;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 600;
  justify-content: center;
  line-height: 1.5em;
  margin: 0.13em;
  max-width: 350px;
  padding: 0.65em 1em;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  width: auto;
  z-index: 1;
}

.atcb-button:focus,
.atcb-button:hover {
  background-color: var(--atcb-background-2);
  box-shadow: var(--atcb-shadow-button-hover);
}

.atcb-button:focus-visible {
  outline: 2px solid var(--atcb-keyboard-focus);
}

.atcb-button.atcb-active:not(.atcb-modal-style, .atcb-dropoverlay),
.atcb-button.atcb-single:focus,
.atcb-button.atcb-single:hover {
  background-color: var(--atcb-background-2);
  box-shadow: var(--atcb-shadow-button-active);
  margin: 0;
  padding: 0.78em 1.13em;
  z-index: 160;
}

.atcb-button.atcb-active.atcb-dropoverlay {
  min-width: 172px;
  z-index: 150;
}

.atcb-icon {
  height: 1em;
  margin-bottom: 0.3em;
  margin-right: 0.65em;
}

.atcb-icon svg {
  fill: var(--atcb-text);
  height: 100%;
  width: auto;
}

.atcb-text {
  overflow-wrap: anywhere;
}

.atcb-dropdown-anchor {
  bottom: 4px;
  height: 1px;
  opacity: 0;
  position: absolute;
  width: 100%;
}

.atcb-list-wrapper {
  box-sizing: border-box;
  padding: 0 4px;
  position: absolute;
  z-index: 150;
}

.atcb-list-wrapper.atcb-dropoverlay {
  z-index: 160;
}

.atcb-list {
  border-radius: 0 0 6px 6px;
  box-shadow: var(--atcb-shadow-list);
  box-sizing: border-box;
  color: var(--atcb-text);
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--base-font-size);
  max-width: 100%;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}

.atcb-list-item {
  align-items: center;
  background-color: var(--atcb-background);
  border: 1px solid var(--atcb-border);
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  font-size: 1em;
  left: 50%;
  line-height: 1.75em;
  padding: 0.8em 0.9em;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  touch-action: manipulation;
}

.atcb-list-item:hover {
  background-color: var(--atcb-background-2);
  color: var(--atcb-text-2);
}

.atcb-list-item:focus-visible {
  background-color: var(--atcb-background-2);
  color: var(--atcb-keyboard-focus);
  font-size: 0.95em;
  font-weight: 600;
  outline: none;
}

.atcb-list-item:last-child {
  border-radius: 0 0 6px 6px;
}

.atcb-list .atcb-list-item:not(:first-child) {
  border-top-style: none;
}

.atcb-dropup .atcb-list-item:last-child {
  border-radius: 0;
  padding-bottom: 1.25em;
}

.atcb-dropup .atcb-list-item:first-child,
.atcb-dropoverlay .atcb-list .atcb-list-item:first-child,
.atcb-list.atcb-modal .atcb-list-item:first-child {
  border-radius: 6px 6px 0 0;
}

.atcb-dropoverlay .atcb-list .atcb-list-item:only-child,
.atcb-list.atcb-modal .atcb-list-item:only-child {
  border-radius: 6px;
}

.atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
  padding-top: 1.25em;
}

.atcb-dropup .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child,
.atcb-dropoverlay .atcb-list.atcb-generated-button:not(.atcb-modal) .atcb-list-item:first-child {
  padding-top: 0.8em;
}

.atcb-dropoverlay .atcb-list,
.atcb-list.atcb-modal {
  border-radius: 6px;
}

.atcb-list.atcb-modal {
  box-shadow: var(--atcb-shadow-list-modal);
}

.atcb-list-item .atcb-icon {
  margin-bottom: 0.44em;
  margin-right: 0.5em;
  width: 1.125em;
}

.atcb-list-item-close {
  background-color: var(--atcb-close-background);
}

.atcb-list-item.atcb-list-item-close {
  color: var(--atcb-close-text);
}

.atcb-list-item-close svg {
  fill: var(--atcb-close-text);
}

@media only screen and (width <= 575px) {
  .atcb-modal-no-scroll {
    overflow-y: hidden;
  }
}
.atcb-modal {
  display: block;
  margin: auto;
  min-width: 250px;
  position: relative;
  width: auto;
  z-index: 150;
}

.atcb-modal-box {
  background-color: var(--atcb-background-2);
  border: 1px solid var(--atcb-border);
  border-radius: 6px;
  box-shadow: var(--atcb-shadow-modal);
  box-sizing: border-box;
  color: var(--atcb-text-2);
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: var(--base-font-size);
  line-height: 1.5em;
  max-width: 32em;
  padding: 1.25em 1.5em;
  -webkit-tap-highlight-color: transparent;
  text-align: left;
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}

.atcb-modal-close {
  cursor: pointer;
  display: inline-block;
  height: 1.125em;
  position: absolute;
  right: 1.25em;
}

.atcb-modal-close svg {
  fill: var(--atcb-close-text);
  height: 100%;
  width: auto;
}

.atcb-modal-close:hover {
  opacity: 0.6;
}

.atcb-modal-close:focus-visible {
  outline: 2px solid var(--atcb-keyboard-focus);
}

.atcb-modal-headline {
  align-items: center;
  display: flex;
  font-size: 1.3em;
  font-weight: 600;
  line-height: 1.5em;
  margin: 1.25em 0.9em;
  text-transform: uppercase;
}

.atcb-modal-headline-icon {
  height: 1.625em;
  margin-bottom: 0.125em;
  margin-right: 0.9em;
}

.atcb-modal-headline-icon svg {
  fill: var(--atcb-text-2);
  height: 100%;
  width: auto;
}

.atcb-modal-content {
  margin: 30px 15px;
}

.atcb-modal-buttons {
  padding: 0.9em 0;
  text-align: center;
  width: 100%;
}

button.atcb-modal-btn,
a.atcb-modal-btn {
  background-color: var(--atcb-modal-btn-background);
  border: 1px solid var(--atcb-modal-btn-border);
  border-radius: 6px;
  box-shadow: var(--atcb-shadow-modal-button);
  color: var(--atcb-modal-btn-sec-text);
  cursor: pointer;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: 600;
  line-height: 1.5em;
  margin: 0.625em;
  padding: 0.625em 1.25em;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  text-align: center;
  text-decoration: none;
  touch-action: manipulation;
  -webkit-user-select: none;
          user-select: none;
}

button.atcb-modal-btn.atcb-modal-btn-primary,
a.atcb-modal-btn.atcb-modal-btn-primary {
  border: 1px solid var(--atcb-modal-btn-border-2);
  box-shadow: var(--atcb-shadow-modal-button-primary);
  color: var(--atcb-modal-btn-text);
}

button.atcb-modal-btn:hover,
a.atcb-modal-btn:hover {
  background-color: var(--atcb-modal-btn-background-2);
  box-shadow: var(--atcb-shadow-modal-button-hover);
  color: var(--atcb-modal-btn-text-2);
  text-decoration: none;
}

button.atcb-modal-btn:focus-visible,
a.atcb-modal-btn:focus-visible {
  background-color: var(--atcb-modal-btn-background-2);
  outline: 2px solid var(--atcb-keyboard-focus);
}

#atcb-bgoverlay {
  animation: atcb-bgoverlay-animate 1ms ease 0s 1 normal forwards;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background-color: var(--atcb-overlay-background);
  box-sizing: border-box;
  display: flex;
  height: calc(100vh + 100px);
  left: 0;
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  overflow-y: auto;
  padding: 30px 20px 130px;
  position: fixed;
  right: 0;
  top: 0;
  width: 100vw;
  z-index: 120;
}

#atcb-bgoverlay.atcb-animate-bg {
  animation: atcb-bgoverlay-animate var(--timing-default) ease 0s 1 normal forwards;
}

#atcb-bgoverlay.atcb-no-bg {
  animation: none;
  -webkit-backdrop-filter: none;
          backdrop-filter: none;
  background-color: var(--atcb-text-2);
  opacity: 0;
}

@keyframes atcb-bgoverlay-animate {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
#atcb-bgoverlay.atcb-click:hover {
  cursor: var(--bg-cursor);
}

.atcb-list-wrapper {
  --atcb-background: transparent;
  --atcb-border: transparent;
  background: transparent;
  color: var(--color-black);
}
.atcb-list-wrapper .atcb-list {
  background: var(--color-white);
  border: 1px solid currentcolor;
  border-radius: 0;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.15);
  color: var(--color-black);
  outline: none;
}
.atcb-list-wrapper .atcb-list-item {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  padding-block: 0.8rem 0.8rem;
  padding-inline: 1rem 1rem;
}
html:lang(ar) .atcb-list-wrapper .atcb-list-item:not(:not(:lang(ar))), html:not(:lang(ar)) .atcb-list-wrapper .atcb-list-item[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.atcb-list-wrapper .atcb-list-item:hover, .atcb-list-wrapper .atcb-list-item:focus {
  background-color: var(--color-black);
  color: var(--color-white);
}
.atcb-list-wrapper .atcb-list-item .atcb-text {
  white-space: nowrap;
  width: 100%;
}
.atcb-list-wrapper .atcb-list-item .atcb-icon {
  margin: 0 0.65em 0 -0.15em;
}
.atcb-list-wrapper .atcb-list-item .atcb-icon > svg {
  display: inline-block;
  height: 100%;
  vertical-align: top;
  width: 100%;
}

.atcb-dropup .atcb-list > .atcb-list-item:first-child, .atcb-dropup .atcb-list > .atcb-list-item:last-child,
.atcb-dropoverlay .atcb-list > .atcb-list-item:first-child,
.atcb-dropoverlay .atcb-list > .atcb-list-item:last-child,
.atcb-list.atcb-modal > .atcb-list-item:first-child,
.atcb-list.atcb-modal > .atcb-list-item:last-child {
  border-radius: 0;
}

:root {
  --micrio-marker-size: 42px;
  --micrio-marker-border-radius: 0px;
  --micrio-marker-color: rgba(0 0 0 / 60%);
  --micrio-marker-border: 0;
  --micrio-border-radius: 0;
  --micrio-color: var(--color-black);
  --micrio-color-hover: var(--color-black);
  --micrio-background: transparent;
  --micrio-button-size: 42px;
  --micrio-button-shadow: none;
  --micrio-button-filter: none;
  --micrio-progress-bar-background: var(--color-grey-light);
}

micr-io article.scroll-tour.tour {
  width: auto;
}
micr-io h1,
micr-io h2,
micr-io h3,
micr-io p,
micr-io a,
micr-io button,
micr-io label {
  font-family: inherit;
  text-align: left;
}
[dir=rtl] micr-io h1,
[dir=rtl] micr-io h2,
[dir=rtl] micr-io h3,
[dir=rtl] micr-io p,
[dir=rtl] micr-io a,
[dir=rtl] micr-io button,
[dir=rtl] micr-io label {
  text-align: right;
}
micr-io h2 {
  margin-block-end: var(--paragraph-margin-bottom);
}
micr-io p {
  margin-block-end: var(--paragraph-margin-bottom);
}
micr-io .secondary {
  margin-block-start: var(--micrio-popup-padding);
}
micr-io span.micrio-icon {
  display: none;
}
micr-io .toggle.micrio-button .micrio-icon {
  display: block;
  font-size: 0;
  position: relative;
}
micr-io .toggle.micrio-button .micrio-icon::before {
  border-block-end: 3px solid var(--color-white);
  border-block-start: 3px solid var(--color-white);
  content: "";
  display: block;
  height: 20px;
  left: 14px;
  position: absolute;
  top: 6px;
  transition: all 0.1s ease-in-out;
  width: 3px;
}
micr-io .toggle.micrio-button .micrio-icon::after {
  border-block-start: 3px solid var(--color-white);
  content: "";
  display: block;
  height: 12px;
  left: 14px;
  position: absolute;
  top: 14.5px;
  transition: all 0.1s ease-in-out;
  width: 3px;
}
micr-io .toggle.micrio-button.close {
  font-size: inherit;
}
micr-io label {
  font-size: 1.1em;
  line-height: var(--introduction-line-height);
}
micr-io .micrio-popover micr-io.hooked > canvas.micrio {
  background-color: var(--color-white);
}
micr-io section.article.micrio-popover article {
  max-height: 72vh;
}
micr-io aside.micrio-popover > .micrio-button {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  background-position: center;
  border: 1px solid var(--color-black);
  border-inline-end: 0px;
  border-inline-start: 1px solid var(--color-black);
  border-top: 0;
  height: 48px;
  left: unset;
  right: 64px;
  width: 48px;
}
[dir=rtl] micr-io aside.micrio-popover > .micrio-button {
  border-inline-end: 0px;
  left: -17px;
  right: unset;
}
micr-io aside.micrio-popover > .micrio-button .material-symbols-rounded {
  font-size: 0;
}
micr-io aside.micrio-popover > .micrio-button:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  color: var(--color-white);
}
micr-io aside.micrio-popover > .micrio-button .icon {
  display: none;
}
[dir=rtl] micr-io aside.micrio-popover {
  border-inline-end: 0px;
  left: 2px;
  right: unset;
}
@media only screen and (width >= 800px) {
  micr-io main.micrio-marker-content {
    max-width: 100%;
    min-width: auto;
  }
}
micr-io main.micrio-marker-content h3.micrio-marker-content,
micr-io main.marker-popup h3.marker-popup,
micr-io h3.marker-popup {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 20px;
  text-transform: uppercase;
}
html:lang(ar) micr-io main.micrio-marker-content h3.micrio-marker-content:not(:not(:lang(ar))), html:not(:lang(ar)) micr-io main.micrio-marker-content h3.micrio-marker-content[lang=ar],
html:lang(ar) micr-io main.marker-popup h3.marker-popup:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io main.marker-popup h3.marker-popup[lang=ar],
html:lang(ar) micr-io h3.marker-popup:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io h3.marker-popup[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
micr-io a,
micr-io p {
  font-family: var(--paragraph-ar-font-family);
  font-weight: 300;
  line-height: 1.7em;
}
micr-io a {
  text-decoration: underline;
}
micr-io menu.toolbar > menu.menu:hover button.menu,
micr-io menu.toolbar > menu.menu:focus button.menu {
  color: var(--color-white);
}
micr-io blockquote {
  margin-block: 1em 1em;
  margin-inline: 40px 40px;
}
micr-io .close.toggle.transparent.micrio-button,
micr-io .more_vert.micrio-button {
  background-color: var(--transparency-background);
  color: var(--color-white);
  height: 48px;
  left: 0;
  position: absolute;
  top: 0;
  width: 48px;
  z-index: 30;
}
[dir=rtl] micr-io .close.toggle.transparent.micrio-button,
[dir=rtl] micr-io .more_vert.micrio-button {
  left: unset;
  right: 0;
}
micr-io .close.toggle.transparent.micrio-button:hover,
micr-io .more_vert.micrio-button:hover {
  background-color: var(--transparency-background);
  color: var(--color-white);
  text-decoration: underline;
}
micr-io .close.toggle.transparent.micrio-button .material-symbols-rounded.micrio-icon,
micr-io .more_vert.micrio-button .material-symbols-rounded.micrio-icon {
  fill: var(--color-white);
}
micr-io .micrio-toolbar {
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: space-evenly;
  left: 0;
  top: 0;
}
@media only screen and (width <= 501px) {
  micr-io .micrio-toolbar {
    display: inherit;
  }
}
[dir=rtl] micr-io .micrio-toolbar {
  left: unset;
  right: 0;
}
[dir=rtl] micr-io .micrio-toolbar button.micrio-menu > .micrio-icon {
  margin-right: 10px;
}
micr-io .micrio-toolbar .micrio-menu {
  border-radius: 0;
  margin: 0;
  overflow: unset;
}
[dir=rtl] micr-io .micrio-toolbar .micrio-menu {
  margin: 0;
}
micr-io .micrio-toolbar .micrio-menu button.micrio-menu {
  border: 0;
  border-radius: 0;
  color: var(--color-white);
  font-size: 16px;
  font-weight: 300;
  text-shadow: none;
  text-transform: uppercase;
}
[dir=rtl] micr-io .micrio-toolbar .micrio-menu button.micrio-menu {
  text-align: right;
}
micr-io .micrio-toolbar .micrio-menu button.micrio-menu:hover {
  color: var(--color-white);
  text-decoration: underline;
}
micr-io .micrio-toolbar .micrio-menu button.micrio-menu .material-symbols-rounded {
  right: 14px;
}
@media only screen and (width <= 501px) {
  micr-io .micrio-toolbar .micrio-menu button.micrio-menu {
    font-weight: 600;
  }
}
@media only screen and (width <= 501px) {
  micr-io .micrio-toolbar .micrio-menu button.micrio-menu .material-symbols-rounded.micrio-icon {
    display: none;
  }
}
@media only screen and (width <= 501px) {
  micr-io .micrio-toolbar .micrio-menu div.micrio-menu .micrio-menu {
    font-weight: 300;
  }
}
micr-io .micrio-toolbar menu.micrio-menu {
  padding-block: 10px 25px;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (width <= 501px) {
  micr-io .micrio-toolbar menu.micrio-menu {
    display: block;
    min-width: 100%;
  }
}
micr-io .micrio-toolbar menu.micrio-menu .micrio-menu {
  padding-block-end: 0;
}
micr-io menu.micrio-toolbar > menu.micrio-menu:hover button.micrio-menu,
micr-io menu.micrio-toolbar > menu.micrio-menu:focus button.micrio-menu {
  color: var(--color-white) !important;
}
micr-io div.micrio-marker-popup > main {
  max-height: 78vh;
}
micr-io div.micrio-marker-popup,
micr-io div.relative.marker-popup {
  background-color: var(--color-white);
  border-block-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  height: auto;
  left: inherit;
  max-height: 100%;
  padding-block-start: 30px;
  right: 0;
  top: 0;
  transform: none;
  --micrio-popup-background: var(--color-white);
  --micrio-popup-shadow: none;
  --micrio-popup-filter: none;
}
[dir=rtl] micr-io div.micrio-marker-popup,
[dir=rtl] micr-io div.relative.marker-popup {
  left: 0;
  right: unset;
}
@media only screen and (width >= 800px) {
  micr-io div.micrio-marker-popup,
  micr-io div.relative.marker-popup {
    left: unset;
    max-width: 441px;
    right: 0;
  }
}
@media (min-width: 800px) {
  micr-io div.micrio-marker-popup,
  micr-io div.relative.marker-popup {
    width: auto;
  }
}
micr-io div.micrio-marker-popup iframe,
micr-io div.relative.marker-popup iframe {
  height: inherit;
}
[dir=rtl] micr-io div.micrio-marker-popup div.bars.micrio-progress-bar > *::before,
[dir=rtl] micr-io div.relative.marker-popup div.bars.micrio-progress-bar > *::before {
  left: 0;
  right: unset;
}
micr-io div.micrio-marker-popup > aside,
micr-io div.relative.marker-popup > aside {
  align-items: center;
  display: flex;
  left: unset;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}
[dir=rtl] micr-io div.micrio-marker-popup > aside,
[dir=rtl] micr-io div.relative.marker-popup > aside {
  left: -10px;
  right: unset;
  top: -1px;
  width: 60px;
}
[dir=rtl] micr-io div.micrio-marker-popup > aside .arrow-right,
[dir=rtl] micr-io div.relative.marker-popup > aside .arrow-right {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  transform: rotate(180deg);
}
micr-io div.micrio-marker-popup .micrio-action,
micr-io div.relative.marker-popup .micrio-action {
  margin: 0;
}
micr-io div.micrio-marker-popup figure.images.marker-popup,
micr-io div.relative.marker-popup figure.images.marker-popup {
  margin: inherit;
  margin-block: 0px 0px;
}
micr-io div.micrio-tour .arrow-left,
micr-io div.micrio-tour .arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35023 9.19727L7.91288 9.8002L13.2419 5.00176L13.2439 5.00017L13.2427 4.99929L7.91288 0.200195L7.35023 0.803126L11.5572 4.59121L0.753906 4.59121L0.753906 5.40913L11.5573 5.40913L7.35023 9.19727Z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(16px);
}
micr-io div.micrio-tour .arrow-left {
  rotate: 180deg;
}
[dir=rtl] micr-io div.micrio-tour .arrow-left {
  rotate: 0deg;
}
micr-io div.micrio-tour .close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  transform: translateY(9px);
}
micr-io figure.micrio-marker-content {
  margin-block-end: 0;
}
micr-io figure.micrio-marker-content img.micrio-marker-content {
  padding-block-start: 25px;
  padding-inline: 25px 25px;
}
micr-io figcaption.micrio-marker-content {
  padding-block-start: 10px;
  padding-inline: 25px 25px;
}
micr-io main.marker-popup {
  max-height: 58vh;
  padding-block-start: 25px;
  padding-inline: 15px 15px;
}
micr-io main.marker-popup .media {
  padding-inline: 10px 15px;
}
micr-io .micrio-action-group button,
micr-io .micrio-markers button {
  height: 48px;
  width: 48px;
}
[dir=rtl] micr-io div.micrio-marker,
[dir=rtl] micr-io div.marker {
  left: 0;
}
micr-io div.default.micrio-marker button.micrio-marker,
micr-io div.marker.default button.marker {
  background-color: var(--color-white);
  background-image: none;
  border: 1px solid var(--color-black);
  border-radius: 100%;
  height: 5rem;
  max-height: 23px;
  max-width: 23px;
  opacity: 0.8;
  width: 5rem;
}
micr-io div.default.micrio-marker button.micrio-marker:hover,
micr-io div.marker.default button.marker:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-white);
  opacity: 1;
}
micr-io div.default.micrio-marker:hover button.micrio-marker,
micr-io div.micrio-marker.opened button.micrio-marker,
micr-io div.marker.default.opened button.marker {
  background-color: var(--color-black);
  border: 1px solid var(--color-white);
}
micr-io div.micrio-marker.opened button.micrio-marker label.micrio-marker {
  opacity: 1;
}
micr-io div.marker.default.show-title.opened button.marker {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
}
micr-io div.default.opened.micrio-marker button.micrio-marker {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
}
micr-io div.marker.default.show-title.opened button.marker .marker,
micr-io div.marker.default.show-title.opened.show-title button.marker .marker {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
}
micr-io div.marker.default.show-title.opened button.marker .marker:hover,
micr-io div.marker.default.show-title.opened.show-title button.marker .marker:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-black);
  color: var(--color-white);
  opacity: 1;
}
micr-io div.micrio-marker:not(.cluster) label.micrio-marker,
micr-io .marker:hover label.marker {
  text-shadow: -1px -1px 0 var(--color-black), 1px -1px 0 var(--color-black), -1px 1px 0 var(--color-black), 1px 1px 0 var(--color-black);
}
micr-io .micrio-button-group .micrio-button,
micr-io div.marker.default.show-title button.marker {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  opacity: 1;
}
micr-io .micrio-button-group .micrio-button:hover,
micr-io div.marker.default.show-title button.marker:hover {
  background-color: var(--color-black);
  border: 1px solid var(--color-white);
  opacity: 1;
}
micr-io .micrio-button-group .micrio-button:hover .marker,
micr-io div.marker.default.show-title button.marker:hover .marker {
  background-color: var(--color-black);
  color: var(--color-white);
  opacity: 1;
}
micr-io .micrio-button-group .micrio-button .marker,
micr-io div.marker.default.show-title button.marker .marker {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  color: var(--color-black);
  padding: 10px;
  text-shadow: none;
}
micr-io .micrio-button-group .micrio-button .marker:hover,
micr-io div.marker.default.show-title button.marker .marker:hover {
  background-color: var(--color-black);
  color: var(--color-white);
  opacity: 1;
}
micr-io aside.micrio-controls,
micr-io aside.controls {
  bottom: 0;
  right: 0;
}
[dir=rtl] micr-io aside.micrio-controls,
[dir=rtl] micr-io aside.controls {
  left: 0;
  right: unset;
}
micr-io aside.micrio-controls .micrio-action-group button,
micr-io aside.micrio-controls menu.popout.controls button,
micr-io aside.controls .micrio-action-group button,
micr-io aside.controls menu.popout.controls button {
  background-color: var(--color-white);
  border: 1px solid;
  border-color: var(--color-black);
  color: var(--color-black);
  margin: 0;
}
micr-io aside.micrio-controls .micrio-action-group button:hover:not(.button--disabled, :disabled), micr-io aside.micrio-controls .micrio-action-group button.button--selected,
micr-io aside.micrio-controls menu.popout.controls button:hover:not(.button--disabled, :disabled),
micr-io aside.micrio-controls menu.popout.controls button.button--selected,
micr-io aside.controls .micrio-action-group button:hover:not(.button--disabled, :disabled),
micr-io aside.controls .micrio-action-group button.button--selected,
micr-io aside.controls menu.popout.controls button:hover:not(.button--disabled, :disabled),
micr-io aside.controls menu.popout.controls button.button--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
micr-io aside.micrio-controls button[aria-label="Switch language"],
micr-io aside.controls button[aria-label="Switch language"] {
  display: none;
}
micr-io aside.micrio-controls .micrio-button-group .maximize .icon,
micr-io aside.micrio-controls .micrio-action-group .maximize .icon,
micr-io aside.controls .micrio-button-group .maximize .icon,
micr-io aside.controls .micrio-action-group .maximize .icon {
  top: -10px;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in,
micr-io aside.micrio-controls .micrio-action-group .zoom-in,
micr-io aside.controls .micrio-button-group .zoom-in,
micr-io aside.controls .micrio-action-group .zoom-in {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1409 0.586914L7.85519 0.586914L7.85519 12.5869L6.1409 12.5869L6.1409 0.586914Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.998 5.72977L12.998 7.44406L0.998047 7.44406L0.998047 5.72977L12.998 5.72977Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  height: 48px;
  margin-inline-start: 0;
  padding-top: 0;
  width: 48px;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-button-group .zoom-in .icon,
micr-io aside.micrio-controls .micrio-action-group .zoom-in .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-action-group .zoom-in .icon,
micr-io aside.controls .micrio-button-group .zoom-in .material-symbols-rounded,
micr-io aside.controls .micrio-button-group .zoom-in .icon,
micr-io aside.controls .micrio-action-group .zoom-in .material-symbols-rounded,
micr-io aside.controls .micrio-action-group .zoom-in .icon {
  display: none;
  font-family: inherit;
  font-size: 0;
  top: -10px;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in:hover,
micr-io aside.micrio-controls .micrio-action-group .zoom-in:hover,
micr-io aside.controls .micrio-button-group .zoom-in:hover,
micr-io aside.controls .micrio-action-group .zoom-in:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.1409 0.586914L7.85519 0.586914L7.85519 12.5869L6.1409 12.5869L6.1409 0.586914Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.998 5.72977L12.998 7.44406L0.998047 7.44406L0.998047 5.72977L12.998 5.72977Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--color-black);
}
micr-io aside.micrio-controls .micrio-button-group .zoom-out,
micr-io aside.micrio-controls .micrio-action-group .zoom-out,
micr-io aside.controls .micrio-button-group .zoom-out,
micr-io aside.controls .micrio-action-group .zoom-out {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='2' viewBox='0 0 11 2' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3789 0.522949L10.3789 1.94167L0.447865 1.94167L0.447865 0.522949L10.3789 0.522949Z'/%3E%3C/svg%3E ");
  background-position: center;
  background-repeat: no-repeat;
  border-block-end: 0px;
  border-block-start: 0px;
  display: block;
  height: 48px;
  padding-top: 0;
  width: 48px;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-out:hover,
micr-io aside.micrio-controls .micrio-action-group .zoom-out:hover,
micr-io aside.controls .micrio-button-group .zoom-out:hover,
micr-io aside.controls .micrio-action-group .zoom-out:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='2' viewBox='0 0 11 2' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.3789 0.522949L10.3789 1.94167L0.447865 1.94167L0.447865 0.522949L10.3789 0.522949Z'/%3E%3C/svg%3E ");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--color-black);
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in[disabled],
micr-io aside.micrio-controls .micrio-button-group .zoom-out[disabled],
micr-io aside.micrio-controls .micrio-action-group .zoom-in[disabled],
micr-io aside.micrio-controls .micrio-action-group .zoom-out[disabled],
micr-io aside.controls .micrio-button-group .zoom-in[disabled],
micr-io aside.controls .micrio-button-group .zoom-out[disabled],
micr-io aside.controls .micrio-action-group .zoom-in[disabled],
micr-io aside.controls .micrio-action-group .zoom-out[disabled] {
  position: relative;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in[disabled]::after,
micr-io aside.micrio-controls .micrio-button-group .zoom-out[disabled]::after,
micr-io aside.micrio-controls .micrio-action-group .zoom-in[disabled]::after,
micr-io aside.micrio-controls .micrio-action-group .zoom-out[disabled]::after,
micr-io aside.controls .micrio-button-group .zoom-in[disabled]::after,
micr-io aside.controls .micrio-button-group .zoom-out[disabled]::after,
micr-io aside.controls .micrio-action-group .zoom-in[disabled]::after,
micr-io aside.controls .micrio-action-group .zoom-out[disabled]::after {
  background-color: var(--color-white);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.7;
  position: absolute;
  top: 0;
  width: 100%;
}
micr-io aside.micrio-controls .micrio-button-group .fullscreen,
micr-io aside.micrio-controls .micrio-button-group .maximize,
micr-io aside.micrio-controls .micrio-action-group .fullscreen,
micr-io aside.micrio-controls .micrio-action-group .maximize,
micr-io aside.controls .micrio-button-group .fullscreen,
micr-io aside.controls .micrio-button-group .maximize,
micr-io aside.controls .micrio-action-group .fullscreen,
micr-io aside.controls .micrio-action-group .maximize {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.15115 16L8.15115 14.5634L2.46063 14.5583L11.1059 5.91298L10.0871 4.89409L1.44174 13.5394L1.43664 7.84888L4.55482e-07 7.84888L0 16L8.15115 16Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.84885 4.55482e-07L7.84885 1.43664L13.5394 1.44174L4.89405 10.0871L5.91295 11.1059L14.5583 2.46063L14.5634 8.15115L16 8.15115L16 0L7.84885 4.55482e-07Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1rem;
  border-bottom: 0;
  display: block;
  height: 48px;
  padding-top: 0.1rem;
  width: 48px;
}
micr-io aside.micrio-controls .micrio-button-group .fullscreen:hover,
micr-io aside.micrio-controls .micrio-button-group .maximize:hover,
micr-io aside.micrio-controls .micrio-action-group .fullscreen:hover,
micr-io aside.micrio-controls .micrio-action-group .maximize:hover,
micr-io aside.controls .micrio-button-group .fullscreen:hover,
micr-io aside.controls .micrio-button-group .maximize:hover,
micr-io aside.controls .micrio-action-group .fullscreen:hover,
micr-io aside.controls .micrio-action-group .maximize:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.15115 16L8.15115 14.5634L2.46063 14.5583L11.1059 5.91298L10.0871 4.89409L1.44174 13.5394L1.43664 7.84888L4.55482e-07 7.84888L0 16L8.15115 16Z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.84885 4.55482e-07L7.84885 1.43664L13.5394 1.44174L4.89405 10.0871L5.91295 11.1059L14.5583 2.46063L14.5634 8.15115L16 8.15115L16 0L7.84885 4.55482e-07Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--color-black);
}
micr-io aside.micrio-controls .micrio-button-group .fullscreen .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-button-group .maximize .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-action-group .fullscreen .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-action-group .maximize .material-symbols-rounded,
micr-io aside.controls .micrio-button-group .fullscreen .material-symbols-rounded,
micr-io aside.controls .micrio-button-group .maximize .material-symbols-rounded,
micr-io aside.controls .micrio-action-group .fullscreen .material-symbols-rounded,
micr-io aside.controls .micrio-action-group .maximize .material-symbols-rounded {
  font-family: inherit;
  font-size: 0;
}
micr-io aside.micrio-controls .micrio-button-group .minimize,
micr-io aside.micrio-controls .micrio-action-group .minimize,
micr-io aside.controls .micrio-button-group .minimize,
micr-io aside.controls .micrio-action-group .minimize {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.558 5.46017L20.9997 5.90186L20.558 6.34355L16.012 10.8893L19.2749 10.8893L19.8995 10.8893L19.8995 11.5139L19.8995 11.54L19.8995 12.1646L19.2749 12.1646L14.4598 12.1646L13.8351 12.1646L13.8351 11.54L13.8351 6.72485L13.8351 6.10019L14.4598 6.10019L14.4858 6.10019L15.1105 6.10019L15.1105 6.72485L15.1105 9.98768L19.6562 5.44169L20.0979 5L20.5396 5.44169L20.558 5.46017ZM6.10019 13.8351L6.72485 13.8351L11.54 13.8351L12.1646 13.8351L12.1646 14.4598L12.1646 19.2749L12.1646 19.8996L11.54 19.8996L11.5139 19.8996L10.8893 19.8996L10.8893 19.2749L10.8893 16.0123L6.34355 20.5581L5.90186 21L5.46017 20.5581L5.44169 20.5396L5 20.0979L5.44169 19.6562L9.98768 15.1105L6.72485 15.1105L6.10019 15.1105L6.10019 14.4858L6.10019 14.4598L6.10019 13.8351Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 1.6rem;
  display: block;
  height: 48px;
  padding-top: 0.1rem;
  width: 48px;
}
micr-io aside.micrio-controls .micrio-button-group .minimize:hover,
micr-io aside.micrio-controls .micrio-action-group .minimize:hover,
micr-io aside.controls .micrio-button-group .minimize:hover,
micr-io aside.controls .micrio-action-group .minimize:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.558 5.46017L20.9997 5.90186L20.558 6.34355L16.012 10.8893L19.2749 10.8893L19.8995 10.8893L19.8995 11.5139L19.8995 11.54L19.8995 12.1646L19.2749 12.1646L14.4598 12.1646L13.8351 12.1646L13.8351 11.54L13.8351 6.72485L13.8351 6.10019L14.4598 6.10019L14.4858 6.10019L15.1105 6.10019L15.1105 6.72485L15.1105 9.98768L19.6562 5.44169L20.0979 5L20.5396 5.44169L20.558 5.46017ZM6.10019 13.8351L6.72485 13.8351L11.54 13.8351L12.1646 13.8351L12.1646 14.4598L12.1646 19.2749L12.1646 19.8996L11.54 19.8996L11.5139 19.8996L10.8893 19.8996L10.8893 19.2749L10.8893 16.0123L6.34355 20.5581L5.90186 21L5.46017 20.5581L5.44169 20.5396L5 20.0979L5.44169 19.6562L9.98768 15.1105L6.72485 15.1105L6.10019 15.1105L6.10019 14.4858L6.10019 14.4598L6.10019 13.8351Z'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  border-color: var(--color-black);
}
micr-io aside.micrio-controls .micrio-button-group .minimize .material-symbols-rounded,
micr-io aside.micrio-controls .micrio-action-group .minimize .material-symbols-rounded,
micr-io aside.controls .micrio-button-group .minimize .material-symbols-rounded,
micr-io aside.controls .micrio-action-group .minimize .material-symbols-rounded {
  font-family: inherit;
  font-size: 0;
}
micr-io aside.micrio-controls .micrio-button-group .zoom-in,
micr-io aside.micrio-controls .micrio-button-group .zoom-out,
micr-io aside.micrio-controls .micrio-action-group .zoom-in,
micr-io aside.micrio-controls .micrio-action-group .zoom-out,
micr-io aside.controls .micrio-button-group .zoom-in,
micr-io aside.controls .micrio-button-group .zoom-out,
micr-io aside.controls .micrio-action-group .zoom-in,
micr-io aside.controls .micrio-action-group .zoom-out {
  background-size: 0.9rem;
}
micr-io .micrio-tour,
micr-io .tour {
  background: rgba(0, 0, 0, 0.8);
}
micr-io .micrio-tour button .micrio-icon,
micr-io .tour button .micrio-icon {
  color: var(--color-white);
  font-size: 20px;
  font-weight: 100;
  padding-top: 6px;
}
micr-io .micrio-tour button.no-click,
micr-io .tour button.no-click {
  color: var(--color-white);
  font-weight: 100;
}
[dir=rtl] micr-io .micrio-tour .arrow-left,
[dir=rtl] micr-io .tour .arrow-left {
  rotate: 180deg;
}
[dir=rtl] micr-io .micrio-tour .arrow-right,
[dir=rtl] micr-io .tour .arrow-right {
  rotate: 180deg;
}
micr-io section.popover > *:not(aside, [slot=media]) {
  max-height: calc(80vh - 30px);
  overflow: auto;
}
micr-io div.micrio-popover,
micr-io div.popover {
  align-items: unset;
  position: absolute;
}
micr-io div.micrio-popover .micrio-popover.article,
micr-io div.micrio-popover .popover.article,
micr-io div.popover .micrio-popover.article,
micr-io div.popover .popover.article {
  background: var(--color-white);
  max-height: 80vh;
  overflow: hidden auto;
  padding-block-start: 30px;
  position: relative;
  text-align: left;
}
[dir=rtl] micr-io div.micrio-popover .micrio-popover.article,
[dir=rtl] micr-io div.micrio-popover .popover.article,
[dir=rtl] micr-io div.popover .micrio-popover.article,
[dir=rtl] micr-io div.popover .popover.article {
  text-align: right;
}
micr-io div.micrio-popover .micrio-popover.article aside.micrio-popover,
micr-io div.micrio-popover .micrio-popover.article aside.popover,
micr-io div.micrio-popover .popover.article aside.micrio-popover,
micr-io div.micrio-popover .popover.article aside.popover,
micr-io div.popover .micrio-popover.article aside.micrio-popover,
micr-io div.popover .micrio-popover.article aside.popover,
micr-io div.popover .popover.article aside.micrio-popover,
micr-io div.popover .popover.article aside.popover {
  left: unset;
  right: 0;
}
[dir=rtl] micr-io div.micrio-popover .micrio-popover.article aside.micrio-popover,
[dir=rtl] micr-io div.micrio-popover .micrio-popover.article aside.popover,
[dir=rtl] micr-io div.micrio-popover .popover.article aside.micrio-popover,
[dir=rtl] micr-io div.micrio-popover .popover.article aside.popover,
[dir=rtl] micr-io div.popover .micrio-popover.article aside.micrio-popover,
[dir=rtl] micr-io div.popover .micrio-popover.article aside.popover,
[dir=rtl] micr-io div.popover .popover.article aside.micrio-popover,
[dir=rtl] micr-io div.popover .popover.article aside.popover {
  left: 0;
  right: unset;
}
micr-io div.micrio-popover .micrio-popover.article button.close.close-popover.micrio-button,
micr-io div.micrio-popover .micrio-popover.article button.close-popover,
micr-io div.micrio-popover .popover.article button.close.close-popover.micrio-button,
micr-io div.micrio-popover .popover.article button.close-popover,
micr-io div.popover .micrio-popover.article button.close.close-popover.micrio-button,
micr-io div.popover .micrio-popover.article button.close-popover,
micr-io div.popover .popover.article button.close.close-popover.micrio-button,
micr-io div.popover .popover.article button.close-popover {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  background-position: center;
  border: 1px solid var(--color-black);
  border-inline-end: 0px;
  border-inline-start: 1px solid var(--color-black);
  border-top: 0;
  height: 48px;
  left: unset;
  right: 0;
  width: 48px;
}
[dir=rtl] micr-io div.micrio-popover .micrio-popover.article button.close.close-popover.micrio-button,
[dir=rtl] micr-io div.micrio-popover .micrio-popover.article button.close-popover,
[dir=rtl] micr-io div.micrio-popover .popover.article button.close.close-popover.micrio-button,
[dir=rtl] micr-io div.micrio-popover .popover.article button.close-popover,
[dir=rtl] micr-io div.popover .micrio-popover.article button.close.close-popover.micrio-button,
[dir=rtl] micr-io div.popover .micrio-popover.article button.close-popover,
[dir=rtl] micr-io div.popover .popover.article button.close.close-popover.micrio-button,
[dir=rtl] micr-io div.popover .popover.article button.close-popover {
  border-inline-end: 0px;
  border-inline-start: 1px solid var(--color-black);
  left: -17px;
  right: unset;
}
micr-io div.micrio-popover .micrio-popover.article button.close.close-popover.micrio-button .material-symbols-rounded,
micr-io div.micrio-popover .micrio-popover.article button.close-popover .material-symbols-rounded,
micr-io div.micrio-popover .popover.article button.close.close-popover.micrio-button .material-symbols-rounded,
micr-io div.micrio-popover .popover.article button.close-popover .material-symbols-rounded,
micr-io div.popover .micrio-popover.article button.close.close-popover.micrio-button .material-symbols-rounded,
micr-io div.popover .micrio-popover.article button.close-popover .material-symbols-rounded,
micr-io div.popover .popover.article button.close.close-popover.micrio-button .material-symbols-rounded,
micr-io div.popover .popover.article button.close-popover .material-symbols-rounded {
  font-size: 0;
}
micr-io div.micrio-popover .micrio-popover.article button.close.close-popover.micrio-button:hover,
micr-io div.micrio-popover .micrio-popover.article button.close-popover:hover,
micr-io div.micrio-popover .popover.article button.close.close-popover.micrio-button:hover,
micr-io div.micrio-popover .popover.article button.close-popover:hover,
micr-io div.popover .micrio-popover.article button.close.close-popover.micrio-button:hover,
micr-io div.popover .micrio-popover.article button.close-popover:hover,
micr-io div.popover .popover.article button.close.close-popover.micrio-button:hover,
micr-io div.popover .popover.article button.close-popover:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  color: var(--color-white);
}
micr-io div.micrio-popover .micrio-popover.article button.close.close-popover.micrio-button .icon,
micr-io div.micrio-popover .micrio-popover.article button.close-popover .icon,
micr-io div.micrio-popover .popover.article button.close.close-popover.micrio-button .icon,
micr-io div.micrio-popover .popover.article button.close-popover .icon,
micr-io div.popover .micrio-popover.article button.close.close-popover.micrio-button .icon,
micr-io div.popover .micrio-popover.article button.close-popover .icon,
micr-io div.popover .popover.article button.close.close-popover.micrio-button .icon,
micr-io div.popover .popover.article button.close-popover .icon {
  display: none;
}
micr-io div.micrio-popover .micrio-popover.article h2,
micr-io div.micrio-popover .popover.article h2,
micr-io div.popover .micrio-popover.article h2,
micr-io div.popover .popover.article h2 {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  text-transform: uppercase;
}
html:lang(ar) micr-io div.micrio-popover .micrio-popover.article h2:not(:not(:lang(ar))), html:not(:lang(ar)) micr-io div.micrio-popover .micrio-popover.article h2[lang=ar],
html:lang(ar) micr-io div.micrio-popover .popover.article h2:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io div.micrio-popover .popover.article h2[lang=ar],
html:lang(ar) micr-io div.popover .micrio-popover.article h2:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io div.popover .micrio-popover.article h2[lang=ar],
html:lang(ar) micr-io div.popover .popover.article h2:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io div.popover .popover.article h2[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
micr-io div.micrio-popover .micrio-popover.article img,
micr-io div.micrio-popover .popover.article img,
micr-io div.popover .micrio-popover.article img,
micr-io div.popover .popover.article img {
  border: 1px solid var(--color-black);
  margin-block: 20px 20px;
}
micr-io .micrio-marker-popup .close,
micr-io .marker-popup .cancel {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  background-position: center;
  border: 1px solid var(--color-black);
  border-right: 0px;
  border-top: 0px;
  height: 48px;
  left: unset;
  opacity: 0.8;
  position: absolute;
  right: -1px;
  top: 0;
  width: 48px;
}
html:lang(ar) micr-io .micrio-marker-popup .close:not(:not(:lang(ar))), html:not(:lang(ar)) micr-io .micrio-marker-popup .close[lang=ar],
html:lang(ar) micr-io .marker-popup .cancel:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io .marker-popup .cancel[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
[dir=rtl] micr-io .micrio-marker-popup .close,
[dir=rtl] micr-io .marker-popup .cancel {
  border-inline-start: 1px solid var(--color-black);
}
micr-io .micrio-marker-popup .close span,
micr-io .marker-popup .cancel span {
  display: none;
}
micr-io .micrio-marker-popup .close:hover,
micr-io .marker-popup .cancel:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='m20.7 10.8-1.5-1.5-4.2 4.3-4.2-4.3-1.5 1.5 4.3 4.2-4.3 4.2 1.5 1.5 4.2-4.3 4.2 4.3 1.5-1.5-4.3-4.2z'/%3E%3C/svg%3E");
  color: var(--color-white);
}
@media only screen and (width <= 501px) {
  micr-io menu.micrio-toolbar > .micrio-menu:not(:hover) > button.micrio-menu {
    margin-bottom: 0;
  }
}
micr-io div.micrio-markers.main {
  --micrio-marker-size: 42px !important;
  --micrio-marker-border-radius: 0px !important;
  --micrio-marker-color: rgba(0 0 0 / 60%) !important;
  --micrio-marker-border: 0 !important;
  --micrio-marker-icon: svg-uri('<svg xmlns="http://www.w3.org/2000/svg" fill="' + $color-white + '" width="30" height="30" viewBox="0 0 30 30"><path d="m22.7 21.3-3.4-3.4A6.49 6.49 0 0 0 14.5 7C10.9 7 8 9.9 8 13.5s2.9 6.5 6.5 6.5c1.2 0 2.3-.3 3.2-.9l3.6 3.6 1.4-1.4zM10 13.5C10 11 12 9 14.5 9s4.5 2 4.5 4.5-2 4.5-4.5 4.5-4.5-2-4.5-4.5z"/></svg>') !important;
}
micr-io div.micrio-marker-popup.relative.default,
micr-io div.relative.micrio-marker-popup,
micr-io div.micrio-marker-popup {
  left: unset;
  position: absolute;
  right: 0;
  top: 0;
}
[dir=rtl] micr-io div.micrio-marker-popup.relative.default,
[dir=rtl] micr-io div.relative.micrio-marker-popup,
[dir=rtl] micr-io div.micrio-marker-popup {
  left: 0;
  right: unset;
}
micr-io div.micrio-marker-popup:not(.relative),
micr-io div.relative.micrio-marker-popup,
micr-io div.micrio-marker-popup,
micr-io div.relative.marker-popup {
  background-color: var(--color-white);
  border-block-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  left: inherit;
  padding-block-start: 30px;
  right: 0;
  top: 0;
  transform: none;
  width: auto;
  --micrio-popup-background: var(--color-white);
  --micrio-popup-shadow: none;
  --micrio-popup-filter: none;
}
[dir=rtl] micr-io div.micrio-marker-popup:not(.relative),
[dir=rtl] micr-io div.relative.micrio-marker-popup,
[dir=rtl] micr-io div.micrio-marker-popup,
[dir=rtl] micr-io div.relative.marker-popup {
  left: 0;
  right: inherit;
  top: 0;
}
micr-io div.micrio-marker-popup:not(.relative) iframe,
micr-io div.relative.micrio-marker-popup iframe,
micr-io div.micrio-marker-popup iframe,
micr-io div.relative.marker-popup iframe {
  height: inherit;
}
micr-io div.micrio-marker-popup:not(.relative) > aside,
micr-io div.relative.micrio-marker-popup > aside,
micr-io div.micrio-marker-popup > aside,
micr-io div.relative.marker-popup > aside {
  align-items: center;
  display: flex;
  left: unset;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 20;
}
micr-io div.micrio-marker-popup:not(.relative) .micrio-action,
micr-io div.relative.micrio-marker-popup .micrio-action,
micr-io div.micrio-marker-popup .micrio-action,
micr-io div.relative.marker-popup .micrio-action {
  margin: 0;
}
micr-io div.micrio-marker-popup:not(.relative) figure.images.marker-popup,
micr-io div.relative.micrio-marker-popup figure.images.marker-popup,
micr-io div.micrio-marker-popup figure.images.marker-popup,
micr-io div.relative.marker-popup figure.images.marker-popup {
  margin: inherit;
  margin-block: 20px 20px;
}
micr-io div.static.marker-popup {
  background-color: var(--color-white);
  left: inherit;
  right: 0;
  top: 0;
}
micr-io div.static.marker-popup main.marker-popup {
  background-color: var(--color-white);
  border: 1px solid var(--color-black);
  border-top: 0px;
  box-shadow: none;
  padding-block-start: 65px;
}
micr-io div.static.marker-popup html div.static.marker-popup aside.marker-popup > .micrio-action,
micr-io div.static.marker-popup html .div.static.marker-popup aside.marker-popup > .micrio-action,
micr-io div.static.marker-popup aside.marker-popup > .micrio-action {
  display: block;
  height: 48px;
  left: -57px;
  position: absolute;
  width: 48px;
  z-index: 20;
}
@media only screen and (width <= 501px) {
  micr-io div.static.marker-popup html div.static.marker-popup aside.marker-popup > .micrio-action,
  micr-io div.static.marker-popup html .div.static.marker-popup aside.marker-popup > .micrio-action,
  micr-io div.static.marker-popup aside.marker-popup > .micrio-action {
    left: inherit;
    right: 0;
  }
}
@media only screen and (width <= 501px) {
  micr-io div.static.marker-popup main.marker-popup {
    max-height: auto;
  }
}
micr-io .micrio-marker-popup button.micrio-button.arrow-right,
micr-io .micrio-marker-popup .arrow-right {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.35023 9.19727L7.91288 9.8002L13.2419 5.00176L13.2439 5.00017L13.2427 4.99929L7.91288 0.200195L7.35023 0.803126L11.5572 4.59121L0.753906 4.59121L0.753906 5.40913L11.5573 5.40913L7.35023 9.19727Z'/%3E%3C/svg%3E");
  background-position: 17px 18px;
  border: 1px solid var(--color-black);
  border-block-start: 0px solid var(--color-black);
  height: 48px;
  left: inherit;
  opacity: 0.8;
  position: absolute;
  right: 0;
  top: 0;
  width: 48px;
}
html:lang(ar) micr-io .micrio-marker-popup button.micrio-button.arrow-right:not(:not(:lang(ar))), html:not(:lang(ar)) micr-io .micrio-marker-popup button.micrio-button.arrow-right[lang=ar],
html:lang(ar) micr-io .micrio-marker-popup .arrow-right:not(:not(:lang(ar))),
html:not(:lang(ar)) micr-io .micrio-marker-popup .arrow-right[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
[dir=rtl] micr-io .micrio-marker-popup button.micrio-button.arrow-right,
[dir=rtl] micr-io .micrio-marker-popup .arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.35023 9.19727L7.91288 9.8002L13.2419 5.00176L13.2439 5.00017L13.2427 4.99929L7.91288 0.200195L7.35023 0.803126L11.5572 4.59121L0.753906 4.59121L0.753906 5.40913L11.5573 5.40913L7.35023 9.19727Z'/%3E%3C/svg%3E");
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  transform: rotate(180deg);
}
micr-io .micrio-marker-popup button.micrio-button.arrow-right span,
micr-io .micrio-marker-popup .arrow-right span {
  display: none;
}
micr-io .micrio-marker-popup button.micrio-button.arrow-right:hover,
micr-io .micrio-marker-popup .arrow-right:hover {
  background-color: var(--color-black);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath d='M7.35023 9.19727L7.91288 9.8002L13.2419 5.00176L13.2439 5.00017L13.2427 4.99929L7.91288 0.200195L7.35023 0.803126L11.5572 4.59121L0.753906 4.59121L0.753906 5.40913L11.5573 5.40913L7.35023 9.19727Z'/%3E%3C/svg%3E");
  color: var(--color-white);
}
micr-io aside.micrio-media {
  background-color: var(--color-white);
}
micr-io aside.micrio-media .micrio-button {
  background-position: center center;
  display: block;
  height: 48px;
  width: 48px;
}
micr-io aside.micrio-media div.container.micrio-progress-bar {
  padding-inline-start: 15px;
}
micr-io .micrio-media-controls .minimize {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.558 5.46017L20.9997 5.90186L20.558 6.34355L16.012 10.8893L19.2749 10.8893L19.8995 10.8893L19.8995 11.5139L19.8995 11.54L19.8995 12.1646L19.2749 12.1646L14.4598 12.1646L13.8351 12.1646L13.8351 11.54L13.8351 6.72485L13.8351 6.10019L14.4598 6.10019L14.4858 6.10019L15.1105 6.10019L15.1105 6.72485L15.1105 9.98768L19.6562 5.44169L20.0979 5L20.5396 5.44169L20.558 5.46017ZM6.10019 13.8351L6.72485 13.8351L11.54 13.8351L12.1646 13.8351L12.1646 14.4598L12.1646 19.2749L12.1646 19.8996L11.54 19.8996L11.5139 19.8996L10.8893 19.8996L10.8893 19.2749L10.8893 16.0123L6.34355 20.5581L5.90186 21L5.46017 20.5581L5.44169 20.5396L5 20.0979L5.44169 19.6562L9.98768 15.1105L6.72485 15.1105L6.10019 15.1105L6.10019 14.4858L6.10019 14.4598L6.10019 13.8351Z'/%3E%3C/svg%3E");
  background-position: 9px 12px;
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
micr-io .micrio-media-controls .micrio-media .micrio-progress-bar {
  margin-inline-start: 15px;
  max-width: 80%;
}
micr-io .micrio-media-controls .play {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='8' viewBox='0 0 12 12' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0V12L12 6L0 0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
[dir=rtl] micr-io .micrio-media-controls .play {
  rotate: 180deg;
}
micr-io .micrio-media-controls .pause {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='14' height='10' viewBox='0 0 11 12' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='3.5' height='11' fill='black'/%3E%3Crect x='6' width='3.5' height='11'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
micr-io .micrio-media-controls .volume-up,
micr-io .micrio-media-controls .volume-off {
  background-repeat: no-repeat;
  display: block;
  margin-inline-start: 20px;
}
micr-io .micrio-media-controls button.volume-up {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='8' height='6' viewBox='0 0 8 12' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.97611V9.02389H4.19836L8 12V0L4.19854 2.97611H0Z'/%3E%3C/svg%3E");
  background-position-x: 9px;
}
micr-io .micrio-media-controls .volume-off {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='11' viewBox='0 0 12 14' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.3145 11.9884L12.0001 11.3053L8.47991 7.79892L4.53066 3.8652L1.38527 0.732178L0.699707 1.41529L3.68995 4.39377L8.47991 9.1649L11.3145 11.9884ZM8.47985 1.38354V6.775L5.16113 3.46933L8.47985 1.38354ZM2.87558 4.60718L8.47983 10.1894V13.2678L3.34999 10.0433H0V4.60718H2.87558Z'/%3E%3C/svg%3E");
}
micr-io .micrio-media-controls .fullscreen,
micr-io .micrio-media-controls .maximize {
  background-color: var(--color-white);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='%23000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.15115 16L8.15115 14.5634L2.46063 14.5583L11.1059 5.91298L10.0871 4.89409L1.44174 13.5394L1.43664 7.84888L4.55482e-07 7.84888L0 16L8.15115 16Z' fill='black'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.84885 4.55482e-07L7.84885 1.43664L13.5394 1.44174L4.89405 10.0871L5.91295 11.1059L14.5583 2.46063L14.5634 8.15115L16 8.15115L16 0L7.84885 4.55482e-07Z'/%3E%3C/svg%3E");
  background-position: 15px;
  background-repeat: no-repeat;
  background-size: 1rem;
  border-bottom: 0;
  display: block;
  height: 48px;
  padding-top: 0.1rem;
  width: 48px;
}
micr-io .micrio-media-controls .fullscreen .material-symbols-rounded,
micr-io .micrio-media-controls .maximize .material-symbols-rounded {
  font-family: inherit;
  font-size: 0;
}

.duet-date *,
.duet-date *::before,
.duet-date *::after {
  box-sizing: border-box;
  margin: 0;
  width: auto;
}

.duet-date {
  box-sizing: border-box;
  color: var(--duet-color-text);
  display: block;
  font-family: var(--duet-font);
  margin: 0;
  position: relative;
  text-align: left;
  width: 100%;
  z-index: 1;
}

.duet-date__input {
  appearance: none;
  background: var(--duet-color-surface);
  border: 1px solid var(--duet-color-border, var(--duet-color-text));
  border-radius: var(--duet-radius);
  color: var(--duet-color-text);
  float: none;
  font-family: var(--duet-font);
  font-size: 100%;
  line-height: normal;
  padding: 14px 60px 14px 14px;
  width: 100%;
}

.duet-date__input:focus {
  border-color: var(--duet-color-primary);
  box-shadow: 0 0 0 1px var(--duet-color-primary);
  outline: 0;
}

.duet-date__input::placeholder {
  color: var(--duet-color-placeholder);
  opacity: 1;
}

.duet-date__input-wrapper {
  position: relative;
  width: 100%;
}

.duet-date__toggle {
  align-items: center;
  appearance: none;
  background: var(--duet-color-button);
  border: 0;
  border-radius: 0;
  border-bottom-right-radius: var(--duet-radius);
  border-top-right-radius: var(--duet-radius);
  box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.1);
  color: var(--duet-color-text);
  cursor: pointer;
  display: flex;
  height: calc(100% - 2px);
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 1px;
  top: 1px;
  -webkit-user-select: none;
          user-select: none;
  width: 48px;
  z-index: 2;
}

.duet-date__toggle:focus {
  box-shadow: 0 0 0 2px var(--duet-color-primary);
  outline: 0;
}

.duet-date__toggle-icon {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  justify-content: center;
}

.duet-date__dialog {
  background: var(--color-background);
  display: none;
  left: 0;
  min-width: 320px;
  opacity: 0;
  position: absolute;
  top: 100%;
  transform: unset;
  transform-origin: top middle;
  transition: none;
  visibility: hidden;
  width: 100%;
  will-change: transform, opacity, visibility;
  z-index: var(--duet-z-index);
}

@media (width <= 529px) {
  .duet-date__dialog {
    background: var(--duet-color-overlay);
    bottom: 0;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateZ(0);
    transform-origin: bottom center;
  }
}
.duet-date__dialog.is-left {
  left: auto;
  right: 0;
  width: auto;
}

.duet-date__dialog.is-active {
  display: flex;
  opacity: 1;
  transform: scale(1.0001) translateZ(0) translateY(0);
  visibility: visible;
}

.duet-date__dialog-content {
  background: var(--color-background);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: var(--duet-radius);
  box-shadow: 0 0.25rem 0.625rem 0 rgba(0, 0, 0, 0.1);
  margin: 0 auto;
  max-width: 529px;
  min-width: 260px;
  padding: 1rem 0;
  position: relative;
  transform: none;
  width: 100%;
  z-index: var(--duet-z-index);
}

@media (width <= 529px) {
  .duet-date__dialog-content {
    border: 0;
    border-radius: 0;
    border-top-left-radius: var(--duet-radius);
    border-top-right-radius: var(--duet-radius);
    bottom: 0;
    left: 0;
    margin: 0 auto;
    min-height: auto;
    opacity: 0;
    padding: 1rem 0 1.2rem;
    position: absolute;
    transform: translateZ(0) translateY(100%);
    transition: transform 400ms ease, opacity 400ms ease, visibility 400ms ease;
    visibility: hidden;
    will-change: transform, opacity, visibility;
  }
  .is-active .duet-date__dialog-content {
    opacity: 1;
    transform: translateZ(0) translateY(0);
    visibility: visible;
  }
}
.duet-date__table {
  border-collapse: collapse;
  border-spacing: 0;
  color: var(--duet-color-text);
  font-size: 1rem;
  font-weight: var(--duet-font-normal);
  line-height: 1.25;
  text-align: center;
  width: 100%;
}

.duet-date__table-header {
  font-size: 0.75rem;
  font-weight: var(--duet-font-bold);
  letter-spacing: 1px;
  line-height: 1.25;
  padding-bottom: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
}

.duet-date__cell {
  text-align: center;
}

.duet-date__day {
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--duet-color-text);
  cursor: pointer;
  display: inline-block;
  font-family: var(--duet-font);
  font-size: 0.875rem;
  font-variant-numeric: tabular-nums;
  font-weight: var(--duet-font-normal);
  height: 2.6rem;
  line-height: 1.25;
  padding: 0 0 1px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2.6rem;
  z-index: 1;
}

.duet-date__day.is-today {
  box-shadow: 0 0 0 1px var(--duet-color-primary);
  height: 2.6rem;
  position: relative;
  width: 2.6rem;
  z-index: 200;
}

.duet-date__day:hover::before,
.duet-date__day.is-today::before {
  background: var(--duet-color-primary);
  border-radius: 50%;
  content: "";
  inset: 0;
  opacity: 0.06;
  position: absolute;
}

.duet-date__day[aria-pressed=true],
.duet-date__day:focus {
  background: var(--duet-color-primary);
  box-shadow: none;
  color: var(--duet-color-text-active);
  height: 2.6rem;
  outline: 0;
  width: 2.6rem;
}

.duet-date__day:active {
  background: var(--duet-color-primary);
  box-shadow: 0 0 5px var(--duet-color-primary);
  color: var(--duet-color-text-active);
  z-index: 200;
}

.duet-date__day:focus {
  box-shadow: 0 0 5px var(--duet-color-primary);
  z-index: 200;
}

.duet-date__day:not(.is-month) {
  box-shadow: none;
}

.duet-date__day:not(.is-month),
.duet-date__day[aria-disabled=true] {
  background: transparent;
  color: var(--duet-color-text);
  cursor: default;
  opacity: 0.5;
}

.duet-date__day[aria-disabled=true].is-today {
  box-shadow: 0 0 0 1px var(--duet-color-primary);
}

.duet-date__day[aria-disabled=true].is-today:focus {
  background: var(--duet-color-primary);
  box-shadow: 0 0 5px var(--duet-color-primary);
  color: var(--duet-color-text-active);
}

.duet-date__day[aria-disabled=true]:not(.is-today)::before {
  display: none;
}

.duet-date__day.is-outside {
  background: var(--duet-color-button);
  box-shadow: none;
  color: var(--duet-color-text);
  cursor: default;
  opacity: 0.6;
  pointer-events: none;
}

.duet-date__day.is-outside::before {
  display: none;
}

.duet-date__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  width: 100%;
}

.duet-date__nav {
  white-space: nowrap;
}

.duet-date__prev,
.duet-date__next {
  align-items: center;
  appearance: none;
  background: var(--color-background);
  border: 0;
  border-radius: 50%;
  color: var(--duet-color-text);
  cursor: pointer;
  display: inline-flex;
  height: 2rem;
  justify-content: center;
  padding: 0;
  transition: background-color 300ms ease;
  width: 2rem;
}

@media (width <= 529px) {
  .duet-date__prev,
  .duet-date__next {
    height: 2.5rem;
    width: 2.5rem;
  }
}
.duet-date__prev:active:focus,
.duet-date__next:active:focus {
  box-shadow: none;
}

.duet-date__prev:disabled,
.duet-date__next:disabled {
  cursor: default;
  opacity: 0.5;
}

.duet-date__prev svg,
.duet-date__next svg {
  margin: 0 auto;
}

.duet-date__select {
  display: inline-flex;
  margin-top: 0;
  position: relative;
}

.duet-date__select span {
  margin-right: 0.25rem;
}

.duet-date__select select {
  cursor: pointer;
  font-size: 1rem;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.duet-date__select select:focus + .duet-date__select-label {
  box-shadow: none;
}
.duet-date__select select:focus + .duet-date__select-label::after {
  background: var(--duet-color-primary);
  bottom: 0;
  content: "";
  height: 1px;
  left: 0.5rem;
  position: absolute;
  width: calc(100% - 1.875rem);
}

.duet-date__select-label {
  align-items: center;
  border-radius: var(--duet-radius);
  color: var(--duet-color-text);
  display: flex;
  font-size: 1.25rem;
  font-weight: var(--duet-font-bold);
  line-height: 1.25;
  padding: 0 0.25rem 0 0.5rem;
  pointer-events: none;
  position: relative;
  width: 100%;
  z-index: 1;
}

.duet-date__select-label svg {
  height: 1rem;
  width: 1rem;
}

.duet-date__mobile {
  align-items: center;
  border-bottom: none;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
  overflow: hidden;
  padding: 0.75rem 0.5rem;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

@media (width >= 529px) {
  .duet-date__mobile {
    border: 0;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: -0.5rem;
    top: -0.5rem;
    width: auto;
  }
}
.duet-date__mobile-heading {
  display: inline-block;
  font-weight: var(--duet-font-bold);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (width >= 529px) {
  .duet-date__mobile-heading {
    display: none;
  }
}
.duet-date__close {
  align-items: center;
  appearance: none;
  background: transparent;
  border: 0;
  border-radius: 50%;
  color: var(--duet-color-text);
  cursor: pointer;
  display: flex;
  height: 1.5rem;
  justify-content: center;
  padding: 0;
  width: 1.5rem;
}

@media (width >= 529px) {
  .duet-date__close {
    display: block;
    opacity: 0;
  }
}
.duet-date__close:focus {
  box-shadow: 0 0 0 2px var(--duet-color-primary);
  outline: none;
}

@media (width >= 529px) {
  .duet-date__close:focus {
    opacity: 0;
  }
}
.duet-date__close svg {
  margin: 0 auto;
}

.duet-date__vhidden {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.whats-on-controller .whats-on-controller__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.whats-on-controller .whats-on-controller__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  padding-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 1.5);
  padding-block-end: calc(var(--grid-padding) * 1.5);
  padding-inline: var(--grid-padding);
}
html:lang(ar) .whats-on-controller .whats-on-controller__title:not(:not(:lang(ar))), html:not(:lang(ar)) .whats-on-controller .whats-on-controller__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}

.skip-to-main {
  height: 0;
  overflow: visible;
  text-align: center;
  width: 100%;
}
.skip-to-main .link {
  background-color: var(--color-black);
  color: var(--color-white);
  float: inline-block;
  left: -200vw;
  padding-block: 10px 10px;
  padding-inline: 20px 20px;
  position: absolute;
  top: 20px;
}
.skip-to-main .link:focus, .skip-to-main .link:active {
  float: none;
  left: auto;
  position: relative;
  z-index: 9999;
}

.notification-bar {
  display: none;
  pointer-events: none;
  position: relative;
  width: 100%;
}
.notification-bar.notification-bar--visible {
  display: block;
  pointer-events: initial;
}
.notification-bar .notification-bar__wrapper {
  background-color: var(--color-yellow-bright);
  border-block-end: 1px solid var(--color-black);
  color: var(--color-black);
  display: block;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.notification-bar .notification-bar__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .notification-bar .notification-bar__text:not(:not(:lang(ar))), html:not(:lang(ar)) .notification-bar .notification-bar__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.notification-bar .notification-bar__buttons {
  font-size: 0;
}
@media (max-width: 529px) {
  .notification-bar .notification-bar__text {
    margin-block-end: 1em;
  }
  .notification-bar .notification-bar__buttons::after {
    clear: both;
    content: "";
    display: table;
  }
  .notification-bar .notification-bar__buttons .button--close {
    float: right;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .notification-bar .notification-bar__text {
    margin-block-end: 1em;
  }
  .notification-bar .notification-bar__buttons::after {
    clear: both;
    content: "";
    display: table;
  }
  .notification-bar .notification-bar__buttons .button--close {
    float: right;
  }
}
@media (min-width: 800px) {
  .notification-bar .notification-bar__wrapper {
    align-items: center;
    display: flex;
  }
  .notification-bar .notification-bar__text {
    flex: 0 1 100%;
    padding-inline-end: var(--grid-padding);
  }
  .notification-bar .notification-bar__buttons {
    flex: 0 0 auto;
  }
}

.menu-overlay {
  background-color: var(--color-white);
  color: var(--color-black);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  transform: translate3d(0, 0, 0);
  width: 100%;
  z-index: 2048;
}
html.has-js .menu-overlay {
  display: block;
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--easing-default);
}
html.has-js.overlay-visible .menu-overlay {
  opacity: 1;
  pointer-events: auto;
}
html:not(.has-js).overlay-visible .menu-overlay {
  display: block;
}
.menu-overlay .menu-overlay__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.menu-overlay .menu-overlay__grid,
.menu-overlay .menu-overlay__call-to-action,
.menu-overlay .menu-overlay__scroll-container {
  height: 100%;
}
.menu-overlay .menu-overlay__call-to-action,
.menu-overlay .menu-overlay__scroll-container {
  grid-column: column 1/span 4;
}
.menu-overlay .menu-overlay__call-to-action {
  background-color: var(--color-black);
  color: var(--color-white);
  position: relative;
}
.menu-overlay .menu-overlay__call-to-action::before {
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: 0;
  content: "";
  display: block;
  height: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.menu-overlay .menu-overlay__call-to-action-title {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  bottom: calc(var(--block-margin) / 2);
  left: calc(var(--grid-padding) * 2);
  position: absolute;
  width: calc(100% - var(--grid-padding) * 4);
}
html:lang(ar) .menu-overlay .menu-overlay__call-to-action-title:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__call-to-action-title[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
[dir=rtl] .menu-overlay .menu-overlay__call-to-action-title {
  left: auto;
  right: calc(var(--grid-padding) * 2);
}
.menu-overlay .menu-overlay__scroll-container {
  background-color: var(--color-yellow);
  color: var(--color-black);
  overflow: hidden scroll;
  -webkit-overflow-scrolling: touch;
  position: relative;
}
.menu-overlay .menu-overlay__scroll-container > svg {
  height: 100%;
  left: 0;
  overflow: visible;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scaleY(1);
  width: 100%;
  z-index: 0;
}
.menu-overlay .menu-overlay__scroll-container > svg + * {
  z-index: 1;
}
[dir=rtl] .menu-overlay .menu-overlay__scroll-container > svg {
  transform: scaleX(-1) scaleY(1);
  transform-origin: 50% 50%;
}
.menu-overlay .menu-overlay__button-bar {
  display: flex;
  flex-direction: row;
  margin-block-end: calc(var(--block-margin) * 3);
  position: relative;
}
.menu-overlay .menu-overlay__buttons {
  flex: 0 1 auto;
  font-size: 0;
  height: var(--menu-bar-height);
  line-height: calc(var(--menu-bar-height) - var(--grid-padding) - 5px);
  margin-inline-start: auto;
  padding-block: calc(var(--grid-padding) / 2) calc(var(--grid-padding) / 2);
  position: relative;
}
.menu-overlay .menu-overlay__button {
  align-self: center;
  display: inline-block;
  margin-inline: 0.25em 0.25em;
}
.menu-overlay .button {
  font-weight: bold;
  margin-inline: 0.25rem 0.25rem;
  min-width: auto;
  padding-block: 0.5rem 0.5rem;
}
.menu-overlay .button .button__span {
  font-weight: bold;
}
.menu-overlay .button--clean {
  padding-inline: 0.5rem 0.5rem;
}
.menu-overlay .button--tickets {
  margin-inline-end: 0.75rem;
}
.menu-overlay .menu-overlay__logo {
  padding-block-start: calc(var(--block-margin) * 2);
  padding-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
}
.menu-overlay .menu-overlay__logotext {
  padding-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 4);
  padding-inline: 20px 10px;
  position: relative;
}
.menu-overlay .menu-overlay__logotext .logo {
  height: auto;
  width: auto;
}
.menu-overlay .menu-overlay__links {
  display: inline-block;
  list-style: none;
  padding-block: 1rem 1rem;
  padding-inline-start: 0;
  position: relative;
  vertical-align: top;
  width: 100%;
}
[dir=rtl] .menu-overlay .menu-overlay__links {
  display: inline-flex;
  flex-direction: column;
  justify-content: flex-end;
}
.menu-overlay .menu-overlay__link-item {
  margin-block: 0.5rem 0.5rem;
}
.menu-overlay .menu-overlay__link {
  margin-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
  min-width: 200px;
  padding-block-start: 0.2rem;
  text-align: start;
  text-decoration: none;
  width: 100%;
}
.menu-overlay .menu-overlay__link-wrapper {
  display: inline-flex;
  flex-basis: 100%;
  flex-direction: column;
  width: auto;
}
.menu-overlay .menu-overlay__link-wrapper:hover .menu-overlay__link-text, .menu-overlay .menu-overlay__link-wrapper:focus .menu-overlay__link-text {
  text-decoration: underline;
}
.menu-overlay .menu-overlay__link-text {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  font-weight: bold;
  line-height: 1.25em;
  text-transform: uppercase;
  white-space: nowrap;
}
html:lang(ar) .menu-overlay .menu-overlay__link-text:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-text[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
html:lang(ar) .menu-overlay .menu-overlay__link-text:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-text[lang=ar] {
  font-weight: bold;
  line-height: 1.25em;
  text-transform: uppercase;
}
.menu-overlay .menu-overlay__link-lists-start,
.menu-overlay .menu-overlay__link-lists-end {
  border-block-start: 1px solid currentcolor;
  padding-block-start: 2rem;
}
.menu-overlay .menu-overlay__link-lists-start {
  padding-block-end: 2rem;
}
.menu-overlay .menu-overlay__link-lists-end {
  padding-block-end: 1rem;
}
.menu-overlay .menu-overlay__link-list-links {
  list-style: none;
  padding-inline-start: 0;
}
.menu-overlay .menu-overlay__link-list-links .link {
  display: block;
  margin-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
}
.menu-overlay .menu-overlay__link-list-title {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  margin-block-end: 1rem;
  margin-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
}
html:lang(ar) .menu-overlay .menu-overlay__link-list-title:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-list-title[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.menu-overlay .menu-overlay__link-list--main .menu-overlay__link-list-link {
  margin-block-start: 10px;
}
.menu-overlay .menu-overlay__link-list--main .link {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .menu-overlay .menu-overlay__link-list--main .link:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-list--main .link[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.menu-overlay .menu-overlay__link-list--large + .menu-overlay__link-list--large {
  margin-block-start: 3rem;
}
.menu-overlay .menu-overlay__link-list--large .link {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .menu-overlay .menu-overlay__link-list--large .link:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-list--large .link[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.menu-overlay .menu-overlay__link-list--small + .menu-overlay__link-list--small {
  margin-block-start: 2rem;
}
.menu-overlay .menu-overlay__link-list--small .link {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .menu-overlay .menu-overlay__link-list--small .link:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-overlay .menu-overlay__link-list--small .link[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.menu-overlay .menu-overlay__link-lists,
.menu-overlay .menu-overlay__button-bar {
  position: relative;
  z-index: 2;
}
.menu-overlay:not([aria-hidden=false]) .picture {
  display: none;
}
@media (max-width: 529px) {
  .menu-overlay {
    --menu-button-height: calc(var(--menu-bar-height) - 10px);
  }
  .menu-overlay .menu-overlay__buttons {
    margin-inline: 0 auto;
    width: 100%;
  }
  .menu-overlay .button--close,
  .menu-overlay .button--search,
  .menu-overlay .button--login,
  .menu-overlay .button--logout {
    position: absolute;
    right: 0;
  }
  [dir=rtl] .menu-overlay .button--close,
  [dir=rtl] .menu-overlay .button--search,
  [dir=rtl] .menu-overlay .button--login,
  [dir=rtl] .menu-overlay .button--logout {
    left: 0;
    right: auto;
  }
  .menu-overlay .button--close {
    top: calc(var(--grid-padding) / 2);
  }
  .menu-overlay .button--search {
    top: calc(var(--grid-padding) / 2 + var(--menu-button-height));
  }
  .menu-overlay .button--login,
  .menu-overlay .button--logout {
    top: calc(var(--grid-padding) / 2 + (var(--menu-button-height)));
  }
}
@media (max-width: 529px) {
  .menu-overlay .menu-overlay__call-to-action {
    display: none;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .menu-overlay .menu-overlay__call-to-action {
    display: none;
  }
}
@media (min-width: 530px) {
  .menu-overlay .menu-overlay__call-to-action,
  .menu-overlay .menu-overlay__scroll-container {
    grid-column: column 1/span 6;
  }
  .menu-overlay .button--close {
    min-width: 100px;
  }
  .menu-overlay .button--close .button__span {
    text-align: start;
  }
  .menu-overlay .menu-overlay__link {
    min-width: auto;
    width: auto;
  }
}
@media (min-width: 800px) {
  .menu-overlay .menu-overlay__call-to-action {
    grid-column: column 1/span 4;
  }
  .menu-overlay .menu-overlay__scroll-container {
    grid-column: column 5/span 8;
  }
  .menu-overlay .menu-overlay__scroll-object {
    display: flex;
    flex-direction: column;
    min-height: 100%;
  }
}
@media (min-width: 1180px) {
  .menu-overlay .menu-overlay__call-to-action {
    grid-column: column 1/span 4;
  }
  .menu-overlay .menu-overlay__links {
    display: inline-flex;
    justify-content: space-between;
  }
  [dir=rtl] .menu-overlay .menu-overlay__links {
    flex-direction: row;
    justify-content: space-between;
  }
  .menu-overlay .menu-overlay__scroll-container {
    grid-column: column 5/span 8;
  }
  .menu-overlay .menu-overlay__button-bar {
    flex: 0;
  }
  .menu-overlay .menu-overlay__link-lists {
    display: flex;
    flex: 1;
    flex-direction: row;
    width: 100%;
  }
  .menu-overlay .menu-overlay__link-lists-start {
    flex: 0 1 66.66%;
  }
  .menu-overlay .menu-overlay__link-lists-end {
    border-inline-start: 1px solid currentcolor;
    display: flex;
    flex: 0 1 33.33%;
    flex-direction: column;
  }
  .menu-overlay .menu-overlay__logo {
    margin-block-start: auto;
  }
}
@media (min-width: 1480px) {
  .menu-overlay .menu-overlay__call-to-action {
    grid-column: column 1/span 5;
  }
  .menu-overlay .menu-overlay__scroll-container {
    grid-column: column 6/span 9;
  }
  .menu-overlay .menu-overlay__links {
    justify-content: normal;
  }
  [dir=rtl] .menu-overlay .menu-overlay__links {
    justify-content: normal;
  }
  .menu-overlay .menu-overlay__link-item + .menu-overlay__link-item {
    margin-inline-start: calc(var(--block-margin));
  }
}
@media (min-width: 2260px) {
  .menu-overlay .menu-overlay__call-to-action {
    grid-column: column 1/span 6;
  }
  .menu-overlay .menu-overlay__scroll-container {
    grid-column: column 7/span 10;
  }
}

:root {
  --menu-bar-height: 60px;
  --endorsement-bar-height: 0px;
}
@media (min-width: 1180px) {
  :root {
    --menu-bar-height: 70px;
  }
}
@media (min-width: 800px) {
  :root {
    --endorsement-bar-height: 50px;
  }
}

.menu-bar {
  background-color: var(--color-white);
  color: var(--color-black);
  position: relative;
}
.menu-bar .menu-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.menu-bar .menu-bar__wrapper,
.menu-bar .menu-bar__top-wrapper {
  align-items: center;
  border-block-end: 1px solid currentcolor;
  display: flex;
  flex-direction: row;
  grid-column: column 1/span 4;
}
@media (width <= 359px) {
  .menu-bar .menu-bar__wrapper .button--tickets {
    display: none !important;
  }
}
@media (width <= 375px) {
  .menu-bar .menu-bar__wrapper .button--tickets {
    padding-inline: 0.5rem 0.5rem;
  }
}
@media (max-width: 529px) {
  .menu-bar .menu-bar__wrapper .menu-bar__buttons {
    display: flex;
    flex-direction: row;
  }
  .menu-bar .menu-bar__wrapper .button--language,
  .menu-bar .menu-bar__wrapper .button--venues {
    display: none !important;
  }
  .menu-bar .menu-bar__wrapper .button--tickets {
    margin-inline: 0 0;
  }
  .menu-bar .menu-bar__wrapper .button--menu .button__icon {
    margin-inline-start: 0;
  }
  .menu-bar .menu-bar__wrapper .button--menu .button__span {
    display: none;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .menu-bar .menu-bar__wrapper .button--language,
  .menu-bar .menu-bar__wrapper .button--venues {
    display: none !important;
  }
}
.menu-bar .menu-bar__top-wrapper {
  background-color: var(--color-grey) !important;
  border-block-end: none;
  color: var(--color-white) !important;
  font-size: 0.875rem !important;
  font-weight: bold;
  grid-auto-flow: column;
  justify-content: flex-end;
  padding-block: 0.25rem 0.25rem !important;
  text-transform: none;
}
@media (max-width: 529px) {
  .menu-bar .menu-bar__top-wrapper {
    justify-content: space-between;
  }
}
.menu-bar .menu-bar__top-wrapper .button,
.menu-bar .menu-bar__top-wrapper .button__icon--before {
  font-size: 0.875rem !important;
  margin-inline: 0.35rem 0.35rem !important;
  text-underline-offset: 0.25rem;
}
.menu-bar .menu-bar__top-wrapper .button__icon {
  flex: 0 0 1rem !important;
  height: 1rem !important;
  padding-block: 0.1em 0.1em !important;
  padding-inline: 0.1em 0.1em !important;
  width: 1rem !important;
}
.menu-bar .menu-bar__top-wrapper .button {
  align-items: center !important;
  border-width: 0 !important;
  color: var(--color-white) !important;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 0 !important;
  padding-block: 0 0 !important;
  padding-inline: 0.5rem 0.5rem !important;
}
.menu-bar .menu-bar__top-wrapper .button [dir=rtl] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
}
.menu-bar .menu-bar__top-wrapper .button:lang(ar) {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
}
.menu-bar .menu-bar__top-wrapper .button__span {
  font-weight: 600 !important;
  height: 2rem !important;
  line-height: 2rem !important;
  text-transform: none !important;
}
.menu-bar .menu-bar__top-wrapper .button__span:lang(ar) {
  top: -0.1em;
}
.menu-bar .menu-bar__top-wrapper .button__span-inner {
  align-items: center;
  color: var(--color-white) !important;
  display: flex;
  height: 100%;
  padding-block: 0.2rem 0.2rem;
  padding-inline-start: 0.2rem;
}
.menu-bar .menu-bar__top-wrapper .button__span-inner svg {
  position: relative;
}
@media (min-width: 530px) {
  .menu-bar .menu-bar__top-wrapper .button__span-inner {
    padding-inline-end: 0.2rem;
  }
}
.menu-bar .menu-bar__top-wrapper .button--language-ar {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
}
.menu-bar .menu-bar__top-wrapper .button--language-ar .button__span {
  font-weight: 600 !important;
}
.menu-bar .menu-bar__top-wrapper .button--language-en {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 0 !important;
}
.menu-bar .menu-bar__top-wrapper .button--back .button__span:lang(ar) {
  top: 0 !important;
}
.menu-bar .menu-bar__top-wrapper .button--back .button__icon--after {
  flex: 0 0 1.25rem !important;
  height: 1.25rem !important;
  margin-inline: 0.25rem 0 !important;
  width: 1.25rem !important;
}
.menu-bar .menu-bar__top-wrapper .button--back .button__icon--after svg {
  color: var(--color-white) !important;
}
@media (min-width: 530px) {
  .menu-bar .menu-bar__top-wrapper .button--back .button__icon--after {
    display: none;
  }
}
@media (max-width: 529px) {
  .menu-bar .menu-bar__top-wrapper .button--back {
    margin-inline: 0 0 !important;
    padding-inline-end: 0.5rem !important;
  }
  .menu-bar .menu-bar__top-wrapper .button--back.active .button__icon--after {
    transform: rotateX(180deg);
  }
}
@media (min-width: 530px) {
  .menu-bar .menu-bar__top-wrapper .button--back-mobile {
    display: none;
  }
}
.menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button {
  margin-inline: 0 0 !important;
}
.menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:focus, .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:hover {
  background-color: var(--color-grey) !important;
  color: var(--color-white) !important;
}
@media (min-width: 530px) {
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:focus, .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 529px) {
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons {
    flex-direction: column;
    left: 0;
    right: 0;
    top: 2.5rem;
    z-index: 1025;
  }
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button {
    background-color: var(--color-grey);
    margin-inline: 0 0;
    max-width: 100%;
    width: 100%;
  }
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button .button__icon--before {
    margin-inline-start: 0 !important;
  }
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button .button__span {
    text-align: left;
  }
  [dir=rtl] .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button .button__span {
    text-align: right;
  }
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:hover, .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons .button:focus {
    border-bottom-color: currentcolor !important;
  }
  .menu-bar .menu-bar__top-wrapper .menu-bar__top-wrapper-buttons.active {
    display: flex;
  }
}
.menu-bar .menu-bar__logo {
  flex: 0 0 auto;
  height: var(--menu-bar-height);
  margin-inline-end: auto;
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
  width: auto;
}
.menu-bar .menu-bar__logo .logo {
  height: 100%;
  width: calc(var(--menu-bar-height) * 3.334);
}
.menu-bar .menu-bar__links,
.menu-bar .menu-bar__buttons {
  flex: 0 1 auto;
  font-size: 0;
  height: var(--menu-bar-height);
  line-height: calc(var(--menu-bar-height) - var(--grid-padding) - 5px);
  padding-block: calc(var(--grid-padding) / 2) calc(var(--grid-padding) / 2);
  position: relative;
}
.menu-bar .menu-bar__links {
  list-style: none;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.menu-bar .menu-bar__button,
.menu-bar .menu-bar__link-item {
  align-self: center;
  display: inline-block;
}
.menu-bar .menu-bar__button {
  margin-inline: 0.25rem 0.25rem;
}
.menu-bar .menu-bar__link-item {
  margin-inline: 0.5rem 0.5rem;
}
.menu-bar .button {
  font-weight: bold;
  margin-inline: 0.25rem 0.25rem;
  min-width: auto;
  padding-block: 0.5rem 0.5rem;
}
.menu-bar .button .button__span {
  font-weight: bold;
}
.menu-bar .button--clean {
  padding-inline: 0.5rem 0.5rem;
}
.menu-bar .button--tickets {
  margin-inline-end: 0.75rem;
}
.menu-bar .button--back-to-qm svg {
  height: 32px;
  width: 198px;
}
.menu-bar .menu-bar__link {
  display: inline-block;
  line-height: 0;
  padding-block-start: 0.2rem;
  padding-inline: 0.5rem 0.5rem;
  text-decoration: none;
  vertical-align: middle;
}
.menu-bar .menu-bar__link-wrapper {
  display: inline-flex;
  flex-basis: 100%;
  flex-direction: column;
  width: auto;
}
.menu-bar .menu-bar__link-wrapper:hover .menu-bar__link-text, .menu-bar .menu-bar__link-wrapper:focus .menu-bar__link-text {
  text-decoration: underline;
}
.menu-bar .menu-bar__link-text {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  line-height: 1.25em;
  text-align: start;
  white-space: nowrap;
}
html:lang(ar) .menu-bar .menu-bar__link-text:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-bar .menu-bar__link-text[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
html:lang(ar) .menu-bar .menu-bar__link-text:not(:not(:lang(ar))), html:not(:lang(ar)) .menu-bar .menu-bar__link-text[lang=ar] {
  line-height: 1.25em;
}
@media (max-width: 529px) {
  .menu-bar .menu-bar__links {
    display: none;
  }
}
@media (min-width: 530px) {
  .menu-bar .menu-bar__wrapper,
  .menu-bar .menu-bar__top-wrapper {
    grid-column: column 1/span 6;
  }
  .menu-bar .button--menu {
    min-width: 100px;
  }
  .menu-bar .button--menu .button__span {
    text-align: start;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .menu-bar .menu-bar__links {
    display: none;
  }
}
@media (min-width: 800px) {
  .menu-bar .menu-bar__wrapper,
  .menu-bar .menu-bar__top-wrapper {
    grid-column: column 1/span 12;
  }
  .menu-bar .menu-bar__button {
    display: none;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  .menu-bar .menu-bar__links {
    display: none;
  }
}
@media (min-width: 1180px) {
  .menu-bar .menu-bar__wrapper,
  .menu-bar .menu-bar__top-wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .menu-bar .menu-bar__wrapper,
  .menu-bar .menu-bar__top-wrapper {
    grid-column: column 1/span 14;
  }
}
@media (min-width: 2260px) {
  .menu-bar .menu-bar__wrapper,
  .menu-bar .menu-bar__top-wrapper {
    grid-column: column 1/span 16;
  }
}

.menu-bar--transparent {
  background-color: transparent;
  color: var(--color-white);
  margin-block-end: calc(var(--menu-bar-height) * -1 - 1px);
  z-index: 1024;
}
.menu-bar--transparent .menu-bar__wrapper,
.menu-bar--transparent .menu-bar__top-wrapper {
  border-block-end-color: var(--color-white);
}

.menu-bar--transparent-gradient {
  background-color: transparent;
  color: var(--color-white);
  margin-block-end: calc(var(--menu-bar-height) * -1 - 1px);
  overflow: visible;
  z-index: 1024;
}
.menu-bar--transparent-gradient::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  content: "";
  display: block;
  height: calc(var(--menu-bar-height) * 3);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: -10;
}

.menu-bar--branded {
  background-color: var(--branded-background, var(--color-white));
  color: var(--branded-foreground, var(--color-black));
}
.menu-bar--branded .menu-bar__wrapper,
.menu-bar--branded .menu-bar__top-wrapper {
  border-block-end-color: var(--branded-foreground, var(--color-white));
}
.menu-bar--branded .button--primary {
  background-color: var(--branded-foreground);
  border-color: var(--branded-foreground);
  color: var(--branded-background);
}

@media (min-width: 800px) {
  .menu-bar--minimal-language .menu-bar__buttons {
    width: 25%;
  }
}
@media (min-width: 1480px) {
  .menu-bar--minimal-language .menu-bar__buttons {
    width: 28.57%;
  }
}
@media (min-width: 2260px) {
  .menu-bar--minimal-language .menu-bar__buttons {
    width: 25%;
  }
}
.menu-bar--minimal-language .menu-bar__buttons .button--language {
  display: inline-block !important;
}
@media (min-width: 800px) {
  .menu-bar--minimal-language .menu-bar__buttons .button--language {
    margin: 0;
    transform: translateX(-100%);
  }
}
@media (min-width: 800px) {
  [dir=rtl] .menu-bar--minimal-language .menu-bar__buttons .button--language {
    transform: translateX(100%);
  }
}

.isolated-footer-bar {
  background-color: #464646;
  color: #fff;
  position: relative;
}
.isolated-footer-bar .isolated-footer-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.isolated-footer-bar .isolated-footer-bar__logo,
.isolated-footer-bar .isolated-footer-bar__link-list,
.isolated-footer-bar .isolated-footer-bar__copyright {
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.isolated-footer-bar .isolated-footer-bar__copyright {
  padding-block-end: 20px;
}
.isolated-footer-bar .isolated-footer-bar__copyright-text {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 24px;
}
[lang=ar] .isolated-footer-bar .isolated-footer-bar__copyright-text {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 25px;
}
.isolated-footer-bar .isolated-footer-bar__logo {
  margin-block: 40px 20px;
  margin-inline: auto auto;
}
.isolated-footer-bar .isolated-footer-bar__logo .logo {
  height: 85px;
  width: 90px;
}
.isolated-footer-bar .isolated-footer-bar__logo .logo--qatarfoundation {
  border-inline-start: 1px solid #fff;
  height: 100px;
}
.isolated-footer-bar .isolated-footer-bar__description {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 19px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 24px;
  margin-block: 20px 40px;
}
[lang=ar] .isolated-footer-bar .isolated-footer-bar__description {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 20px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 25px;
}
.isolated-footer-bar .isolated-footer-bar__link-list {
  list-style: none;
  margin-block-end: 20px;
}
.isolated-footer-bar .isolated-footer-bar__link-list .link {
  display: block;
}
.isolated-footer-bar .isolated-footer-bar__link-list-link,
.isolated-footer-bar .isolated-footer-bar__link-list-link .link {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 24px;
}
[lang=ar] .isolated-footer-bar .isolated-footer-bar__link-list-link,
[lang=ar] .isolated-footer-bar .isolated-footer-bar__link-list-link .link {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 25px;
}
.isolated-footer-bar .isolated-footer-bar__link-list-link {
  margin-top: 5px;
  margin-bottom: 5px;
}
.isolated-footer-bar .isolated-footer-bar__link-list-link:first-child {
  margin-top: 0;
}
.isolated-footer-bar .isolated-footer-bar__link-list-link:last-child {
  margin-bottom: 0;
}
.isolated-footer-bar .isolated-footer-bar__link-list-link:hover .link__span, .isolated-footer-bar .isolated-footer-bar__link-list-link:focus .link__span {
  text-decoration: underline;
}
.isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar {
  display: flex;
  margin-inline: 0;
}
.isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo {
  flex: 0 0 130px;
}
.isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo--qatarfoundation {
  height: 85px;
  padding-left: 20px;
}
@media (min-width: 530px) and (max-width: 799px) {
  .isolated-footer-bar .isolated-footer-bar__logo {
    display: flex;
  }
  .isolated-footer-bar .isolated-footer-bar__logo .logo {
    flex: 0 0 90px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo {
    flex: 0 0 130px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo--qatarfoundation {
    height: 85px;
    padding-left: 20px;
  }
  .isolated-footer-bar .isolated-footer-bar__description {
    flex: 0 1 100%;
    margin-block: 10px 20px;
    padding-inline-start: calc(var(--grid-padding) * 2);
  }
  .isolated-footer-bar .isolated-footer-bar__link-list {
    grid-column: span 2;
  }
}
@media (min-width: 530px) {
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar {
    margin-inline: auto auto;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo {
    flex: 0 0 130px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo--qatarfoundation {
    height: 85px;
    padding-left: 20px;
  }
  .isolated-footer-bar .isolated-footer-bar__description-text {
    max-width: 20em;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  .isolated-footer-bar .isolated-footer-bar__logo {
    display: flex;
    grid-column: column 1/span var(--grid-columns);
    margin-block-end: 40px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo .logo {
    flex: 0 0 90px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo {
    flex: 0 0 130px;
  }
  .isolated-footer-bar .isolated-footer-bar__description {
    flex: 0 1 100%;
    margin-block: 10px 20px;
    padding-inline-start: calc(var(--grid-padding) * 2);
  }
  .isolated-footer-bar .isolated-footer-bar__link-list {
    grid-column: span 4;
  }
}
@media (min-width: 1180px) {
  .isolated-footer-bar {
    --footer-column-offset: 1;
  }
  .isolated-footer-bar .isolated-footer-bar__logo {
    display: flex;
    grid-column: column 1/span 6;
    margin-inline-start: 0;
    padding-inline-start: 0;
  }
  .isolated-footer-bar .isolated-footer-bar__logo .logo {
    flex: 0 0 130px;
    padding-inline: 20px 20px;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar {
    margin-inline: 0;
  }
  .isolated-footer-bar .isolated-footer-bar__logo.mathaf__bar .logo--qatarfoundation {
    flex: 0 0 150px;
  }
  .isolated-footer-bar .isolated-footer-bar__description {
    margin-top: 10px;
    margin-bottom: 5px;
    flex: 0 1 100%;
    margin-block: 10px 0;
    padding-inline-start: calc(var(--grid-padding) * 2);
  }
  .isolated-footer-bar .isolated-footer-bar__description:first-child {
    margin-top: 0;
  }
  .isolated-footer-bar .isolated-footer-bar__description:last-child {
    margin-bottom: 0;
  }
  .isolated-footer-bar .isolated-footer-bar__link-list {
    grid-column: column calc(var(--footer-column-offset) + 6)/span 2;
    margin-block-end: 0;
    padding-block: 30px 30px;
  }
  .isolated-footer-bar .isolated-footer-bar__link-list + .isolated-footer-bar__link-list {
    grid-column: span 2;
  }
}
@media (min-width: 1480px) {
  .isolated-footer-bar {
    --footer-column-offset: 3;
  }
}
@media (min-width: 2260px) {
  .isolated-footer-bar {
    --footer-column-offset: 5;
  }
}

.footer-bar {
  background-color: var(--color-white);
  color: var(--color-black);
  position: relative;
}
.footer-bar .footer-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.footer-bar .footer-bar__sublinks-copyrights-wrapper,
.footer-bar .footer-bar__richtext-wrapper,
.footer-bar .footer-bar__links-wrapper,
.footer-bar .footer-bar__link-list,
.footer-bar .footer-bar__social-links,
.footer-bar .footer-bar__copyright {
  border-block-start: 1px solid var(--color-black);
  grid-column: column 1/span 4;
}
.footer-bar .footer-bar__sublinks-copyrights-wrapper {
  display: flex;
  flex-direction: column;
  padding-block: 0 0.625rem;
}
.footer-bar .footer-bar__sublinks {
  display: flex;
  flex: 0 1 auto;
  flex-direction: column;
  font-size: 0;
  list-style: none;
  padding-block: 1.5rem 1.5rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.footer-bar .footer-bar__copyright-list {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  flex: 0 0 auto;
  list-style: none;
  margin-block-start: auto;
  padding-block-start: 60px;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .footer-bar .footer-bar__copyright-list:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__copyright-list[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.footer-bar .footer-bar__sublink-item {
  align-self: flex-start;
  margin-block-start: 5px;
}
.footer-bar .footer-bar__sublink-item .footer-bar__link {
  padding-inline: 0 0;
}
.footer-bar .footer-bar__richtext {
  padding-block: 1.5rem 2rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.footer-bar .footer-bar__richtext .richtext > h6 {
  margin-block-start: 1rem;
}
.footer-bar .footer-bar__links {
  flex: 0 1 auto;
  font-size: 0;
  list-style: none;
  padding-block: 1.5rem 1.5rem;
  padding-inline: 0 0;
  position: relative;
  text-align: left;
}
[dir=rtl] .footer-bar .footer-bar__links {
  text-align: right;
}
.footer-bar .footer-bar__link-item {
  align-self: center;
  display: inline-block;
  text-align: left;
}
.footer-bar .footer-bar__link {
  color: var(--footer-bar-link-color, currentColor);
  font-family: var(--footer-bar-link-font-family);
  font-feature-settings: var(--footer-bar-link-font-feature-settings);
  font-size: var(--footer-bar-link-font-size);
  font-style: var(--footer-bar-link-font-style);
  font-variant: var(--footer-bar-link-font-variant);
  font-weight: var(--footer-bar-link-font-weight);
  letter-spacing: var(--footer-bar-link-letter-spacing);
  line-height: var(--footer-bar-link-line-height);
  -webkit-text-decoration: var(--footer-bar-link-text-decoration);
          text-decoration: var(--footer-bar-link-text-decoration);
  text-decoration-thickness: var(--footer-bar-link-text-decoration-thickness);
  text-transform: var(--footer-bar-link-text-transform);
  text-underline-offset: var(--footer-bar-link-text-underline-offset);
  word-spacing: var(--footer-bar-link-word-spacing);
  padding-block: var(--footer-bar-link-padding-top) var(--footer-bar-link-padding-bottom);
  display: inline-block;
  padding-block-start: 0.2rem;
  padding-inline: 0.5rem 0.5rem;
  text-decoration: none;
  vertical-align: middle;
}
html:lang(ar) .footer-bar .footer-bar__link:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__link[lang=ar] {
  font-family: var(--footer-bar-link-ar-font-family);
  font-feature-settings: var(--footer-bar-link-ar-font-feature-settings);
  font-size: var(--footer-bar-link-ar-font-size);
  font-style: var(--footer-bar-link-ar-font-style);
  font-variant: var(--footer-bar-link-ar-font-variant);
  font-weight: var(--footer-bar-link-ar-font-weight);
  letter-spacing: var(--footer-bar-link-ar-letter-spacing);
  line-height: var(--footer-bar-link-ar-line-height);
  text-transform: var(--footer-bar-link-ar-text-transform);
  word-spacing: var(--footer-bar-link-ar-word-spacing);
}
.footer-bar .footer-bar__link:hover .footer-bar__link-text, .footer-bar .footer-bar__link:focus .footer-bar__link-text {
  text-decoration: underline;
}
.footer-bar .footer-bar__link-wrapper {
  display: inline-flex;
  flex-basis: 100%;
  flex-direction: column;
  width: auto;
}
.footer-bar .footer-bar__link-text {
  color: var(--footer-bar-link-color, currentColor);
  font-family: var(--footer-bar-link-font-family);
  font-feature-settings: var(--footer-bar-link-font-feature-settings);
  font-size: var(--footer-bar-link-font-size);
  font-style: var(--footer-bar-link-font-style);
  font-variant: var(--footer-bar-link-font-variant);
  font-weight: var(--footer-bar-link-font-weight);
  letter-spacing: var(--footer-bar-link-letter-spacing);
  line-height: var(--footer-bar-link-line-height);
  -webkit-text-decoration: var(--footer-bar-link-text-decoration);
          text-decoration: var(--footer-bar-link-text-decoration);
  text-decoration-thickness: var(--footer-bar-link-text-decoration-thickness);
  text-transform: var(--footer-bar-link-text-transform);
  text-underline-offset: var(--footer-bar-link-text-underline-offset);
  word-spacing: var(--footer-bar-link-word-spacing);
  padding-block: var(--footer-bar-link-padding-top) var(--footer-bar-link-padding-bottom);
  text-align: start;
  white-space: nowrap;
}
html:lang(ar) .footer-bar .footer-bar__link-text:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__link-text[lang=ar] {
  font-family: var(--footer-bar-link-ar-font-family);
  font-feature-settings: var(--footer-bar-link-ar-font-feature-settings);
  font-size: var(--footer-bar-link-ar-font-size);
  font-style: var(--footer-bar-link-ar-font-style);
  font-variant: var(--footer-bar-link-ar-font-variant);
  font-weight: var(--footer-bar-link-ar-font-weight);
  letter-spacing: var(--footer-bar-link-ar-letter-spacing);
  line-height: var(--footer-bar-link-ar-line-height);
  text-transform: var(--footer-bar-link-ar-text-transform);
  word-spacing: var(--footer-bar-link-ar-word-spacing);
}
[dir=rtl] .footer-bar .footer-bar__link-text {
  font-weight: bold;
  line-height: 1.25em;
}
.footer-bar .footer-bar__link-list {
  list-style: none;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.footer-bar .footer-bar__link-list--large {
  padding-block: 2rem 2rem;
}
.footer-bar .footer-bar__link-list--large .footer-bar__link-list-link:not(:last-child) {
  margin-block-end: 1.5rem;
}
.footer-bar .footer-bar__link-list--large .link {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  display: block;
}
html:lang(ar) .footer-bar .footer-bar__link-list--large .link:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__link-list--large .link[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.footer-bar .footer-bar__link-list--small {
  padding-block: 1.5rem 1.5rem;
}
.footer-bar .footer-bar__link-list--small .footer-bar__link-list-link:not(:last-child) {
  margin-block-end: 1rem;
}
.footer-bar .footer-bar__link-list--small .link {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
}
html:lang(ar) .footer-bar .footer-bar__link-list--small .link:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__link-list--small .link[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.footer-bar .footer-bar__social-links {
  list-style: none;
  padding-block: 1.5rem 1.5rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.footer-bar .footer-bar__social-link:not(:last-child) {
  margin-block-end: 1rem;
}
.footer-bar .footer-bar__social-link .link {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  display: block;
}
html:lang(ar) .footer-bar .footer-bar__social-link .link:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__social-link .link[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.footer-bar .footer-bar__copyright {
  padding-block: 1.5rem 1.5rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.footer-bar .footer-bar__copyright-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .footer-bar .footer-bar__copyright-text:not(:not(:lang(ar))), html:not(:lang(ar)) .footer-bar .footer-bar__copyright-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.footer-bar .footer-bar__copyright-text a {
  font-weight: bold;
  text-decoration: none;
}
[dir=rtl] .footer-bar .footer-bar__copyright-text {
  display: flex;
}
@media (min-width: 530px) {
  .footer-bar .footer-bar__copyright {
    grid-column: column 1/span 6;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper,
  .footer-bar .footer-bar__richtext-wrapper,
  .footer-bar .footer-bar__links-wrapper,
  .footer-bar .footer-bar__link-list--large,
  .footer-bar .footer-bar__link-list--small,
  .footer-bar .footer-bar__social-links {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__social-links,
  .footer-bar .footer-bar__link-list--large {
    border-inline-start: 1px solid var(--color-black);
  }
}
@media (min-width: 800px) {
  .footer-bar .footer-bar__copyright {
    grid-column: column 1/span 12;
  }
  .footer-bar .footer-bar__link-list--large,
  .footer-bar .footer-bar__link-list--small,
  .footer-bar .footer-bar__social-links {
    border-inline-start: 1px solid var(--color-black);
  }
  .footer-bar .footer-bar__link-list--small,
  .footer-bar .footer-bar__social-links {
    padding-block: 2.5rem 2.5rem;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper,
  .footer-bar .footer-bar__richtext-wrapper {
    grid-column: span 6;
  }
  .footer-bar .footer-bar__links-wrapper {
    grid-column: span 2;
  }
  .footer-bar .footer-bar__links::after {
    clear: both;
    content: "";
    display: table;
  }
  .footer-bar .footer-bar__link {
    clear: left;
    float: left;
    padding-inline: 0 0;
  }
  .footer-bar .footer-bar__link-item {
    margin-inline: var(--grid-padding) var(--grid-padding);
  }
  .footer-bar .footer-bar__link-list--large,
  .footer-bar .footer-bar__links-wrapper,
  .footer-bar .footer-bar__link-list--small,
  .footer-bar .footer-bar__social-links {
    grid-column: span 6;
  }
}
@media (min-width: 1180px) {
  .footer-bar .footer-bar__copyright {
    grid-column: column 1/span 12;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper {
    grid-column: span 4;
  }
  .footer-bar .footer-bar__richtext-wrapper {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__links-wrapper {
    grid-column: span 4;
  }
  .footer-bar .footer-bar__link-list--large {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__link-list--small {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__social-links {
    grid-column: span 2;
  }
}
@media (min-width: 1480px) {
  .footer-bar .footer-bar__copyright {
    grid-column: column 1/span 14;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper {
    grid-column: span 5;
  }
  .footer-bar .footer-bar__links-wrapper {
    grid-column: span 6;
  }
  .footer-bar .footer-bar__richtext-wrapper {
    grid-column: span 4;
  }
  .footer-bar .footer-bar__link-list--large {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__link-list--small {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__social-links {
    grid-column: span 2;
  }
}
@media (min-width: 2260px) {
  .footer-bar .footer-bar__copyright {
    grid-column: column 1/span 16;
  }
  .footer-bar .footer-bar__sublinks-copyrights-wrapper {
    grid-column: span 9;
  }
  .footer-bar .footer-bar__richtext-wrapper {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__links-wrapper {
    grid-column: span 9;
  }
  .footer-bar .footer-bar__link-list--large {
    grid-column: span 3;
  }
  .footer-bar .footer-bar__link-list--small {
    grid-column: span 2;
  }
  .footer-bar .footer-bar__social-links {
    grid-column: span 2;
  }
}

html {
  background-color: var(--color-white);
  color: var(--color-black);
  position: relative;
}
html.prevent-scrolling {
  max-height: 100vh;
  overflow: hidden;
}
html.is-ios {
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 529px) {
  html.prevent-scrolling--mobile-only {
    max-height: 100vh;
    overflow: hidden;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  html.prevent-scrolling--portrait-only {
    max-height: 100vh;
    overflow: hidden;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  html.prevent-scrolling--landscape-only {
    max-height: 100vh;
    overflow: hidden;
  }
}
@media (min-width: 1180px) and (max-width: 1479px) {
  html.prevent-scrolling--notebook-only {
    max-height: 100vh;
    overflow: hidden;
  }
}
@media (min-width: 1480px) and (max-width: 2259px) {
  html.prevent-scrolling--desktop-only {
    max-height: 100vh;
    overflow: hidden;
  }
}

body {
  background-color: inherit;
  color: inherit;
  margin-block: 0 0;
  margin-inline: auto auto;
  max-width: var(--document-max-width);
  min-width: var(--document-min-width);
  position: relative;
  width: 100%;
}

::selection {
  background-color: var(--color-black);
  color: var(--color-white);
}

.creative-network-overlay {
  background-color: var(--color-white);
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
[dir=rtl] .creative-network-overlay {
  left: unset;
  right: 0;
}
.creative-network-overlay .card__image {
  height: 200px;
  width: 200px;
}
.creative-network-overlay .button {
  background-color: var(--color-white);
  color: var(--color-black);
  font-size: 1rem;
  min-height: 3rem;
  min-width: 3rem;
  padding-block: 0.4rem 0.4rem;
  padding-inline: 0.2rem 0.6rem;
  text-transform: uppercase;
}
.creative-network-overlay .button .button__span {
  height: auto;
}
.creative-network-overlay .button:hover:not(.button--disabled, :disabled), .creative-network-overlay .button:focus:not(.button--disabled, :disabled), .creative-network-overlay .button.button--selected {
  background-color: var(--color-black);
  color: var(--color-white);
}
.creative-network-overlay .button:hover:not(.button--disabled, :disabled) .button__icon--after,
.creative-network-overlay .button:hover:not(.button--disabled, :disabled) .button__icon--before, .creative-network-overlay .button:hover:not(.button--disabled, :disabled)::after, .creative-network-overlay .button:focus:not(.button--disabled, :disabled) .button__icon--after,
.creative-network-overlay .button:focus:not(.button--disabled, :disabled) .button__icon--before, .creative-network-overlay .button:focus:not(.button--disabled, :disabled)::after, .creative-network-overlay .button.button--selected .button__icon--after,
.creative-network-overlay .button.button--selected .button__icon--before, .creative-network-overlay .button.button--selected::after {
  transform: none;
}
[dir=rtl] .creative-network-overlay .button:hover:not(.button--disabled, :disabled) .button__icon--after,
[dir=rtl] .creative-network-overlay .button:hover:not(.button--disabled, :disabled) .button__icon--before, [dir=rtl] .creative-network-overlay .button:hover:not(.button--disabled, :disabled)::after, [dir=rtl] .creative-network-overlay .button:focus:not(.button--disabled, :disabled) .button__icon--after,
[dir=rtl] .creative-network-overlay .button:focus:not(.button--disabled, :disabled) .button__icon--before, [dir=rtl] .creative-network-overlay .button:focus:not(.button--disabled, :disabled)::after, [dir=rtl] .creative-network-overlay .button.button--selected .button__icon--after,
[dir=rtl] .creative-network-overlay .button.button--selected .button__icon--before, [dir=rtl] .creative-network-overlay .button.button--selected::after {
  transform: none;
}
.creative-network-overlay .button:hover:not(.button--disabled, :disabled) .link__span, .creative-network-overlay .button:focus:not(.button--disabled, :disabled) .link__span, .creative-network-overlay .button.button--selected .link__span {
  text-decoration: none;
}
.creative-network-overlay .button .button__icon {
  align-self: auto;
  display: block;
}
.creative-network-overlay .button::after, .creative-network-overlay .button::before {
  display: none;
}
.creative-network-overlay .button.button--outline, .creative-network-overlay .button.button--secondary {
  background-color: var(--color-white);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  color: var(--color-black);
}
.creative-network-overlay .button.button--outline:hover:not(.button--disabled, :disabled), .creative-network-overlay .button.button--outline:focus:not(.button--disabled, :disabled), .creative-network-overlay .button.button--outline.button--selected, .creative-network-overlay .button.button--secondary:hover:not(.button--disabled, :disabled), .creative-network-overlay .button.button--secondary:focus:not(.button--disabled, :disabled), .creative-network-overlay .button.button--secondary.button--selected {
  background-color: var(--color-black);
  color: var(--color-white);
}
.creative-network-overlay .button.button--outline .button__span, .creative-network-overlay .button.button--secondary .button__span {
  align-self: center;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
  text-transform: uppercase;
}
html:lang(ar) .creative-network-overlay .button.button--outline .button__span:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .button.button--outline .button__span[lang=ar], html:lang(ar) .creative-network-overlay .button.button--secondary .button__span:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .button.button--secondary .button__span[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .button.button--primary {
  background-color: var(--color-yellow-bright);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-color: var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  border-radius: 0;
  color: var(--color-black);
}
.creative-network-overlay .button.button--primary .button__span {
  align-self: center;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 2rem;
  text-transform: uppercase;
}
html:lang(ar) .creative-network-overlay .button.button--primary .button__span:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .button.button--primary .button__span[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .button.button--close {
  margin-block: 0 0;
  margin-inline: 0 0;
  padding-block: 0.4rem 0.4rem;
  padding-inline: 0.2rem 0.6rem;
}
.creative-network-overlay .button.button--close .button__icon--before {
  margin-inline-start: 0;
}
.creative-network-overlay .button.button--close svg {
  height: 30px;
  width: 30px;
}
.creative-network-overlay.creative-network-overlay--visible {
  opacity: 1;
  pointer-events: auto;
}
.creative-network-overlay.creative-network-overlay--visible .creative-network-overlay__panel {
  display: flex;
}
.creative-network-overlay .creative-network-overlay__close-button {
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 10;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__close-button {
  left: -1px;
  right: unset;
}
.creative-network-overlay .creative-network-overlay__close-button.panel-is-open {
  display: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__close-button.panel-is-open {
    display: block;
  }
}
.creative-network-overlay .creative-network-overlay__toggle-buttons {
  bottom: -1px;
  left: -1px;
  position: absolute;
  z-index: 1;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__toggle-buttons {
  left: unset;
  right: -1px;
}
.creative-network-overlay .creative-network-overlay__toggle-buttons .button {
  margin-block: 0 0;
  margin-inline: 0 0;
  padding-block: 0.4rem 0.4rem;
  padding-inline: 0.2rem 0.6rem;
}
.creative-network-overlay .creative-network-overlay__toggle-buttons .button .button__icon--before {
  margin-inline-start: 0;
}
.creative-network-overlay .creative-network-overlay__toggle-buttons .button svg {
  height: 30px;
  width: 30px;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__toggle-buttons {
    bottom: unset;
    top: -1px;
  }
  .creative-network-overlay .creative-network-overlay__toggle-buttons .button svg {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
  }
}
.creative-network-overlay .creative-network-overlay__zoom-buttons {
  bottom: -1px;
  position: absolute;
  right: -1px;
  z-index: 9;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__zoom-buttons {
  left: -1px;
  right: unset;
}
.creative-network-overlay .creative-network-overlay__zoom-buttons .button--zoom {
  height: 47px;
  padding-block: 0.4rem 0.4rem;
  padding-inline: 0.4rem 0.4rem;
  width: 47px;
}
.creative-network-overlay .creative-network-overlay__zoom-buttons .button--zoom .button__icon {
  margin-inline-start: 0;
}
.creative-network-overlay .creative-network-overlay__zoom-buttons .button--zoom svg {
  height: 30px;
  width: 30px;
}
.creative-network-overlay .creative-network-overlay__zoom-buttons .button--zoom-in {
  position: absolute;
  top: -46px;
}
.creative-network-overlay .creative-network-overlay__introduction {
  background-color: var(--color-white);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  bottom: -1px;
  left: -1px;
  padding-block: 1.5rem 1.5rem;
  padding-inline: 1.5rem 1.5rem;
  position: absolute;
  transform: translate(0, 0);
  transform-origin: 50% 50%;
  transition: transform var(--easing-default);
  width: calc(100% + 2px);
  z-index: 10;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__introduction {
  left: unset;
  right: -1px;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__introduction {
    bottom: unset;
    max-width: 630px;
    top: -1px;
  }
}
.creative-network-overlay .creative-network-overlay__introduction--hidden {
  pointer-events: none;
  transform: translate(0, 100%);
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__introduction--hidden {
    transform: translate(-100%, 0);
  }
  [dir=rtl] .creative-network-overlay .creative-network-overlay__introduction--hidden {
    transform: translate(100%, 0);
  }
}
.creative-network-overlay .creative-network-overlay__introduction-title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.625rem;
  font-weight: 400;
  line-height: 2rem;
  margin-block-end: 1rem;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__introduction-title {
    font-size: 1.875rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__introduction-title:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__introduction-title[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__introduction-text,
.creative-network-overlay .creative-network-overlay__introduction-legend-item {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.25em;
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__introduction-text:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__introduction-text[lang=ar],
html:lang(ar) .creative-network-overlay .creative-network-overlay__introduction-legend-item:not(:not(:lang(ar))),
html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__introduction-legend-item[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__introduction-text {
  margin-bottom: 0.5rem;
}
.creative-network-overlay .creative-network-overlay__introduction-legend {
  display: block;
  list-style: none;
  margin: 1rem 0 0;
  padding: 0;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item {
  display: flex;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item + .creative-network-overlay__introduction-legend-item {
  margin-top: 0.5rem;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item-icon,
.creative-network-overlay .creative-network-overlay__introduction-legend-item-title {
  display: inline-block;
  vertical-align: baseline;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item-icon {
  flex: 0 0 1.5em;
  height: 1.5em;
  margin: 0;
  margin-inline-end: 1rem;
  position: relative;
  vertical-align: top;
  width: 1.5em;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item-icon > svg {
  fill: currentcolor;
  height: 100%;
  stroke: none;
  width: 100%;
}
.creative-network-overlay .creative-network-overlay__introduction-legend-item-title {
  padding: 0.125em 0;
}
.creative-network-overlay .creative-network-overlay__introduction-close-button {
  border-block-end: none;
  border-block-start: none;
  border-inline-end: none;
  border-inline-start: none;
  position: absolute;
  right: -1px;
  top: -1px;
  z-index: 1;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__introduction-close-button {
  left: -1px;
  right: unset;
}
.creative-network-overlay .creative-network-overlay__introduction-close-button .button {
  padding-block: 0.4rem 0.4rem;
  padding-inline: 0.4rem 0.4rem;
}
.creative-network-overlay .creative-network-overlay__introduction-close-button .button .button__icon {
  margin-inline: 0 0;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__introduction-close-button .button svg {
  transform: rotate(0deg);
  transform-origin: 50% 50%;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__introduction-close-button .button svg {
    transform: rotate(90deg);
    transform-origin: 50% 50%;
  }
  [dir=rtl] .creative-network-overlay .creative-network-overlay__introduction-close-button .button svg {
    transform: rotate(-90deg);
  }
}
.creative-network-overlay .creative-network-overlay__image picture {
  aspect-ratio: 4/3;
}
.creative-network-overlay .creative-network-overlay__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__wrapper {
    flex-direction: row;
  }
}
.creative-network-overlay .creative-network-overlay__panel {
  background-color: var(--color-white);
  border: 1px solid currentcolor;
  bottom: calc((100% + 2px) * -1);
  display: none;
  flex-direction: column;
  height: calc(100% - 150px);
  left: -1px;
  overflow: hidden auto;
  pointer-events: none;
  position: absolute;
  transition: all var(--timing-default) ease-out;
  transition-property: left, bottom;
  width: calc(100% + 2px);
  z-index: 10;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__panel {
  transition-property: right, bottom;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel {
    bottom: -1px;
    height: calc(100% + 2px);
    left: -500px;
    width: 500px;
  }
  [dir=rtl] .creative-network-overlay .creative-network-overlay__panel {
    left: unset;
    right: -500px;
  }
}
.creative-network-overlay .creative-network-overlay__panel.creative-network-overlay__panel--visible {
  bottom: -1px;
  pointer-events: initial;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel.creative-network-overlay__panel--visible {
    bottom: -1px;
    height: calc(100% + 2px);
    left: -1px;
  }
  [dir=rtl] .creative-network-overlay .creative-network-overlay__panel.creative-network-overlay__panel--visible {
    left: unset;
    right: -1px;
  }
}
.creative-network-overlay .creative-network-overlay__panel-info-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding-block: 1rem calc(1rem + 30px);
  padding-inline: 0.5rem 0.5rem;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel-info-wrapper {
    padding-inline: 1.5rem 1.5rem;
  }
}
.creative-network-overlay .creative-network-overlay__panel-title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 2.75rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  line-height: 1em;
  margin-block-end: 1rem;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel-title {
    font-size: 3.75rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__panel-title:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__panel-title[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__panel-intro {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.625rem;
  margin-block-end: 1rem;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel-intro {
    font-size: 1.5rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__panel-intro:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__panel-intro[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__panel-description {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.1875rem;
  margin-block-end: 1.5rem;
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__panel-description:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__panel-description[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__panel-close-button {
  border-block-end: none;
  border-block-start: none;
  border-inline-end: none;
  border-inline-start: none;
  height: 0;
  overflow: visible;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 1;
}
.creative-network-overlay .creative-network-overlay__panel-close-button .button {
  position: absolute;
  right: -1px;
  top: -1px;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__panel-close-button .button {
  left: -1px;
  right: unset;
}
@media (max-width: 529px) {
  .creative-network-overlay .creative-network-overlay__panel-close-button svg {
    transform: rotate(-90deg);
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .creative-network-overlay .creative-network-overlay__panel-close-button svg {
    transform: rotate(-90deg);
  }
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__panel-close-button {
    position: sticky;
  }
}
.creative-network-overlay .creative-network-overlay__panel-close-button .button--close {
  padding-inline: 0.4rem 0.4rem;
}
.creative-network-overlay .creative-network-overlay__panel-buttons {
  margin-block: 1rem 1rem;
}
.creative-network-overlay .creative-network-overlay__panel-buttons .button--primary,
.creative-network-overlay .creative-network-overlay__panel-buttons .button--secondary {
  margin-block-end: 0.75rem;
  margin-inline-end: 0.625rem;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 1rem 1rem;
}
.creative-network-overlay .creative-network-overlay__panel-events {
  margin-block-start: 20px;
}
.creative-network-overlay .creative-network-overlay__events-title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.625rem;
  font-weight: 300;
  line-height: 2rem;
  margin-block-end: 1.5rem;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__events-title {
    font-size: 1.875rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__events-title:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__events-title[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__infowindow {
  display: flex;
  flex-direction: column;
  width: 110px;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow {
    border-block-end: 1px solid var(--color-black);
    border-block-start: 1px solid var(--color-black);
    border-inline-end: 1px solid var(--color-black);
    border-inline-start: 1px solid var(--color-black);
    flex-direction: row-reverse;
    width: 400px;
  }
}
.creative-network-overlay .creative-network-overlay__infowindow-content {
  padding-block: 0.5rem 0.5rem;
  padding-inline: 0.5rem 0.5rem;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-content {
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
    padding-block: 0 0;
    padding-inline: 0 0;
  }
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-content-top {
    border-block-end: 1px solid #000;
    flex: 0 1 auto;
    margin-block-end: auto;
    padding-block: 1rem 1rem;
    padding-inline: 1rem 1rem;
  }
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-content-bottom {
    flex: 0 0 74px;
  }
}
.creative-network-overlay .creative-network-overlay__infowindow-logo {
  display: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-logo {
    display: block;
    height: 104px;
    width: 116px;
  }
}
.creative-network-overlay .creative-network-overlay__infowindow-name {
  color: var(--color-white);
  display: block;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 0.9375rem;
  font-weight: bold;
  line-height: 1.125rem;
  text-transform: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-name {
    color: var(--color-black);
    font-size: 1.125rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__infowindow-name:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__infowindow-name[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__infowindow-title {
  color: var(--color-white);
  display: none;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 0.8125rem;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-title {
    color: var(--color-black);
    font-size: 1.125rem;
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__infowindow-title:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__infowindow-title[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__infowindow-text {
  color: var(--color-white);
  display: none;
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.125rem;
  text-transform: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-text {
    color: var(--color-black);
  }
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__infowindow-text:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__infowindow-text[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__infowindow-image {
  display: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__infowindow-image {
    aspect-ratio: 1/1;
    border-inline-start: 1px solid #000;
    display: block;
    object-fit: cover;
    width: 40%;
  }
}
.creative-network-overlay .creative-network-overlay__map {
  flex-grow: 1;
  height: 100%;
  order: 1;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__map {
    order: 2;
  }
}
.creative-network-overlay .creative-network-overlay__map .gm-style > iframe ~ div > div {
  z-index: 1 !important;
}
.creative-network-overlay .creative-network-overlay__map .gm-style > iframe ~ div > div > a[target=_blank] {
  bottom: 15px;
  position: fixed;
  right: 50px;
}
.creative-network-overlay .gm-style {
  z-index: auto !important;
}
.creative-network-overlay .gm-style-overlay--visible::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  inset: 0;
  position: absolute;
  z-index: 1;
}
.creative-network-overlay .gm-style-iw-d {
  overflow: hidden !important;
}
.creative-network-overlay .gm-style-iw-c {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0;
  padding-block: 0 0;
  padding-inline: 0 0;
}
@media (max-width: 529px) {
  .creative-network-overlay .gm-style-iw-c {
    display: none !important;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .creative-network-overlay .gm-style-iw-c {
    display: none !important;
  }
}
@media (min-width: 800px) {
  .creative-network-overlay .gm-style-iw-c {
    background-color: var(--color-white);
  }
}
.creative-network-overlay .gm-style-iw-t::after {
  display: none;
}
@media (min-width: 800px) {
  .creative-network-overlay .gm-style-iw-t::after {
    background: linear-gradient(45deg, rgb(255, 255, 255) 50%, #fdfaf3 51%, #fdfaf3 100%);
    border-block-end: 1px solid var(--color-black);
    border-inline-start: 1px solid var(--color-black);
    display: block;
    left: 1px;
  }
  [dir=rtl] .creative-network-overlay .gm-style-iw-t::after {
    left: unset;
    right: 1px;
  }
}
.creative-network-overlay .gm-ui-hover-effect {
  display: none !important;
}
.creative-network-overlay .creative-network-overlay__marker-label,
.creative-network-overlay .creative-network-overlay__marker-label-selected {
  background: var(--color-white);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  border-inline-start: 1px solid currentcolor;
  color: var(--color-black);
  font-weight: bold;
  padding-block: 7px 7px;
  padding-inline: 10px 10px;
  transition: color var(--easing-default), border-color var(--easing-default), background-color var(--easing-default);
}
.creative-network-overlay .creative-network-overlay__marker-label-selected {
  background: var(--color-black) !important;
  border-color: var(--color-black) !important;
  color: var(--color-white) !important;
}
.creative-network-overlay .creative-network-overlay__panel-usps {
  list-style: none;
  margin-block-end: 1rem;
  padding-inline-start: 0;
}
.creative-network-overlay .creative-network-overlay__panel-usp {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.1875rem;
  margin-block-end: 0.5rem;
  padding-inline-start: 1.25rem;
}
html:lang(ar) .creative-network-overlay .creative-network-overlay__panel-usp:not(:not(:lang(ar))), html:not(:lang(ar)) .creative-network-overlay .creative-network-overlay__panel-usp[lang=ar] {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.creative-network-overlay .creative-network-overlay__panel-usp-icon {
  margin-inline-start: -1.25rem;
}
.creative-network-overlay .creative-network-overlay__panel-usp-icon svg {
  display: inline-block;
  height: 1.5em;
  margin-block: -0.25em -0.25em;
  margin-inline: -0.25em -0.25em;
  vertical-align: middle;
  width: 1.5em;
}
.creative-network-overlay .creative-network-overlay__card {
  background-color: var(--color-white);
  color: var(--color-black);
  display: block;
  margin-block-end: -1px;
}
.creative-network-overlay .creative-network-overlay__card:hover .creative-network-overlay__card-title, .creative-network-overlay .creative-network-overlay__card:focus .creative-network-overlay__card-title {
  color: var(--color-black);
  text-decoration: none;
}
.creative-network-overlay .creative-network-overlay__card[href] .picture::after {
  background-color: var(--color-black);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
.creative-network-overlay .creative-network-overlay__card[href] .picture .picture__image {
  transform: none;
  transition: transform var(--easing-default);
}
.creative-network-overlay .creative-network-overlay__card[href]:hover .picture::after, .creative-network-overlay .creative-network-overlay__card[href]:focus .picture::after {
  opacity: 0.2;
  transition: opacity var(--easing-default);
}
.creative-network-overlay .creative-network-overlay__card[href]:hover .picture .picture__image, .creative-network-overlay .creative-network-overlay__card[href]:focus .picture .picture__image {
  transform: scale(1.1);
  transition: transform var(--easing-default);
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper {
  background-color: var(--color-white);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  display: flex;
  flex-direction: row;
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image {
  aspect-ratio: 4/3;
  border-inline-end: 1px solid #000;
  height: auto;
  overflow: hidden;
  position: relative;
  width: 40%;
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image .picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image .creative-network-overlay__card-exhibition-label {
  background-color: var(--color-orange);
  border-block-end: 0;
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 0;
  bottom: 0;
  color: var(--color-black);
  display: inline-block;
  left: 0;
  padding-block: 0.5rem 0.5rem;
  position: absolute;
}
[dir=rtl] .creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image .creative-network-overlay__card-exhibition-label {
  left: unset;
  right: 0;
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image .exhibition-label__span {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 0.625rem;
  font-weight: normal;
  letter-spacing: 0;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-image .exhibition-label__span {
    font-size: 0.75rem;
  }
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content {
  margin-block-start: auto;
  padding-block: 1rem 1rem;
  padding-inline: 0.75rem 0.75rem;
  width: 60%;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content {
    padding-inline: 1rem 1rem;
  }
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content .creative-network-overlay__card-pre-title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
  margin-block-end: 0.25rem;
  order: 1;
  position: relative;
  text-transform: uppercase;
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content .creative-network-overlay__card-title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.25rem;
  margin-block-end: 0.5rem;
  order: 2;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content .creative-network-overlay__card-title {
    font-size: 1.0625rem;
  }
}
.creative-network-overlay .creative-network-overlay__card .creative-network-overlay__card-wrapper .creative-network-overlay__card-content .creative-network-overlay__card-text {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1rem;
  order: 3;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
}

.cookie-bar {
  position: relative;
}
.cookie-bar .cookie-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.cookie-bar .cookie-bar__bar-wrapper,
.cookie-bar .cookie-bar__categories {
  grid-column: column 1/span 4;
}
.cookie-bar .cookie-bar__bar,
.cookie-bar .cookie-bar__details {
  bottom: 0;
  height: auto;
  left: 0;
  padding-block: var(--grid-padding) var(--grid-padding);
  position: fixed;
  width: 100%;
}
.cookie-bar .cookie-bar__bar {
  z-index: 9998;
}
.cookie-bar .cookie-bar__details {
  z-index: 9999;
}
.cookie-bar .cookie-bar__details .cookie-bar__grid {
  padding-block-start: var(--grid-padding);
}
.cookie-bar .cookie-bar__bar-wrapper {
  display: flex;
  flex-direction: row;
  padding-block-start: calc(var(--grid-padding) * 1.5);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.cookie-bar .cookie-bar__bar-wrapper:first-child {
  padding-block-start: 0;
}
.cookie-bar .cookie-bar__text-container,
.cookie-bar .cookie-bar__buttons {
  transform: translate3d(0, 0, 0);
}
.cookie-bar .cookie-bar__buttons,
.cookie-bar .cookie-bar__details-buttons {
  white-space: nowrap;
}
.cookie-bar .cookie-bar__buttons {
  padding-block-start: var(--grid-padding);
}
.cookie-bar .cookie-bar__buttons::after {
  clear: both;
  content: "";
  display: table;
}
.cookie-bar .cookie-bar__text-container {
  padding-inline-end: var(--grid-padding);
  width: 100%;
}
.cookie-bar .cookie-bar__text-container .text__span,
.cookie-bar .cookie-bar__text-container .link {
  margin-inline-end: var(--grid-padding);
}
.cookie-bar .cookie-bar__categories {
  display: block;
}
.cookie-bar .cookie-bar__categories::after {
  clear: both;
  content: "";
  display: table;
}
.cookie-bar .cookie-bar__category {
  float: left;
  padding-block-end: var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  width: 100%;
}
[dir=rtl] .cookie-bar .cookie-bar__category {
  float: right;
}
@media (max-width: 529px) {
  .cookie-bar .cookie-bar__bar-wrapper {
    flex-direction: column;
  }
  .cookie-bar .cookie-bar__details {
    border-block-start: 0;
    height: 100%;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .cookie-bar .cookie-bar__bar-wrapper {
    flex-direction: column;
  }
  .cookie-bar .cookie-bar__details {
    border-block-start: 0;
    height: 100%;
    left: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    position: fixed;
    top: 0;
    width: 100%;
  }
}
@media (min-width: 530px) {
  .cookie-bar .cookie-bar__bar-wrapper,
  .cookie-bar .cookie-bar__categories {
    grid-column: column 1/span 6;
  }
  .cookie-bar .cookie-bar__category {
    width: 50%;
  }
}
@media (min-width: 800px) {
  .cookie-bar .cookie-bar__bar-wrapper,
  .cookie-bar .cookie-bar__categories {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .cookie-bar .cookie-bar__bar-wrapper,
  .cookie-bar .cookie-bar__categories {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .cookie-bar .cookie-bar__bar-wrapper,
  .cookie-bar .cookie-bar__categories {
    grid-column: column 2/span 12;
  }
}
@media (min-width: 2260px) {
  .cookie-bar .cookie-bar__bar-wrapper,
  .cookie-bar .cookie-bar__categories {
    grid-column: column 2/span 14;
  }
}
.cookie-bar .cookie-bar__bar {
  background-color: var(--color-white);
  border-block-start: 1px solid var(--color-black);
  color: var(--color-black);
}
.cookie-bar .cookie-bar__details {
  background-color: var(--color-white);
  border-block-start: 1px solid var(--color-black);
  color: var(--color-black);
}
.cookie-bar .cookie-bar__title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .cookie-bar .cookie-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .cookie-bar .cookie-bar__title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.cookie-bar .cookie-bar__text,
.cookie-bar .cookie-bar__category-text,
.cookie-bar .cookie-bar__text .link {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .cookie-bar .cookie-bar__text:not(:not(:lang(ar))), html:not(:lang(ar)) .cookie-bar .cookie-bar__text[lang=ar],
html:lang(ar) .cookie-bar .cookie-bar__category-text:not(:not(:lang(ar))),
html:not(:lang(ar)) .cookie-bar .cookie-bar__category-text[lang=ar],
html:lang(ar) .cookie-bar .cookie-bar__text .link:not(:not(:lang(ar))),
html:not(:lang(ar)) .cookie-bar .cookie-bar__text .link[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.cookie-bar .cookie-bar__category-text {
  cursor: pointer;
  display: inline-block;
  max-width: 32em;
  padding-block-start: 0.5rem;
  padding-inline-start: calc(var(--form-field-line-height) + var(--paragraph-line-height));
  -webkit-user-select: none;
          user-select: none;
}
.cookie-bar .cookie-bar__text .text__span {
  display: block;
  margin-block: 0.5rem 0.5rem;
}
.cookie-bar .cookie-bar__text .link .link__span {
  text-decoration: underline;
}
.cookie-bar .cookie-bar__text .link:hover .link__span, .cookie-bar .cookie-bar__text .link:focus .link__span {
  text-decoration: none;
}
.cookie-bar .cookie-bar__text-container {
  display: flex;
}
.cookie-bar .cookie-bar__text-container .cookie-bar__text {
  margin-block-end: 1rem;
  max-width: 50em;
}
.cookie-bar .link {
  display: inline;
}
.cookie-bar .cookie-bar__bar,
.cookie-bar .cookie-bar__details {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, calc(var(--grid-padding) * 1.5), 0);
  transition: opacity var(--easing-default), transform var(--easing-default);
}
.cookie-bar .cookie-bar__bar:target,
.cookie-bar .cookie-bar__bar--visible,
.cookie-bar .cookie-bar__details:target,
.cookie-bar .cookie-bar__details--visible {
  opacity: 1;
  pointer-events: auto;
  transform: translate3d(0, 0, 0);
}

.container {
  overflow: clip;
  position: relative;
}

.container--header {
  overflow: visible;
  z-index: 1;
}

.container--content {
  min-height: calc(66vh - var(--menu-bar-height) - 1px);
  z-index: 0;
}

.container--footer {
  z-index: 2;
}

.container--overlays {
  z-index: 3;
}

.is-ios .container--overlays {
  overflow: initial;
}
.is-ios .menu-overlay {
  overflow-y: auto;
}

.video-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.video-embed .video-embed__wrapper {
  position: relative;
}
.video-embed .video-embed__container {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.video-embed .video-embed__container .picture {
  height: auto;
  opacity: 1;
  width: 100%;
}
.video-embed .video-embed__video,
.video-embed .video-embed__hit-target {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.video-embed .video-embed__video {
  background-color: var(--color-black);
}
.video-embed .video-embed__hit-target {
  cursor: pointer;
  z-index: 10;
}
.video-embed .video-embed__button {
  color: var(--color-white);
  display: none;
  font-size: 2rem;
  height: 1em;
  left: 50%;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 1em;
}
.video-embed .video-embed__button svg {
  display: block;
  height: 100%;
  width: 100%;
}
.video-embed .video-embed__iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity var(--easing-slow);
  width: 100%;
  z-index: 10;
}
.video-embed.video-embed--loaded .video-embed__hit-target {
  display: none;
}
.video-embed:not(.video-embed--loaded) .video-embed__picture {
  position: relative;
}
.video-embed:not(.video-embed--loaded) .picture::after {
  background: rgba(0, 0, 0, 0.45);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.video-embed:not(.video-embed--loaded) .video-embed__button--play {
  display: block;
}

.video {
  height: auto;
  position: relative;
  width: 100%;
}
.video .video__container {
  overflow: hidden;
  padding-block-end: 56.25%;
  position: relative;
}
.video .video__video,
.video .video__hit-target {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.video .video__video {
  background-color: var(--color-black);
}
.video .video__hit-target {
  cursor: pointer;
}
.video .video__button {
  color: var(--color-white);
  display: none;
  font-size: 2rem;
  height: 1em;
  left: 50%;
  line-height: 1em;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 1em;
}
.video .video__button svg {
  display: block;
  height: 100%;
  width: 100%;
}
.video.video--playing .video__hit-target {
  display: none;
}
.video:not(.video--playing) .video__video {
  filter: brightness(0.66) contrast(1.1);
}
.video:not(.video--playing) .video__button--play {
  display: block;
}

.video--background {
  height: 100%;
}
.video--background .video__container {
  height: 100%;
  width: 100%;
}
.video--background .video__video {
  background-color: transparent;
  filter: unset;
  object-fit: cover;
}

.text-field {
  padding-block-start: 23px;
  position: relative;
}
.text-field .text-field__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  margin-block-end: var(--field-label-margin-bottom);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background-color: var(--color-white);
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
  margin-block: 0 0;
  margin-inline: 10px 0;
  max-width: calc(100% - 20px);
  overflow: hidden;
  padding-inline: 10px 10px;
  position: absolute;
  text-overflow: ellipsis;
  top: 2px;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  z-index: 1;
}
html:lang(ar) .text-field .text-field__label:not(:not(:lang(ar))), html:not(:lang(ar)) .text-field .text-field__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.text-field .text-field__wrapper {
  display: block;
  font-size: 0;
  max-width: 100%;
  position: relative;
}
.text-field .text-field__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: var(--color-white);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  border-inline-start: 1px solid currentcolor;
  color: inherit;
  display: inline-block;
  flex: 1 1 100%;
  font-weight: 300;
  height: 45px;
  line-height: 32px;
  margin-block: 0 0;
  margin-inline: 0 0;
  min-height: 45px;
  min-width: 64px;
  outline-color: var(--color-black);
  overflow: hidden;
  padding-block: 10px 10px;
  padding-inline: 20px 20px;
  position: relative;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  vertical-align: bottom;
  white-space: nowrap;
  width: 100%;
}
html:lang(ar) .text-field .text-field__input:not(:not(:lang(ar))), html:not(:lang(ar)) .text-field .text-field__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.text-field .text-field__input:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.text-field.text-field--required .text-field__label::after {
  content: "*";
  display: inline-block;
}
.text-field:not(.text-field--required) .text-field__label::after {
  content: "";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.text-field .text-field__helptext {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  display: block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .text-field .text-field__helptext:not(:not(:lang(ar))), html:not(:lang(ar)) .text-field .text-field__helptext[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.text-field.text-field--error .text-field__error {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  color: var(--color-error);
  display: block;
  font-weight: 500;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .text-field.text-field--error .text-field__error:not(:not(:lang(ar))), html:not(:lang(ar)) .text-field.text-field--error .text-field__error[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.text-field.text-field--error .text-field__error::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23E9190A' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' d='M7.5 3v7M7.5 11v1'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 15px;
  margin-inline-end: 5px;
  width: 15px;
}
.text-field.text-field--error .text-field__input {
  border-color: var(--color-error);
  color: var(--color-error);
}
.text-field.text-field--error .text-field__label {
  color: var(--color-error);
}

.text-field--textarea .text-field__input {
  min-height: 10em;
}

.text-field--blue .text-field__label,
.text-field--blue .text-field__input {
  background-color: var(--color-blue);
}
.text-field--blue .text-field__helptext {
  color: var(--color-white);
}
.text-field--blue.text-field--error .text-field__error {
  color: var(--color-white);
}
.text-field--blue.text-field--error .text-field__input {
  border-color: var(--color-white);
  color: var(--color-white);
}
.text-field--blue.text-field--error .text-field__label {
  color: var(--color-white);
}

.smartify-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.smartify-embed .smartify-embed__container {
  position: relative;
}
.smartify-embed .smartify-embed__playlists {
  height: 350px;
}
.smartify-embed .smartify-embed__cookies-notice {
  position: relative;
}
.smartify-embed .smartify-embed__cookies-notice-image {
  margin-block-end: var(--grid-padding);
}
.smartify-embed .smartify-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.smartify-embed .smartify-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .smartify-embed .smartify-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .smartify-embed .smartify-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.share-button {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  background-color: transparent;
  border-color: transparent;
  border-radius: none;
  border-style: solid;
  border-width: 1px;
  color: var(--color-black);
  cursor: pointer;
  display: inline-block;
  font-size: 2.75rem;
  height: 2.75rem;
  line-height: 2.75rem;
  overflow: hidden;
  padding: 0;
  position: relative;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: 2.75rem;
}
html:lang(ar) .share-button:not(:not(:lang(ar))), html:not(:lang(ar)) .share-button[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.share-button:hover, .share-button:focus {
  background-color: var(--color-black);
  border-color: transparent;
  color: var(--color-white);
}
.share-button .share-button__icon {
  display: block;
  height: 100%;
  padding-block: 0.5rem 0.5rem;
  padding-inline: 0.5rem 0.5rem;
  width: 100%;
}
.share-button .share-button__icon > svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.share-button + .share-button {
  margin-inline-start: 0.25rem;
}
.share-button[data-type=native-share]:not(.share-button--visible) {
  display: none;
}
.share-button[data-type=native-share]:not(.share-button--visible) + .share-button {
  margin-inline-start: 0;
}

.richtext {
  position: relative;
}

.richtext--regular h1 {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
}
html:lang(ar) .richtext--regular h1:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h1[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.richtext--regular h1:not(:first-child) {
  margin-block-start: var(--heading-1-margin-top);
}
.richtext--regular h1:not(:last-child) {
  margin-block-end: var(--heading-1-margin-bottom);
}
.richtext--regular h2 {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .richtext--regular h2:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h2[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.richtext--regular h2:not(:first-child) {
  margin-block-start: var(--heading-2-margin-top);
}
.richtext--regular h2:not(:last-child) {
  margin-block-end: var(--heading-2-margin-bottom);
}
.richtext--regular h3 {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
}
html:lang(ar) .richtext--regular h3:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h3[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.richtext--regular h3:not(:first-child) {
  margin-block-start: var(--heading-3-margin-top);
}
.richtext--regular h3:not(:last-child) {
  margin-block-end: var(--heading-3-margin-bottom);
}
.richtext--regular h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .richtext--regular h4:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.richtext--regular h4:not(:first-child) {
  margin-block-start: var(--heading-4-margin-top);
}
.richtext--regular h4:not(:last-child) {
  margin-block-end: var(--heading-4-margin-bottom);
}
.richtext--regular h5 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .richtext--regular h5:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h5[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.richtext--regular h5:not(:first-child) {
  margin-block-start: var(--heading-5-margin-top);
}
.richtext--regular h5:not(:last-child) {
  margin-block-end: var(--heading-5-margin-bottom);
}
.richtext--regular h6 {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
}
html:lang(ar) .richtext--regular h6:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular h6[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.richtext--regular h6:not(:first-child) {
  margin-block-start: var(--heading-6-margin-top);
}
.richtext--regular h6:not(:last-child) {
  margin-block-end: var(--heading-6-margin-bottom);
}
.richtext--regular p,
.richtext--regular ul,
.richtext--regular ol {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .richtext--regular p:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular p[lang=ar],
html:lang(ar) .richtext--regular ul:not(:not(:lang(ar))),
html:not(:lang(ar)) .richtext--regular ul[lang=ar],
html:lang(ar) .richtext--regular ol:not(:not(:lang(ar))),
html:not(:lang(ar)) .richtext--regular ol[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.richtext--regular p:not(:first-child),
.richtext--regular ul:not(:first-child),
.richtext--regular ol:not(:first-child) {
  margin-block-start: var(--paragraph-margin-top);
}
.richtext--regular p:not(:last-child),
.richtext--regular ul:not(:last-child),
.richtext--regular ol:not(:last-child) {
  margin-block-end: var(--paragraph-margin-bottom);
}
.richtext--regular p *[lang=ar],
.richtext--regular ul *[lang=ar],
.richtext--regular ol *[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.richtext--regular li {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-top: calc(var(--paragraph-margin-top) * 0.5);
  margin-bottom: calc(var(--paragraph-margin-bottom) * 0.5);
}
html:lang(ar) .richtext--regular li:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--regular li[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.richtext--regular li:first-child {
  margin-top: 0;
}
.richtext--regular li:last-child {
  margin-bottom: 0;
}
.richtext--regular i {
  font-style: italic !important;
}
.richtext--regular p a, .richtext--regular p a:link, .richtext--regular p a:active, .richtext--regular p a:visited,
.richtext--regular li a,
.richtext--regular li a:link,
.richtext--regular li a:active,
.richtext--regular li a:visited {
  color: inherit;
  text-decoration: underline;
}
.richtext--regular p a:hover, .richtext--regular p a:focus, .richtext--regular p a:link:hover, .richtext--regular p a:link:focus, .richtext--regular p a:active:hover, .richtext--regular p a:active:focus, .richtext--regular p a:visited:hover, .richtext--regular p a:visited:focus,
.richtext--regular li a:hover,
.richtext--regular li a:focus,
.richtext--regular li a:link:hover,
.richtext--regular li a:link:focus,
.richtext--regular li a:active:hover,
.richtext--regular li a:active:focus,
.richtext--regular li a:visited:hover,
.richtext--regular li a:visited:focus {
  text-decoration: none;
}
.richtext--regular ul,
.richtext--regular ol {
  padding-inline-start: 1.4em;
}
.richtext--regular ul li::marker,
.richtext--regular ol li::marker {
  display: inline-block;
  font-weight: bold;
  vertical-align: bottom;
  width: 1em;
}
.richtext--regular ul li > ul:not(:first-child),
.richtext--regular ul li > ol:not(:first-child),
.richtext--regular ol li > ul:not(:first-child),
.richtext--regular ol li > ol:not(:first-child) {
  margin-block-start: calc(var(--paragraph-margin-top) / 2);
}
.richtext--regular ul li > ul:not(:last-child),
.richtext--regular ul li > ol:not(:last-child),
.richtext--regular ol li > ul:not(:last-child),
.richtext--regular ol li > ol:not(:last-child) {
  margin-block-start: calc(var(--paragraph-margin-bottom) / 2);
}

.richtext--simple p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .richtext--simple p:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--simple p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.richtext--simple p:not(:first-child) {
  margin-block-start: var(--paragraph-margin-top);
}
.richtext--simple p:not(:last-child) {
  margin-block-end: var(--paragraph-margin-bottom);
}
.richtext--simple p a, .richtext--simple p a:link, .richtext--simple p a:active, .richtext--simple p a:visited {
  color: inherit;
  text-decoration: underline;
}
.richtext--simple p a:hover, .richtext--simple p a:focus, .richtext--simple p a:link:hover, .richtext--simple p a:link:focus, .richtext--simple p a:active:hover, .richtext--simple p a:active:focus, .richtext--simple p a:visited:hover, .richtext--simple p a:visited:focus {
  text-decoration: none;
}

.richtext--introduction h2 {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .richtext--introduction h2:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction h2[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.richtext--introduction h2:not(:first-child) {
  margin-block-start: var(--heading-2-margin-top);
}
.richtext--introduction h2:not(:last-child) {
  margin-block-end: var(--heading-2-margin-bottom);
}
.richtext--introduction h3 {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
}
html:lang(ar) .richtext--introduction h3:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction h3[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.richtext--introduction h3:not(:first-child) {
  margin-block-start: var(--heading-3-margin-top);
}
.richtext--introduction h3:not(:last-child) {
  margin-block-end: var(--heading-3-margin-bottom);
}
.richtext--introduction h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .richtext--introduction h4:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.richtext--introduction h4:not(:first-child) {
  margin-block-start: var(--heading-4-margin-top);
}
.richtext--introduction h4:not(:last-child) {
  margin-block-end: var(--heading-4-margin-bottom);
}
.richtext--introduction h5 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .richtext--introduction h5:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction h5[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.richtext--introduction h5:not(:first-child) {
  margin-block-start: var(--heading-5-margin-top);
}
.richtext--introduction h5:not(:last-child) {
  margin-block-end: var(--heading-5-margin-bottom);
}
.richtext--introduction h6 {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
}
html:lang(ar) .richtext--introduction h6:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction h6[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.richtext--introduction h6:not(:first-child) {
  margin-block-start: var(--heading-6-margin-top);
}
.richtext--introduction h6:not(:last-child) {
  margin-block-end: var(--heading-6-margin-bottom);
}
.richtext--introduction p {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .richtext--introduction p:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--introduction p[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.richtext--introduction p:not(:first-child) {
  margin-block-start: var(--introduction-margin-top);
}
.richtext--introduction p:not(:last-child) {
  margin-block-end: var(--introduction-margin-bottom);
}
.richtext--introduction p a, .richtext--introduction p a:link, .richtext--introduction p a:active, .richtext--introduction p a:visited {
  color: inherit;
  text-decoration: underline;
}
.richtext--introduction p a:hover, .richtext--introduction p a:focus, .richtext--introduction p a:link:hover, .richtext--introduction p a:link:focus, .richtext--introduction p a:active:hover, .richtext--introduction p a:active:focus, .richtext--introduction p a:visited:hover, .richtext--introduction p a:visited:focus {
  text-decoration: none;
}

.richtext--caption {
  color: var(--color-grey);
  margin-block: var(--caption-margin-top) var(--caption-margin-bottom);
}
.richtext--caption p {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  color: inherit;
}
html:lang(ar) .richtext--caption p:not(:not(:lang(ar))), html:not(:lang(ar)) .richtext--caption p[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.richtext--caption p:not(:first-child) {
  margin-block-start: var(--caption-margin-top);
}
.richtext--caption p:not(:last-child) {
  margin-block-end: var(--caption-margin-bottom);
}
.richtext--caption p a, .richtext--caption p a:link, .richtext--caption p a:active, .richtext--caption p a:visited {
  color: inherit;
  text-decoration: underline;
}
.richtext--caption p a:hover, .richtext--caption p a:focus, .richtext--caption p a:link:hover, .richtext--caption p a:link:focus, .richtext--caption p a:active:hover, .richtext--caption p a:active:focus, .richtext--caption p a:visited:hover, .richtext--caption p a:visited:focus {
  text-decoration: none;
}

.picture {
  background-color: var(--color-white);
  color: var(--color-black);
  display: block;
  height: 100%;
  position: relative;
  -webkit-user-select: none;
          user-select: none;
}
.picture .picture__image-wrapper {
  display: block;
  height: 100%;
  position: relative;
  width: 100%;
}
.picture .picture__image-wrapper::after {
  content: "";
  display: none;
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 100;
}
.picture .picture__image {
  height: 100%;
  opacity: 0;
  transform: translate3d(0, 0, 0);
  transition: opacity var(--easing-default);
  width: 100%;
}

.picture--loaded .picture__image {
  opacity: 1;
}

.picture--background {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.picture--background ~ * {
  color: var(--color-white);
  position: relative;
  z-index: 1;
}

.option-field {
  padding-block-start: 10px;
  position: relative;
}
.option-field .option-field__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  margin-block-end: var(--field-label-margin-bottom);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  cursor: pointer;
  display: block;
  line-height: 32px;
  margin-block: 8px 8px;
  margin-inline: 0 0;
  -webkit-user-select: none;
          user-select: none;
}
html:lang(ar) .option-field .option-field__label:not(:not(:lang(ar))), html:not(:lang(ar)) .option-field .option-field__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.option-field .option-field__wrapper {
  display: block;
  font-size: 0;
  max-width: 100%;
  position: relative;
}
.option-field .option-field__item {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
}
html:lang(ar) .option-field .option-field__item:not(:not(:lang(ar))), html:not(:lang(ar)) .option-field .option-field__item[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.option-field .option-field__item:not(:last-child) {
  margin-block-end: var(--paragraph-margin-bottom);
}
.option-field .option-field__input {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.option-field .option-field__input:focus + .option-field__input-label::before {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  content: "";
  inset: -5px;
  position: absolute;
}
.option-field .option-field__input:disabled + .option-field__input-label {
  opacity: 0.4;
  pointer-events: none;
}
.option-field .option-field__input:checked + .option-field__input-label .option-field__icon-foreground {
  opacity: 1;
}
.option-field .option-field__input-label {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  cursor: pointer;
  display: block;
  font-weight: 400;
  margin-block: 0 0;
  margin-inline: 0 0;
  min-height: var(--paragraph-line-height);
  padding-block: 0 0;
  padding-inline: 32px 0;
  position: relative;
  text-transform: none;
  -webkit-user-select: none;
          user-select: none;
  width: 100%;
}
html:lang(ar) .option-field .option-field__input-label:not(:not(:lang(ar))), html:not(:lang(ar)) .option-field .option-field__input-label[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.option-field .option-field__input-label a {
  text-decoration: underline;
}
.option-field .option-field__input-label a:hover {
  text-decoration: none;
}
.option-field .option-field__input-label-span {
  display: inline-block;
  vertical-align: baseline;
}
.option-field .option-field__icon {
  color: var(--color-grey);
  display: block;
  height: 24px;
  left: 0;
  opacity: 0;
  position: absolute;
  text-align: center;
  top: 0;
  transition: opacity var(--easing-extraslow), background-color var(--easing-extraslow), color var(--easing-extraslow);
  width: 24px;
}
[dir=rtl] .option-field .option-field__icon {
  left: auto;
  right: 0;
}
.option-field .option-field__icon-background {
  opacity: 1;
}
.option-field .option-field__icon-foreground {
  background-color: var(--color-grey);
  height: 18px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 18px;
}
[dir=rtl] .option-field .option-field__icon-foreground {
  left: auto;
  right: 3px;
}
.option-field.option-field--required .option-field__label::after {
  content: "*";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.option-field:not(.option-field--required) .option-field__label::after {
  content: "";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.option-field .option-field__helptext {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  display: block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .option-field .option-field__helptext:not(:not(:lang(ar))), html:not(:lang(ar)) .option-field .option-field__helptext[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.option-field.option-field--error .option-field__error {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  color: var(--color-error);
  display: block;
  font-weight: 500;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .option-field.option-field--error .option-field__error:not(:not(:lang(ar))), html:not(:lang(ar)) .option-field.option-field--error .option-field__error[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.option-field.option-field--error .option-field__error::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23E9190A' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' d='M7.5 3v7M7.5 11v1'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 15px;
  margin-inline-end: 5px;
  width: 15px;
}
.option-field.option-field--error .option-field__input-label-span {
  color: var(--color-error);
}
.option-field.option-field--error .option-field__icon-background {
  color: var(--color-error);
}
.option-field.option-field--inline .option-field__item {
  display: inline-block;
  margin-inline-end: 20px;
  width: auto;
}
.option-field.option-field--radio .option-field__icon-foreground {
  border-radius: 50%;
  overflow: hidden;
}

.option-field--checkbox .option-field__icon-foreground {
  background-color: var(--color-grey);
  height: 18px;
  left: 3px;
  position: absolute;
  top: 3px;
  width: 18px;
}
[dir=rtl] .option-field--checkbox .option-field__icon-foreground {
  left: auto;
  right: 3px;
}

.option-field--radio .option-field__icon {
  margin-block-start: 1px;
}

.object-figure {
  position: relative;
}
.object-figure .picture {
  height: 100%;
  width: 100%;
}

.object-figure__caption-title {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .object-figure__caption-title:not(:not(:lang(ar))), html:not(:lang(ar)) .object-figure__caption-title[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}

.object-figure__caption-subtitle {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .object-figure__caption-subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .object-figure__caption-subtitle[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.object-figure--background-image .object-figure__picture-wrapper {
  aspect-ratio: 16/9;
  position: relative;
}

.number-button {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: transparent;
  border-radius: 0;
  color: currentcolor;
  cursor: pointer;
  display: inline-block;
  height: 2.5em;
  overflow: hidden;
  padding-block: 0.5em 0.5em;
  padding-inline: 0 0;
  position: relative;
  transition: color var(--easing-default), background-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: 1.5em;
}
html:lang(ar) .number-button:not(:not(:lang(ar))), html:not(:lang(ar)) .number-button[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.number-button:hover .number-button__span, .number-button:focus .number-button__span {
  text-decoration: underline;
}
.number-button .number-button__icon {
  display: block;
  height: 1.5em;
  width: 1.5em;
}
.number-button .number-button__icon > svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}

.notice {
  display: block;
  margin-block: 1rem 1rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.notice .notice__wrapper {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: var(--color-white);
  display: inline-block;
  font-weight: 500;
  padding-block: 0.75rem 0.75rem;
  padding-inline: 1rem 1rem;
  vertical-align: top;
}
html:lang(ar) .notice .notice__wrapper:not(:not(:lang(ar))), html:not(:lang(ar)) .notice .notice__wrapper[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.notice .notice__wrapper::before {
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 15px;
  margin-inline-end: 5px;
  width: 15px;
}
.notice .notice__wrapper > p {
  display: inline;
}
.notice.notice--has-title .notice__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 1.5rem;
}
html:lang(ar) .notice.notice--has-title .notice__title:not(:not(:lang(ar))), html:not(:lang(ar)) .notice.notice--has-title .notice__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.notice.notice--has-title .notice__wrapper {
  padding-block: 2.2rem 2.2rem;
  padding-inline: 2rem 2rem;
  width: 100%;
}
.notice.notice--has-title .notice__wrapper::before {
  display: none;
}

.notice--default .notice__wrapper {
  border-block-end: 1px solid var(--color-info);
  border-block-start: 1px solid var(--color-info);
  border-inline-end: 1px solid var(--color-info);
  border-inline-start: 1px solid var(--color-info);
  color: var(--color-black);
}
.notice--default .notice__wrapper::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0a8 8 0 110 16A8 8 0 018 0zm.74 5.696H6v.913l.913-.001v5.478L6 12.087V13h3.652v-.913l-.913-.001v-6.39zM7.825 2.5a.913.913 0 100 1.826.913.913 0 000-1.826z' fill='%236E6E6E' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.notice--success .notice__wrapper {
  border-block-end: 1px solid var(--color-success);
  border-block-start: 1px solid var(--color-success);
  border-inline-end: 1px solid var(--color-success);
  border-inline-start: 1px solid var(--color-success);
  color: var(--color-success);
}
.notice--success .notice__wrapper::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%2336AC17' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' stroke-linejoin='bevel' d='M5 8.842l1.96 2.156L9.808 4'/%3E%3C/g%3E%3C/svg%3E");
}

.notice--error .notice__wrapper {
  border-block-end-color: var(--color-error);
  border-block-start-color: var(--color-error);
  border-inline-end-color: var(--color-error);
  border-inline-start-color: var(--color-error);
  color: var(--color-error);
}
.notice--error .notice__wrapper::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23E9190A' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' d='M7.5 3v7M7.5 11v1'/%3E%3C/g%3E%3C/svg%3E");
}

.museum-tag {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  display: flex;
  flex-direction: row;
  overflow: hidden;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
  text-overflow: ellipsis;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
}
html:lang(ar) .museum-tag:not(:not(:lang(ar))), html:not(:lang(ar)) .museum-tag[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.museum-tag .museum-tag__span {
  display: block;
  flex: 1 1 100%;
  height: var(--paragraph-line-height);
  line-height: var(--paragraph-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.museum-tag .museum-tag__span:lang(ar) {
  position: relative;
  top: -0.1em;
}
.museum-tag .museum-tag__icon {
  display: block;
  flex: 0 0 var(--paragraph-line-height);
  height: var(--paragraph-line-height);
  margin-inline: 0 var(--grid-padding);
  width: var(--paragraph-line-height);
}
.museum-tag .museum-tag__icon > svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.museum-tag[href] {
  cursor: pointer;
}
.museum-tag[href]:hover .museum-tag__span, .museum-tag[href]:focus .museum-tag__span {
  text-decoration: underline;
}

.multiselect-dropdown-field .multiselect-dropdown-field__overlay {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1;
}
html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
}
html:lang(ar) html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:not(:not(:lang(ar))), html:not(:lang(ar)) html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover, html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:focus-within {
  background: var(--color-black);
  color: var(--color-white);
  outline: 1px solid var(--color-black);
  outline-offset: 1px;
}
html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover .multiselect-dropdown-field__checkmark, html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:focus-within .multiselect-dropdown-field__checkmark {
  border-color: var(--color-white);
}
html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover input:checked ~ .multiselect-dropdown-field__checkmark::after, html.has-js.key-pressed .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:focus-within input:checked ~ .multiselect-dropdown-field__checkmark::after {
  background: var(--color-white);
}
html.has-js.key-pressed .multiselect-dropdown-field .input--checked .multiselect-dropdown-field__checkmark::after {
  background: var(--color-black);
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}
html.has-js.key-pressed .multiselect-dropdown-field .input--checked:hover .multiselect-dropdown-field__checkmark::after, html.has-js.key-pressed .multiselect-dropdown-field .input--checked:focus-within .multiselect-dropdown-field__checkmark::after {
  background: var(--color-white);
}
.multiselect-dropdown-field .multiselect-dropdown-field__label {
  cursor: pointer;
  overflow-x: hidden;
  padding-left: 1rem;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
[dir=rtl] .multiselect-dropdown-field .multiselect-dropdown-field__label {
  padding-right: 1rem;
}
.multiselect-dropdown-field .multiselect-dropdown-field__panel {
  background-color: var(--color-white);
  padding: 0;
  transition: var(--easing-default);
}
.multiselect-dropdown-field .multiselect-dropdown-field__panel[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.multiselect-dropdown-field .multiselect-dropdown-field__panel ul {
  padding-left: 0;
}
[dir=rtl] .multiselect-dropdown-field .multiselect-dropdown-field__panel ul {
  padding-right: 0;
}
.multiselect-dropdown-field .multiselect-dropdown-field__panel--open {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.multiselect-dropdown-field .button-badge {
  color: var(--filter-dropdown-color, currentColor);
  font-family: var(--filter-dropdown-font-family);
  font-feature-settings: var(--filter-dropdown-font-feature-settings);
  font-size: var(--filter-dropdown-font-size);
  font-style: var(--filter-dropdown-font-style);
  font-variant: var(--filter-dropdown-font-variant);
  font-weight: var(--filter-dropdown-font-weight);
  letter-spacing: var(--filter-dropdown-letter-spacing);
  line-height: var(--filter-dropdown-line-height);
  -webkit-text-decoration: var(--filter-dropdown-text-decoration);
          text-decoration: var(--filter-dropdown-text-decoration);
  text-decoration-thickness: var(--filter-dropdown-text-decoration-thickness);
  text-transform: var(--filter-dropdown-text-transform);
  text-underline-offset: var(--filter-dropdown-text-underline-offset);
  word-spacing: var(--filter-dropdown-word-spacing);
  padding-block: var(--filter-dropdown-padding-top) var(--filter-dropdown-padding-bottom);
}
html:lang(ar) .multiselect-dropdown-field .button-badge:not(:not(:lang(ar))), html:not(:lang(ar)) .multiselect-dropdown-field .button-badge[lang=ar] {
  font-family: var(--filter-dropdown-ar-font-family);
  font-feature-settings: var(--filter-dropdown-ar-font-feature-settings);
  font-size: var(--filter-dropdown-ar-font-size);
  font-style: var(--filter-dropdown-ar-font-style);
  font-variant: var(--filter-dropdown-ar-font-variant);
  font-weight: var(--filter-dropdown-ar-font-weight);
  letter-spacing: var(--filter-dropdown-ar-letter-spacing);
  line-height: var(--filter-dropdown-ar-line-height);
  text-transform: var(--filter-dropdown-ar-text-transform);
  word-spacing: var(--filter-dropdown-ar-word-spacing);
}
.multiselect-dropdown-field .multiselect-dropdown-field__dropdown-button {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.multiselect-dropdown-field .multiselect-dropdown-field__dropdown-button .button-badge__icon svg {
  display: inline-block;
  height: 100%;
  line-height: 1em;
  margin-inline: 0.5em 0;
  padding: 0.1em;
  position: relative;
  transform: rotate(0deg);
  transition: transform var(--easing-default);
  vertical-align: top;
  width: 1.2rem;
}
.multiselect-dropdown-field .highlight--button {
  font-weight: 500;
}
.multiselect-dropdown-field .highlight--button .button-badge__span {
  margin-right: -0.1rem;
}
.multiselect-dropdown-field .multiselect-dropdown-field__button--active {
  z-index: 1;
}
.multiselect-dropdown-field .multiselect-dropdown-field__button--active .button-badge__span {
  margin-right: -0.1rem;
}
.multiselect-dropdown-field .multiselect-dropdown-field__button--active .button-badge__icon svg {
  transform: rotate(180deg);
}
.multiselect-dropdown-field .multiselect-dropdown-field__buttons {
  align-items: center;
  border-top: solid 1px var(--color-black);
  display: flex;
  gap: 0.625rem;
  height: 4.875rem;
  justify-content: space-around;
  padding: 0.625rem;
}
.multiselect-dropdown-field .multiselect-dropdown-field__buttons button {
  width: 100%;
}
.multiselect-dropdown-field .multiselect-dropdown-field__input {
  height: 12px;
  opacity: 0;
  width: 12px;
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  align-items: center;
  cursor: default;
  display: flex;
  height: 2.5rem;
  list-style: none;
  padding-inline: 1rem;
  position: relative;
}
html:lang(ar) .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:not(:not(:lang(ar))), html:not(:lang(ar)) .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover {
  background: var(--color-black);
  color: var(--color-white);
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover .multiselect-dropdown-field__checkmark {
  border-color: var(--color-white);
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item:hover input:checked ~ .multiselect-dropdown-field__checkmark::after {
  background: var(--color-white);
}
.multiselect-dropdown-field .multiselect-dropdown-field__wrapper {
  margin-inline: 0.625rem;
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkmark {
  align-items: center;
  border: var(--color-black) solid 1px;
  cursor: pointer;
  display: flex;
  height: 15px;
  justify-content: center;
  left: 32px;
  position: absolute;
  top: 13px;
  width: 15px;
}
[dir=rtl] .multiselect-dropdown-field .multiselect-dropdown-field__checkmark {
  right: 30px;
}
.multiselect-dropdown-field .input--checked .multiselect-dropdown-field__checkmark::after {
  background: var(--color-black);
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}
.multiselect-dropdown-field .input--checked:hover .multiselect-dropdown-field__checkmark::after {
  background: var(--color-white);
}
.multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item input:checked ~ .multiselect-dropdown-field__checkmark::after {
  background: var(--color-black);
  content: "";
  display: block;
  height: 8px;
  width: 8px;
}
@media (min-width: 800px) {
  .multiselect-dropdown-field .multiselect-dropdown-field__wrapper {
    display: inline-block;
    margin-inline: 0;
    opacity: 1;
    padding-block: 0;
    padding-inline: 0;
    right: 0;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__label {
    padding-left: 0.5rem;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__panel {
    border: solid 1px var(--color-black);
    margin-block-start: 0.3125rem;
    max-width: min(320px, 80vw);
    min-width: 320px;
    position: absolute;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__panel ul {
    max-height: 16.3rem;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding-inline: 0;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__button--active {
    font-weight: 500;
  }
  [dir=rtl] .multiselect-dropdown-field .multiselect-dropdown-field__button--active {
    padding-right: 1.1rem;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__overlay--active {
    cursor: pointer;
    display: block;
    z-index: 1;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__checkbox-item {
    padding-inline: 1rem;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__checkmark {
    left: 25px;
  }
  .multiselect-dropdown-field .multiselect-dropdown-field__dropdown-button {
    padding-right: 1rem;
  }
}

.micrio-embed {
  position: relative;
}
.micrio-embed .micrio-embed__cookies-notice {
  padding: 1rem;
  position: relative;
}
.micrio-embed .micrio-embed__cookies-notice-image {
  margin-block-end: var(--grid-padding);
}
.micrio-embed .micrio-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.micrio-embed .micrio-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .micrio-embed .micrio-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .micrio-embed .micrio-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.micrio-embed .micrio-embed__micrio {
  background-color: var(--color-grey-dark);
  color: var(--color-white);
  position: relative;
  width: 100%;
}

.mathaf-encyclopedia-button-overlay {
  --kaleidoscope-transition: 10s;
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-inline-end: 1px solid transparent;
  border-inline-start: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  max-width: min(100%, 320px);
  min-width: 100px;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 1rem 1rem;
  position: relative;
  text-align: center;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: auto;
}
@media screen and (prefers-reduced-motion: reduce) {
  .mathaf-encyclopedia-button-overlay {
    --kaleidoscope-transition: 0ms;
    --kaleidoscope-opacity: 1;
  }
}
html:lang(ar) .mathaf-encyclopedia-button-overlay:not(:not(:lang(ar))), html:not(:lang(ar)) .mathaf-encyclopedia-button-overlay[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.mathaf-encyclopedia-button-overlay[aria-hidden=true] {
  display: none;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__span {
  display: block;
  flex: 1 1 100%;
  height: 2rem;
  line-height: 2rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__span:lang(ar) {
  position: relative;
  top: -0.1em;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__span.mathaf-encyclopedia-button-overlay__span--multiline {
  line-height: 1rem;
  white-space: normal;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__span-inner {
  display: inline-block;
  text-decoration: inherit;
  vertical-align: top;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__icon {
  display: block;
  flex: 0 0 var(--button-line-height);
  height: var(--button-line-height);
  padding-block: 1px 1px;
  padding-inline: 1px 1px;
  width: var(--button-line-height);
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__icon > svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__icon--before {
  margin-inline-start: -0.65em;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__icon--after {
  margin-inline-end: -0.65em;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__rotator {
  margin-inline-end: 1rem;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__rotator-wrapper {
  display: block;
  height: 1.5rem;
  position: relative;
  width: 1.5rem;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-b {
  animation: mathaf-kaleidoscope-opacity var(--kaleidoscope-transition) steps(1, end) infinite;
  display: flex;
  opacity: 0;
  position: absolute;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-one-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-one-b {
  opacity: var(--kaleidoscope-opacity);
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-two-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-two-b {
  animation-delay: 2s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-three-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-three-b {
  animation-delay: 4s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-four-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-four-b {
  animation-delay: 6s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-five-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-image-wrapper-five-b {
  animation-delay: 8s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a {
  animation: mathaf-kaleidoscope-rotate-a var(--kaleidoscope-transition) infinite forwards;
  filter: invert(1);
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b {
  animation: mathaf-kaleidoscope-rotate-b var(--kaleidoscope-transition) infinite forwards;
  filter: invert(1);
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-one-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-one-b {
  animation-delay: 0s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-two-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-two-b {
  animation-delay: 2s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-three-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-three-b {
  animation-delay: 4s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-four-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-four-b {
  animation-delay: 6s;
}
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-five-a,
.mathaf-encyclopedia-button-overlay .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-five-b {
  animation-delay: 8s;
}
.mathaf-encyclopedia-button-overlay:hover .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a,
.mathaf-encyclopedia-button-overlay:hover .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b, .mathaf-encyclopedia-button-overlay:focus .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a,
.mathaf-encyclopedia-button-overlay:focus .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b {
  filter: invert(0);
}

.mathaf-encyclopedia-button-overlay:disabled,
.mathaf-encyclopedia-button-overlay--disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}

.mathaf-encyclopedia-button-overlay--primary {
  background-color: var(--color-yellow-bright);
  border-color: var(--color-black);
  color: var(--color-black);
}
.mathaf-encyclopedia-button-overlay--primary:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--primary:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--primary.mathaf-encyclopedia-button-overlay--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.mathaf-encyclopedia-button-overlay--primary .mathaf-encyclopedia-button-overlay__icon--before {
  display: none;
}

.mathaf-encyclopedia-button-overlay--secondary {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.mathaf-encyclopedia-button-overlay--secondary:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--secondary:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--secondary.mathaf-encyclopedia-button-overlay--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.mathaf-encyclopedia-button-overlay--tertiary {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.mathaf-encyclopedia-button-overlay--tertiary:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--tertiary:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--tertiary.mathaf-encyclopedia-button-overlay--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.mathaf-encyclopedia-button-overlay--clean {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.mathaf-encyclopedia-button-overlay--clean:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--clean:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--clean.mathaf-encyclopedia-button-overlay--selected {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.mathaf-encyclopedia-button-overlay--clean:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled) .mathaf-encyclopedia-button-overlay__span, .mathaf-encyclopedia-button-overlay--clean:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled) .mathaf-encyclopedia-button-overlay__span, .mathaf-encyclopedia-button-overlay--clean.mathaf-encyclopedia-button-overlay--selected .mathaf-encyclopedia-button-overlay__span {
  text-decoration: underline;
}

.mathaf-encyclopedia-button-overlay--transparent {
  background-color: var(--transparency-button);
  border-color: transparent;
  color: var(--color-white);
}
.mathaf-encyclopedia-button-overlay--transparent:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--transparent:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--transparent.mathaf-encyclopedia-button-overlay--selected {
  background-color: var(--color-black);
  border-color: transparent;
  color: var(--color-white);
}

.mathaf-encyclopedia-button-overlay--outline {
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
}
.mathaf-encyclopedia-button-overlay--outline:hover:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--outline:focus:not(.mathaf-encyclopedia-button-overlay--disabled, :disabled), .mathaf-encyclopedia-button-overlay--outline.mathaf-encyclopedia-button-overlay--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.mathaf-encyclopedia-button-overlay--encyclopedia-secondary .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a,
.mathaf-encyclopedia-button-overlay--encyclopedia-secondary .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b {
  filter: invert(0);
}
.mathaf-encyclopedia-button-overlay--encyclopedia-secondary:hover .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a,
.mathaf-encyclopedia-button-overlay--encyclopedia-secondary:hover .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b, .mathaf-encyclopedia-button-overlay--encyclopedia-secondary:focus .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-a,
.mathaf-encyclopedia-button-overlay--encyclopedia-secondary:focus .mathaf-encyclopedia-button-overlay__kaleidoscope-logo-b {
  filter: invert(1);
}

@keyframes mathaf-kaleidoscope-rotate-a {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(0);
  }
  18% {
    transform: rotate(360deg);
  }
  19% {
    transform: rotate(370deg);
  }
  19.5% {
    transform: rotate(350deg);
  }
  20% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mathaf-kaleidoscope-rotate-b {
  0% {
    transform: rotate(0);
  }
  15% {
    transform: rotate(0);
  }
  18% {
    transform: rotate(360deg);
  }
  19% {
    transform: rotate(350deg);
  }
  19.5% {
    transform: rotate(370deg);
  }
  20% {
    transform: rotate(360deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes mathaf-kaleidoscope-opacity {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 1;
  }
  21.001% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.logo {
  color: inherit;
  display: flex;
  height: 60px;
  line-height: 0;
  position: relative;
  transition: color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: top;
  width: 200px;
}
.logo .logo__svg {
  display: block;
  height: 100%;
  width: 100%;
}
.logo .logo__video {
  aspect-ratio: 16/9;
  display: block;
  height: 100%;
  object-fit: contain;
  width: auto;
}
[dir=rtl] .logo .logo__svg--en {
  display: none;
}
[dir=ltr] .logo .logo__svg--ar {
  display: none;
}

.link-dropdown {
  position: relative;
}
.link-dropdown .link-dropdown__button {
  align-items: center;
  display: flex;
  gap: 0 0.1em;
  text-wrap: nowrap;
}
.link-dropdown .link-dropdown__button-icon {
  align-items: center;
  align-self: flex-end;
  display: inline-block;
  height: 1em;
  line-height: 1em;
  margin-inline: 0.5em 0;
  padding: 0.1em;
  position: relative;
  vertical-align: top;
  width: 1em;
}
.link-dropdown .link-dropdown__button-icon > svg {
  display: block;
  transform-origin: 50% 50%;
  transition: var(--easing-default);
}
.link-dropdown .link-dropdown__button-icon--open > svg {
  transform: rotate(180deg);
}
.link-dropdown .link-dropdown__panel {
  background-color: var(--color-white);
  border: solid 1px var(--color-black);
  margin-block-start: 0.3125rem;
  max-height: 280px;
  max-width: min(320px, 80vw);
  opacity: 0;
  overflow: hidden auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  position: absolute;
  transition: var(--easing-default);
  z-index: 100;
}
.link-dropdown .link-dropdown__panel[aria-hidden=true] {
  display: none;
  opacity: 0;
}
[dir=rtl] .link-dropdown .link-dropdown__panel {
  margin-block-start: 0.8rem;
}
.link-dropdown .link-dropdown__panel--open {
  opacity: 1;
  visibility: visible;
}
.link-dropdown .link-dropdown__panel-item {
  display: block;
  list-style: none;
  margin: 0;
}
.link-dropdown .link-dropdown__panel-item-link {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  cursor: pointer;
  display: flex;
  font-weight: bold;
  overflow: hidden;
  padding: 0.562rem 1rem;
  text-decoration: none;
  text-overflow: ellipsis;
  text-wrap: nowrap;
  width: 100%;
}
html:lang(ar) .link-dropdown .link-dropdown__panel-item-link:not(:not(:lang(ar))), html:not(:lang(ar)) .link-dropdown .link-dropdown__panel-item-link[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.link-dropdown .link-dropdown__panel-item-link:hover, .link-dropdown .link-dropdown__panel-item-link:focus {
  background-color: var(--color-black);
  color: var(--color-white);
}
.link-dropdown .link-dropdown__panel-item-link[aria-disabled=true] {
  color: var(--color-grey-medium);
  font-weight: 400;
  pointer-events: none;
}
.link-dropdown .link-dropdown__panel-item-link[aria-current=page] {
  pointer-events: none;
}
.link-dropdown .link-dropdown__panel-item-link-span {
  flex: 1 1 100%;
}
.link-dropdown .link-dropdown__panel-item-link-icon {
  display: inline-block;
  height: var(--button-line-height);
  margin-inline: 0.5em -0.25em;
  position: relative;
  vertical-align: top;
  width: 1.5em;
}

.link {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  color: inherit;
  cursor: pointer;
  display: inline-flex;
  position: relative;
  text-decoration: none;
  transition: color var(--easing-default);
  vertical-align: bottom;
}
html:lang(ar) .link:not(:not(:lang(ar))), html:not(:lang(ar)) .link[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.link .link__span {
  display: inline-block;
  vertical-align: baseline;
}
.link .link__icon {
  display: inline-block;
  height: var(--paragraph-line-height);
  padding-block: 0.1em 0.2em;
  padding-inline: 0.1em 0.1em;
  position: relative;
  vertical-align: top;
  width: var(--paragraph-line-height);
}
.link .link__icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.link:hover .link__span, .link:focus .link__span {
  text-decoration: underline;
}

.link__hover-text-replace {
  align-items: center;
  display: flex;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.link__hover-text-replace .link__hover-container--hover,
.link__hover-text-replace .link__hover-container--default {
  overflow: hidden;
  text-overflow: ellipsis;
  transition: transform 0.3s ease;
}
.link__hover-text-replace .link__icon--after,
.link__hover-text-replace .link__icon--before {
  display: inline-block;
  height: 1em;
  margin-inline-start: 0.3rem;
  position: relative;
  vertical-align: middle;
  width: 1em;
}
.link__hover-text-replace .link__icon--after > svg,
.link__hover-text-replace .link__icon--before > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.link__hover-text-replace .link__hover-container {
  text-decoration: underline;
}
.link__hover-text-replace .link__hover-container--default {
  transform: translateY(0);
}
.link__hover-text-replace .link__hover-container--hover {
  align-items: center;
  display: none;
  flex-direction: row;
  gap: 0.5rem;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateY(100%);
}
[dir=rtl] .link__hover-text-replace .link__hover-container--hover {
  left: unset;
  right: 0;
}
@media (min-width: 800px) {
  .link__hover-text-replace .link__hover-container--hover {
    display: flex;
  }
  .link__hover-text-replace .link__icon--after,
  .link__hover-text-replace .link__icon--before {
    margin-inline-start: 0;
  }
  .link__hover-text-replace .link__hover-container--hover,
  .link__hover-text-replace .link__hover-container--default {
    white-space: nowrap;
  }
  .link__hover-text-replace:hover .link__hover-container--default {
    transform: translateY(-100%);
  }
  .link__hover-text-replace:hover .link__hover-container--hover {
    transform: translateY(0);
  }
}
.link__hover-text-replace:hover .link__hover-container, .link__hover-text-replace:focus .link__hover-container {
  text-decoration: underline;
}

.iframe-game__iframe {
  height: 90vh;
}

.iframe-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.iframe-embed .iframe-embed__container {
  position: relative;
}
.iframe-embed .iframe-embed__iframe {
  aspect-ratio: 16/9;
}
.iframe-embed .iframe-embed__cookies-notice {
  position: relative;
}
.iframe-embed .iframe-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.iframe-embed .iframe-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .iframe-embed .iframe-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .iframe-embed .iframe-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.hubspot-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.hubspot-embed .hubspot-embed__container {
  position: relative;
}
.hubspot-embed .hubspot-embed__iframe {
  aspect-ratio: 16/9;
}
.hubspot-embed .hubspot-embed__cookies-notice {
  position: relative;
}
.hubspot-embed .hubspot-embed__cookies-notice-image {
  margin-block-end: var(--grid-padding);
}
.hubspot-embed .hubspot-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.hubspot-embed .hubspot-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .hubspot-embed .hubspot-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .hubspot-embed .hubspot-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.form-text {
  margin-block-start: calc(var(--grid-padding) * -1);
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .form-text:not(:not(:lang(ar))), html:not(:lang(ar)) .form-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.form-row {
  margin-top: var(--grid-gutter);
  margin-block-start: calc(var(--grid-padding) * 1.5);
  margin-inline: calc(var(--grid-gutter) * -0.5) calc(var(--grid-gutter) * -0.5);
}
.form-row:first-child {
  margin-top: 0;
}
.form-row:last-child {
  margin-bottom: 0;
}
.form-row > div {
  margin-block: 0 0;
  margin-inline: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
}
.form-row.form-row--footer {
  margin-block-start: var(--block-margin);
  margin-inline: 0 0;
}
.form-row.form-row--footer .button + .button {
  margin-inline-start: 10px;
}
.form-row .form-row__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-top: 0.5rem;
}
html:lang(ar) .form-row .form-row__text:not(:not(:lang(ar))), html:not(:lang(ar)) .form-row .form-row__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (max-width: 529px) {
  .form-row > div + div {
    margin-block-start: calc(var(--grid-padding) * 1.5);
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .form-row > div + div {
    margin-block-start: calc(var(--grid-padding) * 1.5);
  }
}
@media (max-width: 529px) {
  .form-row.form-row--footer .button {
    width: 100%;
  }
  .form-row.form-row--footer .button + .button {
    margin-block-start: 10px 0;
    margin-inline-start: 10px 0;
  }
}
@media (min-width: 800px) {
  .form-row {
    display: flex;
  }
  .form-row > div {
    flex: 1 1 50%;
  }
  .form-row > div:not(:first-child) {
    margin-inline-start: 5px;
  }
  .form-row > div:not(:last-child) {
    margin-inline-end: 5px;
  }
}

.form-row--phone {
  display: flex;
  margin-block-end: 20px;
}
[dir=rtl] .form-row--phone {
  direction: ltr;
}
[dir=rtl] .form-row--phone > div {
  direction: rtl;
}
[dir=rtl] .form-row--phone > div .text-field__input {
  border-inline-end: none;
  border-inline-start: 1px solid currentcolor;
}
.form-row--phone > div:first-child {
  flex: 0;
  min-width: 150px;
}
.form-row--phone > div:last-child {
  flex: 1;
}
.form-row--phone > div:last-child input {
  border-inline-start: none;
}
.form-row--phone > div:not(:first-child) {
  margin-inline-start: 0;
}
.form-row--phone > div:not(:last-child) {
  margin-inline-end: 0;
}
@media (max-width: 529px) {
  .form-row--phone > div + div {
    margin-block-start: 0;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .form-row--phone > div + div {
    margin-block-start: 0;
  }
}

.form-fieldset {
  margin-block: calc(var(--block-margin) * 1) 1rem;
  position: relative;
}
.form-fieldset > p {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .form-fieldset > p:not(:not(:lang(ar))), html:not(:lang(ar)) .form-fieldset > p[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.form-fieldset .form-fieldset__legend {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  display: block;
  width: 100%;
}
html:lang(ar) .form-fieldset .form-fieldset__legend:not(:not(:lang(ar))), html:not(:lang(ar)) .form-fieldset .form-fieldset__legend[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}

.file-field {
  position: relative;
}
.file-field .file-field__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  cursor: pointer;
  display: block;
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  -webkit-user-select: none;
          user-select: none;
}
html:lang(ar) .file-field .file-field__label:not(:not(:lang(ar))), html:not(:lang(ar)) .file-field .file-field__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.file-field .file-field__wrapper {
  font-size: 0;
  max-width: 100%;
  position: relative;
}
.file-field .file-field__input {
  font-family: var(--paragraph-font-family);
  font-size: 1rem;
}
.file-field .file-field__input:disabled + .button {
  opacity: 0.4;
  pointer-events: none;
}
.file-field .file-field__input:not(:disabled):focus + .button {
  border-color: color(black);
}
.file-field.file-field--required .file-field__label::after {
  content: "*";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.file-field:not(.file-field--required) .file-field__label::after {
  content: "";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.file-field .file-field__helptext {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  display: block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .file-field .file-field__helptext:not(:not(:lang(ar))), html:not(:lang(ar)) .file-field .file-field__helptext[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.file-field.file-field--error .file-field__error {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  color: color(error);
  display: inline-block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .file-field.file-field--error .file-field__error:not(:not(:lang(ar))), html:not(:lang(ar)) .file-field.file-field--error .file-field__error[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.figure {
  position: relative;
}
.figure .picture {
  height: 100%;
  width: 100%;
}

.figure__caption-title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .figure__caption-title:not(:not(:lang(ar))), html:not(:lang(ar)) .figure__caption-title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}

.figure__caption-subtitle {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .figure__caption-subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .figure__caption-subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}

.figure--background-image .figure__picture-wrapper {
  padding-block-end: 56.25%;
  position: relative;
}

.exhibition-label {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  background-color: var(--color-white);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  border-inline-start: 1px solid currentcolor;
  color: var(--color-black);
  display: inline-block;
  margin: -1px -1px 0px 0px;
  padding-block: 0.4em 0.5em;
  padding-inline: 0.8em 0.8em;
  position: relative;
  text-overflow: ellipsis;
  text-transform: uppercase;
  vertical-align: bottom;
  white-space: nowrap;
}
html:lang(ar) .exhibition-label:not(:not(:lang(ar))), html:not(:lang(ar)) .exhibition-label[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.exhibition-label .exhibition-label__span {
  display: block;
  height: var(--tag-line-height);
  line-height: var(--tag-line-height);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.exhibition-label .exhibition-label__span:lang(ar) {
  position: relative;
  top: -0.1em;
}
.exhibition-label.exhibition-label--theme-white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.exhibition-label.exhibition-label--theme-blue {
  background-color: var(--color-blue);
  color: var(--color-black);
}
.exhibition-label.exhibition-label--theme-yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}
.exhibition-label.exhibition-label--theme-orange {
  background-color: var(--color-orange);
  color: var(--color-black);
}
.exhibition-label.exhibition-label--theme-magenta {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.eazel-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.eazel-embed .eazel-embed__container {
  position: relative;
}
.eazel-embed .eazel-embed__playlists {
  height: 350px;
}
.eazel-embed .eazel-embed__cookies-notice {
  position: relative;
}
.eazel-embed .eazel-embed__cookies-notice-image {
  margin-block-end: var(--grid-padding);
}
.eazel-embed .eazel-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.eazel-embed .eazel-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .eazel-embed .eazel-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .eazel-embed .eazel-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.duet-datepicker {
  --color-foreground: #484848;
  --color-background: #fff;
  --duet-color-primary: var(--color-foreground);
  --duet-color-text: var(--color-foreground);
  --duet-color-text-active: var(--color-background);
  --duet-color-placeholder: color-mix(in srgb, currentColor, 50%);
  --duet-color-button: var(--color-background);
  --duet-color-surface: var(--color-background);
  --duet-color-overlay: color-mix(in srgb, currentColor, 80%);
  --duet-color-border: var(--color-foreground);
  --duet-font: var(--base-font-family);
  --duet-font-normal: 400;
  --duet-font-bold: 700;
  display: inline;
  position: relative;
}
.duet-datepicker .duet-date__dialog {
  background: var(--duet-color-overlay);
  bottom: auto;
  position: relative;
  right: auto;
  top: auto;
  transform: translateZ(0);
  transform-origin: bottom center;
}
.duet-datepicker .duet-date__dialog-content {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  background: var(--color-background);
  border: none;
  bottom: auto;
  box-shadow: none;
  padding-block-start: 1rem;
  top: 0;
  z-index: 10;
}
html:lang(ar) .duet-datepicker .duet-date__dialog-content:not(:not(:lang(ar))), html:not(:lang(ar)) .duet-datepicker .duet-date__dialog-content[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.duet-datepicker .duet-date__cell {
  padding: 0.25rem 0;
}
.duet-datepicker .duet-date__header {
  flex-direction: column;
  position: relative;
  width: 100%;
}
html:lang(ar) .duet-datepicker .duet-date__header {
  font-family: var(--tag-ar-font-family);
}
.duet-datepicker .duet-date__mobile {
  display: none;
}
.duet-datepicker .duet-date__nav {
  bottom: -6px;
  display: flex;
  justify-content: space-between;
  position: absolute;
  width: 100%;
}
.duet-datepicker .duet-date__prev:focus,
.duet-datepicker .duet-date__next:focus {
  box-shadow: none;
}
.duet-datepicker .duet-date__next,
.duet-datepicker .duet-date__prev {
  border-radius: 0;
  height: 2rem;
}
.duet-datepicker .duet-date__next svg,
.duet-datepicker .duet-date__prev svg {
  display: none;
}
.duet-datepicker .duet-date__next::after,
.duet-datepicker .duet-date__prev::after {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 2.5rem;
  content: "";
  height: 100%;
  width: 100%;
}
.duet-datepicker .duet-date__next:hover,
.duet-datepicker .duet-date__prev:hover {
  box-shadow: 0 0 0 1px var(--duet-color-primary);
  height: 2rem;
  outline: 0;
  width: 2.6rem;
}
.duet-datepicker .duet-date__next::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' data-direction='text-direction' viewBox='0 0 30 30'%3E%3Cpath d='m17 10-.9.9 3.5 3.5H9v1.2h10.6l-3.5 3.5.9.9 5-5z'/%3E%3C/svg%3E");
}
.duet-datepicker .duet-date__prev::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' data-direction='text-direction' viewBox='0 0 30 30'%3E%3Cpath d='m14 10 .9.9-3.5 3.5H22v1.2H11.4l3.5 3.5-.9.9-5-5z'/%3E%3C/svg%3E");
}
.duet-datepicker .duet-date__select--month,
.duet-datepicker .duet-date__select--year,
.duet-datepicker .duet-date__select-label > svg {
  display: none;
}
.duet-datepicker .duet-date__prev[disabled],
.duet-datepicker .duet-date__next[disabled] {
  pointer-events: none;
}
.duet-datepicker .duet-date__select-label {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .duet-datepicker .duet-date__select-label:not(:not(:lang(ar))), html:not(:lang(ar)) .duet-datepicker .duet-date__select-label[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.duet-datepicker .duet-date__table-header {
  font-weight: var(--duet-font-normal);
  text-transform: capitalize;
}
html:lang(ar) .duet-datepicker .duet-date__table-header {
  font-family: var(--tag-ar-font-family);
}
.duet-datepicker .duet-date__day {
  border-radius: 0;
  box-shadow: none;
  font-weight: var(--duet-font-bold);
}
.duet-datepicker .duet-date__day::before {
  border-radius: 0;
}
.duet-datepicker .duet-date__day.is-today {
  border: 1px solid var(--duet-color-primary);
  color: var(--duet-color-text);
}
.duet-datepicker .duet-date__day.is-today::before {
  opacity: 0;
}
.duet-datepicker .duet-date__day.is-today:active, .duet-datepicker .duet-date__day.is-today:focus {
  color: var(--duet-color-text-active);
}
@media (min-width: 530px) {
  .duet-datepicker .duet-date__dialog-content {
    background: var(--color-background);
    border: 1px solid var(--duet-color-border);
    margin-block: 1rem 0;
  }
  .duet-datepicker .duet-date__dialog.is-active {
    justify-content: center;
    position: relative;
  }
  .duet-datepicker .duet-date__cell {
    padding: 0.33rem 0;
  }
  .duet-datepicker .duet-date__nav {
    bottom: 0;
  }
  .duet-datepicker .duet-date__prev:focus,
  .duet-datepicker .duet-date__next:focus {
    box-shadow: 0 0 0 2px var(--duet-color-primary);
    outline: 0;
  }
  .duet-datepicker .duet-date__table-header {
    font-size: 1rem;
  }
  .duet-datepicker .duet-date__day,
  .duet-datepicker .duet-date__select--month {
    font-size: 1rem;
  }
  .duet-datepicker .duet-date__day:hover,
  .duet-datepicker .duet-date__select--month:hover {
    box-shadow: none;
    height: 2.6rem;
    outline: 0;
    width: 2.6rem;
  }
  .duet-datepicker .duet-date__select:hover::after {
    background: var(--duet-color-primary);
    bottom: 0;
    content: "";
    height: 1px;
    left: 8px;
    position: absolute;
    width: calc(100% - 30px);
  }
  .duet-datepicker .duet-date__select {
    margin-bottom: 7px;
  }
  .duet-datepicker .duet-date__next,
  .duet-datepicker .duet-date__prev {
    background: transparent;
    height: 2rem;
    margin: 0 0.5rem;
    width: 2.6rem;
  }
}

.dropdown-field {
  padding-block-start: 23px;
  position: relative;
}
.dropdown-field .dropdown-field__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background-color: var(--color-white);
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
  margin-block: 0 0;
  margin-inline: 10px 0;
  max-width: calc(100% - 20px);
  overflow: hidden;
  padding-inline: 10px 10px;
  position: absolute;
  text-overflow: ellipsis;
  top: 2px;
  -webkit-user-select: none;
          user-select: none;
  white-space: nowrap;
  z-index: 1;
}
html:lang(ar) .dropdown-field .dropdown-field__label:not(:not(:lang(ar))), html:not(:lang(ar)) .dropdown-field .dropdown-field__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.dropdown-field .dropdown-field__wrapper {
  display: block;
  font-size: 0;
  max-width: 100%;
  position: relative;
}
.dropdown-field .dropdown-field__container {
  position: relative;
}
.dropdown-field .dropdown-field__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: var(--color-white);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  border-inline-start: 1px solid currentcolor;
  color: var(--color-grey);
  display: inline-block;
  flex: 1 1 100%;
  height: 45px;
  line-height: 32px;
  margin-block: 0 0;
  margin-inline: 0 0;
  min-height: 45px;
  min-width: 86px;
  outline-color: var(--color-black);
  overflow: hidden;
  padding-block: 0 0;
  padding-inline: 20px 40px;
  position: relative;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  vertical-align: bottom;
  white-space: nowrap;
  width: 100%;
}
html:lang(ar) .dropdown-field .dropdown-field__input:not(:not(:lang(ar))), html:not(:lang(ar)) .dropdown-field .dropdown-field__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.dropdown-field .dropdown-field__input + .dropdown-field__button {
  background-color: transparent;
  border-color: transparent;
}
.dropdown-field .dropdown-field__input + .dropdown-field__button:hover {
  background-color: transparent;
  color: inherit;
}
.dropdown-field .dropdown-field__input:disabled {
  opacity: 0.4;
  pointer-events: none;
}
.dropdown-field .dropdown-field__icon {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 1.5L9.619.619 5.5 4.734 1.381.62.5 1.5l5 5z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  height: 100%;
  pointer-events: none;
  position: absolute;
  right: 20px;
  top: 0;
  width: 11px;
  z-index: 1;
}
[dir=rtl] .dropdown-field .dropdown-field__icon {
  left: 20px;
  right: auto;
}
.dropdown-field.dropdown-field--required .dropdown-field__label::after {
  content: "*";
  display: inline-block;
}
.dropdown-field:not(.dropdown-field--required) .dropdown-field__label::after {
  content: "";
  display: inline-block;
  margin-inline-start: 0.25em;
}
.dropdown-field .dropdown-field__helptext {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  display: block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .dropdown-field .dropdown-field__helptext:not(:not(:lang(ar))), html:not(:lang(ar)) .dropdown-field .dropdown-field__helptext[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.dropdown-field.dropdown-field--error .dropdown-field__error {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  color: var(--color-error);
  display: block;
  font-weight: 500;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .dropdown-field.dropdown-field--error .dropdown-field__error:not(:not(:lang(ar))), html:not(:lang(ar)) .dropdown-field.dropdown-field--error .dropdown-field__error[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.dropdown-field.dropdown-field--error .dropdown-field__error::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23E9190A' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' d='M7.5 3v7M7.5 11v1'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 15px;
  margin-inline-end: 5px;
  width: 15px;
}
.dropdown-field.dropdown-field--error .dropdown-field__input {
  border-color: var(--color-error);
}
.dropdown-field.dropdown-field--error .dropdown-field__label {
  color: var(--color-error);
}

.form-row > .datepicker-single-field {
  margin-block: 24px 0;
}

.datepicker-single-field {
  background-color: transparent;
  border-radius: 0;
  clip: inherit;
  display: inline-block;
  margin-block-start: 24px;
  margin-bottom: 0px;
  margin-inline: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
  position: relative;
  width: 100%;
}
.datepicker-single-field .datepicker-single-field__calendar-icon {
  border: 2px solid transparent;
  cursor: pointer;
  height: 100%;
  padding: 1px 4px;
  position: absolute;
  right: 8px;
  width: 27px;
  z-index: 21;
}
[dir=rtl] .datepicker-single-field .datepicker-single-field__calendar-icon {
  left: 10px;
  right: inherit;
}
.datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background: var(--color-white);
  clip: inherit;
  display: block;
  left: 11px;
  padding-block: 1px 0px;
  padding-inline: 10px 10px;
  position: absolute;
  top: -19px;
  z-index: 20;
}
html:lang(ar) .datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__label:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
[dir=rtl] .datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__label {
  left: auto;
  right: 11px;
}
.datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: transparent;
  border: 1px solid currentcolor;
  clip: inherit;
  color: var(--color-grey);
  cursor: pointer;
  display: inline-block;
  height: 49px;
  padding-inline-start: 18px;
  position: relative;
  text-transform: inherit;
  width: 100%;
  z-index: 0;
}
html:lang(ar) .datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__input:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__input.date__input--active {
  border: 2px solid currentcolor;
  border-radius: 5px;
  outline-color: currentcolor;
}
.datepicker-single-field .datepicker-single-field__datepicker-field-wrapper .date__input:focus-visible {
  border-color: currentcolor;
  outline: 0px currentcolor;
}
.datepicker-single-field .datepicker-single-field__calendar-container {
  display: block;
  filter: drop-shadow(0px 1px 2px var(--color-grey-light));
  padding-block-end: 16px;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.datepicker-single-field .datepicker-single-field__calendar-container[aria-hidden=true] {
  display: none;
}
.datepicker-single-field .datepicker-single-field__calendar-container .datepicker {
  background: var(--color-white);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[dir=rtl] .datepicker-single-field .datepicker-single-field__calendar-container .datepicker {
  left: auto;
  right: 0;
}

.form-row > .datepicker-range-field {
  margin-block: 24px 0;
}

.datepicker-range-field {
  background-color: transparent;
  border-radius: 0;
  clip: inherit;
  display: inline-block;
  margin-block-start: 24px;
  margin-bottom: 0px;
  margin-inline: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
  position: relative;
  width: 100%;
}
.datepicker-range-field .datepicker-range-field__calendar-icon {
  border: 2px solid transparent;
  cursor: pointer;
  height: 100%;
  padding: 1px 4px;
  position: absolute;
  right: 8px;
  width: 27px;
  z-index: 21;
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__calendar-icon {
  left: 10px;
  right: inherit;
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label,
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background: var(--color-white);
  clip: inherit;
  display: block;
  padding-block: 1px 0px;
  padding-inline: 10px 10px;
  position: absolute;
  top: -19px;
  z-index: 20;
}
html:lang(ar) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label[lang=ar],
html:lang(ar) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label:not(:not(:lang(ar))),
html:not(:lang(ar)) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label,
[dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label {
  color: var(--field-label-ar-color, currentColor);
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  -webkit-text-decoration: var(--field-label-ar-text-decoration);
          text-decoration: var(--field-label-ar-text-decoration);
  text-decoration-thickness: var(--field-label-ar-text-decoration-thickness);
  text-transform: var(--field-label-ar-text-transform);
  text-underline-offset: var(--field-label-ar-text-underline-offset);
  word-spacing: var(--field-label-ar-word-spacing);
  padding-block: var(--field-label-ar-padding-top) var(--field-label-ar-padding-bottom);
  left: auto;
  right: 11px;
}
html:lang(ar) [dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label:not(:not(:lang(ar))), html:not(:lang(ar)) [dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label[lang=ar],
html:lang(ar) [dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label:not(:not(:lang(ar))),
html:not(:lang(ar)) [dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label[lang=ar] {
  font-family: var(--field-label-ar-ar-font-family);
  font-feature-settings: var(--field-label-ar-ar-font-feature-settings);
  font-size: var(--field-label-ar-ar-font-size);
  font-style: var(--field-label-ar-ar-font-style);
  font-variant: var(--field-label-ar-ar-font-variant);
  font-weight: var(--field-label-ar-ar-font-weight);
  letter-spacing: var(--field-label-ar-ar-letter-spacing);
  line-height: var(--field-label-ar-ar-line-height);
  text-transform: var(--field-label-ar-ar-text-transform);
  word-spacing: var(--field-label-ar-ar-word-spacing);
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__label {
  left: 11px;
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label {
  left: calc(50% + 11px);
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__label {
  left: auto;
  right: calc(50% + 11px);
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input,
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: transparent;
  border: 1px solid currentcolor;
  clip: inherit;
  color: var(--color-grey);
  cursor: pointer;
  display: inline-block;
  height: 49px;
  padding-inline-start: 18px;
  position: relative;
  text-transform: inherit;
  width: 50%;
  z-index: 0;
}
html:lang(ar) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input[lang=ar],
html:lang(ar) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input:not(:not(:lang(ar))),
html:not(:lang(ar)) .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input:focus-visible,
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input:focus-visible {
  border-color: currentcolor;
  outline: 0px currentcolor;
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input--active {
  border-radius: 5px 0 0 5px;
  border-width: 2px;
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .from-date__input--active {
  border-radius: 0 5px 5px 0;
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input--active {
  border-radius: 0 5px 5px 0;
  border-width: 2px;
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input--active {
  border-radius: 5px 0 0 5px;
}
.datepicker-range-field .datepicker-range-field__datepicker-field-wrapper .to-date__input {
  border-inline-start: none;
  margin-inline-start: -5px;
}
.datepicker-range-field .datepicker-range-field__calendar-container {
  display: block;
  filter: drop-shadow(0px 1px 2px var(--color-grey-light));
  padding-block-end: 16px;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.datepicker-range-field .datepicker-range-field__calendar-container[aria-hidden=true] {
  display: none;
}
.datepicker-range-field .datepicker-range-field__calendar-container .datepicker-range {
  background: var(--color-white);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 1180px) {
  .datepicker-range-field .datepicker-range-field__calendar-container .datepicker-range {
    width: unset;
  }
}
@media (min-width: 2260px) {
  .datepicker-range-field .datepicker-range-field__calendar-container .datepicker-range {
    width: 100%;
  }
}
[dir=rtl] .datepicker-range-field .datepicker-range-field__calendar-container .datepicker-range {
  left: auto;
  right: 0;
}

html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within {
  background-color: var(--color-grey);
  color: var(--color-white);
  outline: 1px solid var(--color-black);
  outline-offset: 1px;
}
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .data-dropdown-field__checkmark, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .data-dropdown-field__checkmark {
  border-color: var(--color-white);
}
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .data-dropdown-field__checkmark::after, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .data-dropdown-field__checkmark::after {
  background: var(--color-white);
  border: 1px solid var(--color-grey);
  border-radius: 5px;
  content: "";
  display: block;
  height: 9px;
  width: 9px;
}
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .datepicker-dropdown__label,
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .input--selected, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .datepicker-dropdown__label,
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .input--selected {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .datepicker-dropdown__label .datepicker-dropdown__checkmark::after,
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover .input--selected .datepicker-dropdown__checkmark::after, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .datepicker-dropdown__label .datepicker-dropdown__checkmark::after,
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within .input--selected .datepicker-dropdown__checkmark::after {
  background: var(--color-white);
  border: 1px solid var(--color-grey);
  border-radius: 5px;
  content: "";
  display: block;
  height: 9px;
  width: 9px;
}
html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:hover input:checked ~ .data-dropdown-field__checkmark::after, html.has-js.key-pressed .datepicker-dropdown .datepicker-dropdown__radio-item:focus-within input:checked ~ .data-dropdown-field__checkmark::after {
  background: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__buttons {
  align-items: center;
  border-top: solid 1px var(--color-black);
  display: none;
  gap: 0.625rem;
  height: 4.875rem;
  justify-content: center;
  padding: 0.625rem;
}
.datepicker-dropdown .datepicker-dropdown__buttons .button {
  width: 13.31rem;
}
.datepicker-dropdown .datepicker-dropdown__label {
  align-items: center;
  display: flex;
}
.datepicker-dropdown .datepicker-dropdown__overlay {
  background-color: rgba(255, 255, 255, 0.8);
  display: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1;
}
.datepicker-dropdown .button-badge {
  color: var(--filter-dropdown-color, currentColor);
  font-family: var(--filter-dropdown-font-family);
  font-feature-settings: var(--filter-dropdown-font-feature-settings);
  font-size: var(--filter-dropdown-font-size);
  font-style: var(--filter-dropdown-font-style);
  font-variant: var(--filter-dropdown-font-variant);
  font-weight: var(--filter-dropdown-font-weight);
  letter-spacing: var(--filter-dropdown-letter-spacing);
  line-height: var(--filter-dropdown-line-height);
  -webkit-text-decoration: var(--filter-dropdown-text-decoration);
          text-decoration: var(--filter-dropdown-text-decoration);
  text-decoration-thickness: var(--filter-dropdown-text-decoration-thickness);
  text-transform: var(--filter-dropdown-text-transform);
  text-underline-offset: var(--filter-dropdown-text-underline-offset);
  word-spacing: var(--filter-dropdown-word-spacing);
  padding-block: var(--filter-dropdown-padding-top) var(--filter-dropdown-padding-bottom);
}
html:lang(ar) .datepicker-dropdown .button-badge:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-dropdown .button-badge[lang=ar] {
  font-family: var(--filter-dropdown-ar-font-family);
  font-feature-settings: var(--filter-dropdown-ar-font-feature-settings);
  font-size: var(--filter-dropdown-ar-font-size);
  font-style: var(--filter-dropdown-ar-font-style);
  font-variant: var(--filter-dropdown-ar-font-variant);
  font-weight: var(--filter-dropdown-ar-font-weight);
  letter-spacing: var(--filter-dropdown-ar-letter-spacing);
  line-height: var(--filter-dropdown-ar-line-height);
  text-transform: var(--filter-dropdown-ar-text-transform);
  word-spacing: var(--filter-dropdown-ar-word-spacing);
}
.datepicker-dropdown .datepicker-dropdown__dropdown-button {
  max-width: 100%;
  padding: 0;
  width: 100%;
}
.datepicker-dropdown .datepicker-dropdown__dropdown-button .button-badge__icon svg {
  display: inline-block;
  height: 100%;
  line-height: 1em;
  margin-inline: 0.5em 0;
  padding: 0.1em;
  position: relative;
  transform: rotate(0deg);
  transition: transform var(--easing-default);
  vertical-align: top;
  width: 1.2rem;
}
.datepicker-dropdown .datepicker-dropdown__input {
  height: 12px;
  opacity: 0;
  width: 12px;
}
.datepicker-dropdown .datepicker-dropdown__radio-item {
  align-items: center;
  cursor: default;
  display: flex;
  list-style: none;
  margin-left: -1px;
  margin-top: -1px;
  position: relative;
}
.datepicker-dropdown .datepicker-dropdown__radio-item .input--selected {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__radio-item .input--selected .datepicker-dropdown__checkmark::after {
  background: var(--color-white);
  border: 1px solid var(--color-grey);
  border-radius: 5px;
  content: "";
  display: block;
  height: 9px;
  width: 9px;
}
.datepicker-dropdown .datepicker-dropdown__radio-item:hover {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__radio-item:hover .datepicker-dropdown__label {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__radio-item:hover .data-dropdown-field__checkmark {
  border-color: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__radio-item:hover .datepicker-dropdown__checkmark::after {
  background: var(--color-white);
  content: "";
  display: block;
  height: 9px;
  width: 9px;
}
.datepicker-dropdown .datepicker-dropdown__radio-item:hover input:checked ~ .data-dropdown-field__checkmark::after {
  background: var(--color-white);
}
.datepicker-dropdown .datepicker-dropdown__wrapper {
  padding-inline: 0.625rem;
}
.datepicker-dropdown .datepicker-dropdown__checkmark {
  align-items: center;
  background-color: var(--color-white);
  border: var(--color-black) solid 1px;
  border-radius: 8px;
  cursor: pointer;
  display: flex;
  height: 14px;
  justify-content: center;
  left: 16px;
  position: absolute;
  width: 14px;
}
[dir=rtl] .datepicker-dropdown .datepicker-dropdown__checkmark {
  left: 0;
  right: 16px;
}
.datepicker-dropdown .datepicker-dropdown__panel[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.datepicker-dropdown .datepicker-dropdown__panel .datepicker-dropdown__panel-items {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
.datepicker-dropdown .datepicker-dropdown__panel--open {
  opacity: 1;
  visibility: visible;
  z-index: 1;
}
.datepicker-dropdown .highlight--button {
  font-weight: 500;
}
.datepicker-dropdown .highlight--button .button-badge__span {
  margin-right: -0.1rem;
}
.datepicker-dropdown .datepicker-dropdown__button--active {
  z-index: 1;
}
.datepicker-dropdown .datepicker-dropdown__button--active .button-badge__span {
  margin-right: -0.1rem;
}
.datepicker-dropdown .datepicker-dropdown__button--active .button-badge__icon svg {
  transform: rotate(180deg);
}
.datepicker-dropdown .datepicker-dropdown__calendar-container .datepicker .datepicker__buttons-wrapper {
  display: none;
}
.datepicker-dropdown .datepicker-dropdown__calendar-container #from-date {
  visibility: hidden;
}
@media (min-width: 800px) {
  .datepicker-dropdown .datepicker-dropdown__wrapper {
    padding-block: 0;
    padding-inline: 0;
  }
  .datepicker-dropdown .datepicker-dropdown__overlay--active {
    cursor: pointer;
    display: block;
    z-index: 1;
  }
  .datepicker-dropdown .button-badge .button-badge__span {
    flex: none;
    width: auto;
  }
  .datepicker-dropdown .datepicker-dropdown__panel {
    background-color: var(--color-white);
    border: solid 1px var(--color-black);
    margin-block-start: 0.3125rem;
    padding: 0;
    position: absolute;
    right: 1rem;
    transition: var(--easing-default);
  }
  [dir=rtl] .datepicker-dropdown .datepicker-dropdown__panel {
    left: 1rem;
    right: auto;
  }
  .datepicker-dropdown .datepicker-dropdown__panel[aria-hidden=true] {
    display: none;
    opacity: 0;
  }
  .datepicker-dropdown .datepicker-dropdown__panel .datepicker-dropdown__panel-items {
    flex-wrap: nowrap;
    padding: 20px;
  }
  .datepicker-dropdown .datepicker-dropdown__buttons {
    display: flex;
  }
  .datepicker-dropdown .datepicker-dropdown__dropdown-button {
    padding-right: 1rem;
  }
  .datepicker-dropdown .datepicker-dropdown__button--active {
    font-weight: 500;
  }
}
@media (min-width: 1180px) {
  .datepicker-dropdown .datepicker-dropdown__panel {
    right: auto;
  }
  [dir=rtl] .datepicker-dropdown .datepicker-dropdown__panel {
    left: auto;
    right: auto;
  }
  .datepicker-dropdown .datepicker-dropdown__panel[aria-hidden=true] {
    display: none;
    opacity: 0;
  }
  .datepicker-dropdown .datepicker-dropdown__button--active {
    font-weight: 500;
  }
  [dir=rtl] .datepicker-dropdown .datepicker-dropdown__button--active {
    padding-right: 1.1rem;
  }
}

.button-badge {
  color: var(--filter-dropdown-color, currentColor);
  font-family: var(--filter-dropdown-font-family);
  font-feature-settings: var(--filter-dropdown-font-feature-settings);
  font-size: var(--filter-dropdown-font-size);
  font-style: var(--filter-dropdown-font-style);
  font-variant: var(--filter-dropdown-font-variant);
  font-weight: var(--filter-dropdown-font-weight);
  letter-spacing: var(--filter-dropdown-letter-spacing);
  line-height: var(--filter-dropdown-line-height);
  -webkit-text-decoration: var(--filter-dropdown-text-decoration);
          text-decoration: var(--filter-dropdown-text-decoration);
  text-decoration-thickness: var(--filter-dropdown-text-decoration-thickness);
  text-transform: var(--filter-dropdown-text-transform);
  text-underline-offset: var(--filter-dropdown-text-underline-offset);
  word-spacing: var(--filter-dropdown-word-spacing);
  padding-block: var(--filter-dropdown-padding-top) var(--filter-dropdown-padding-bottom);
  align-items: center;
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-inline-end: 1px solid transparent;
  border-inline-start: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  height: 3.625rem;
  max-width: min(100%, 320px);
  min-width: 100px;
  padding-block: 0.8rem 0.8rem;
  padding-right: 1rem;
  position: relative;
  text-align: center;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: auto;
}
html:lang(ar) .button-badge:not(:not(:lang(ar))), html:not(:lang(ar)) .button-badge[lang=ar] {
  font-family: var(--filter-dropdown-ar-font-family);
  font-feature-settings: var(--filter-dropdown-ar-font-feature-settings);
  font-size: var(--filter-dropdown-ar-font-size);
  font-style: var(--filter-dropdown-ar-font-style);
  font-variant: var(--filter-dropdown-ar-font-variant);
  font-weight: var(--filter-dropdown-ar-font-weight);
  letter-spacing: var(--filter-dropdown-ar-letter-spacing);
  line-height: var(--filter-dropdown-ar-line-height);
  text-transform: var(--filter-dropdown-ar-text-transform);
  word-spacing: var(--filter-dropdown-ar-word-spacing);
}
.button-badge .button-badge__span {
  display: block;
  flex: 1 1 100%;
  height: 2rem;
  line-height: 2rem;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.button-badge .button-badge__span:lang(ar) {
  height: 2.5rem;
  position: relative;
  text-align: right;
  top: -0.1em;
}
.button-badge .button-badge__span.button__span--multiline {
  line-height: 1rem;
  white-space: normal;
}
.button-badge .button-badge__span-inner {
  display: inline-block;
  text-decoration: inherit;
  vertical-align: top;
}
@media (min-width: 800px) {
  .button-badge .button-badge__span {
    margin-left: -0.1rem;
    text-align: left;
  }
  .button-badge .button-badge__icon--before {
    margin-inline-start: -0.65em;
  }
  .button-badge .button-badge__icon--after {
    margin-inline-end: -0.65em;
  }
  .button-badge .button-badge__icon {
    display: block;
    flex: 0 0 var(--button-line-height);
    height: var(--button-line-height);
    padding-block: 1px 1px;
    padding-inline: 1px 1px;
    width: var(--button-line-height);
  }
  .button-badge .button-badge__icon > svg {
    display: block;
    fill: currentcolor;
    height: 100%;
    width: 100%;
  }
}

.button-badge:disabled,
.button-badge--disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}

.button-badge--primary {
  background-color: var(--color-yellow-bright);
  border-color: var(--color-black);
  color: var(--color-black);
}
.button-badge--primary:hover:not(.button-badge--disabled, :disabled), .button-badge--primary:focus:not(.button-badge--disabled, :disabled), .button-badge--primary.button-badge--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button-badge--primary .button-badge__icon--before {
  display: none;
}

.button-badge--secondary {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button-badge--secondary:hover:not(.button-badge--disabled, :disabled), .button-badge--secondary:focus:not(.button-badge--disabled, :disabled), .button-badge--secondary.button-badge--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.button-badge--tertiary {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.button-badge--tertiary:hover:not(.button-badge--disabled, :disabled), .button-badge--tertiary:focus:not(.button-badge--disabled, :disabled), .button-badge--tertiary.button-badge--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.button-badge--clean {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.button-badge--clean:hover:not(.button-badge--disabled, :disabled), .button-badge--clean:focus:not(.button-badge--disabled, :disabled), .button-badge--clean.button-badge--selected {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.button-badge--clean:hover:not(.button-badge--disabled, :disabled) .button-badge__span, .button-badge--clean:focus:not(.button-badge--disabled, :disabled) .button-badge__span, .button-badge--clean.button-badge--selected .button-badge__span {
  text-decoration: underline;
}

.button-badge--transparent {
  background-color: var(--transparency-button);
  border-color: transparent;
  color: var(--color-white);
}
.button-badge--transparent:hover:not(.button-badge--disabled, :disabled), .button-badge--transparent:focus:not(.button-badge--disabled, :disabled), .button-badge--transparent.button-badge--selected {
  background-color: var(--color-black);
  border-color: transparent;
  color: var(--color-white);
}

.button-badge__badge {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  align-items: center;
  background: var(--color-black);
  color: var(--color-white);
  display: flex;
  font-weight: 700;
  height: 1.125rem;
  justify-content: center;
  margin-inline-start: 10px;
  min-width: 1.125rem;
  padding: 0.4em;
}
html:lang(ar) .button-badge__badge:not(:not(:lang(ar))), html:not(:lang(ar)) .button-badge__badge[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
[dir=rtl] .button-badge__badge {
  padding-bottom: 0.7em;
}

.button-badge--outline {
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
}
.button-badge--outline:hover:not(.button-badge--disabled, :disabled), .button-badge--outline:focus:not(.button-badge--disabled, :disabled), .button-badge--outline.button-badge--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
@media (min-width: 800px) {
  .button-badge--outline .multiselect-dropdown-field__overlay--active {
    cursor: pointer;
    display: block;
    z-index: 1;
  }
}

.button {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  border-block-end: 1px solid transparent;
  border-block-start: 1px solid transparent;
  border-inline-end: 1px solid transparent;
  border-inline-start: 1px solid transparent;
  border-radius: 0;
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  max-width: min(100%, 320px);
  min-width: 100px;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 1rem 1rem;
  position: relative;
  text-align: center;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: auto;
}
html:lang(ar) .button:not(:not(:lang(ar))), html:not(:lang(ar)) .button[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.button .button__span {
  display: block;
  flex: 1 1 100%;
  height: 2rem;
  line-height: 2rem;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.button .button__span:lang(ar) {
  position: relative;
  top: -0.1em;
}
.button .button__span.button__span--multiline {
  line-height: 1rem;
  white-space: normal;
}
.button .button__span-inner {
  display: inline-block;
  text-decoration: inherit;
  vertical-align: top;
}
.button .button__icon {
  display: block;
  flex: 0 0 var(--button-line-height);
  height: var(--button-line-height);
  padding-block: 1px 1px;
  padding-inline: 1px 1px;
  width: var(--button-line-height);
}
.button .button__icon > svg {
  display: block;
  fill: currentcolor;
  height: 100%;
  width: 100%;
}
.button .button__icon--before {
  margin-inline-start: -0.65em;
}
.button .button__icon--after {
  margin-inline-end: -0.65em;
}

.button:disabled,
.button--disabled {
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}

.button--primary {
  background-color: var(--color-yellow-bright);
  border-color: var(--color-black);
  color: var(--color-black);
}
.button--primary:hover:not(.button--disabled, :disabled), .button--primary:focus:not(.button--disabled, :disabled), .button--primary.button--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button--primary .button__icon--before {
  display: none;
}

.button--secondary {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button--secondary:hover:not(.button--disabled, :disabled), .button--secondary:focus:not(.button--disabled, :disabled), .button--secondary.button--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.button--tertiary {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.button--tertiary:hover:not(.button--disabled, :disabled), .button--tertiary:focus:not(.button--disabled, :disabled), .button--tertiary.button--selected {
  background-color: var(--color-white);
  border-color: var(--color-black);
  color: var(--color-black);
}

.button--clean {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.button--clean:hover:not(.button--disabled, :disabled), .button--clean:focus:not(.button--disabled, :disabled), .button--clean.button--selected {
  background-color: transparent;
  border-color: transparent;
  color: currentcolor;
}
.button--clean:hover:not(.button--disabled, :disabled) .button__span, .button--clean:focus:not(.button--disabled, :disabled) .button__span, .button--clean.button--selected .button__span {
  text-decoration: underline;
}

.button--transparent {
  background-color: var(--transparency-button);
  border-color: transparent;
  color: var(--color-white);
}
.button--transparent:hover:not(.button--disabled, :disabled), .button--transparent:focus:not(.button--disabled, :disabled), .button--transparent.button--selected {
  background-color: var(--color-black);
  border-color: transparent;
  color: var(--color-white);
}

.button--outline {
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
}
.button--outline:hover:not(.button--disabled, :disabled), .button--outline:focus:not(.button--disabled, :disabled), .button--outline.button--selected {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}

.audio-embed {
  height: auto;
  position: relative;
  width: 100%;
}
.audio-embed .audio-embed__container {
  position: relative;
}
.audio-embed .audio-embed__playlists {
  height: 350px;
}
.audio-embed .audio-embed__cookies-notice {
  position: relative;
}
.audio-embed .audio-embed__cookies-notice-image {
  margin-block-end: var(--grid-padding);
}
.audio-embed .audio-embed__cookies-notice-content {
  margin-block-end: 1rem;
}
.audio-embed .audio-embed__cookies-text {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .audio-embed .audio-embed__cookies-text:not(:not(:lang(ar))), html:not(:lang(ar)) .audio-embed .audio-embed__cookies-text[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.whats-on-loader {
  display: none;
}

.whats-on-loader--loading {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: flex;
  height: 100dvh;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100dvw;
  z-index: 4;
}

.transcription-block {
  border-block-end: var(--grid-border);
}
.transcription-block .transcription-block__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.transcription-block .transcription-block__wrapper {
  grid-column: column 1/span 6;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 800px) {
  .transcription-block .transcription-block__wrapper {
    grid-column: column 4/span 6;
    padding-inline: 0 0;
  }
}
@media (min-width: 1480px) {
  .transcription-block .transcription-block__wrapper {
    grid-column: column 5/span 6;
  }
}
.transcription-block .transcription-block__title {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .transcription-block .transcription-block__title:not(:not(:lang(ar))), html:not(:lang(ar)) .transcription-block .transcription-block__title[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.transcription-block .transcription-block__disclosure-button {
  background-color: transparent;
  border-color: transparent;
  color: var(--color-black);
  margin-block-start: 25px;
  padding-block: 5px 5px;
  padding-inline: 5px 5px;
}
.transcription-block .transcription-block__disclosure-button:hover:not(.button--disabled, :disabled), .transcription-block .transcription-block__disclosure-button:focus:not(.button--disabled, :disabled), .transcription-block .transcription-block__disclosure-button.button--selected {
  background-color: transparent;
}
.transcription-block .transcription-block__disclosure-content,
.transcription-block .transcription-block__short-text {
  margin-block-start: 10px;
}
.transcription-block .transcription-block__disclosure-content[aria-hidden=true],
.transcription-block .transcription-block__short-text[aria-hidden=true] {
  display: none;
}
.transcription-block .button--content {
  display: flex;
}
.transcription-block .button--content[aria-hidden=true] {
  display: none;
}
.transcription-block .button--secondary {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
.transcription-block .button--secondary:hover:not(.button--disabled, :disabled), .transcription-block .button--secondary:focus:not(.button--disabled, :disabled), .transcription-block .button--secondary.button--selected, .transcription-block .button--secondary[aria-expanded=true] {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
.transcription-block .button--secondary:hover:not(.button--disabled, :disabled) .button__span, .transcription-block .button--secondary:focus:not(.button--disabled, :disabled) .button__span, .transcription-block .button--secondary.button--selected .button__span, .transcription-block .button--secondary[aria-expanded=true] .button__span {
  text-decoration: underline;
}

.tickets-section {
  position: relative;
}
.tickets-section .tickets-section__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.tickets-section .tickets-section__content {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  border-block-end: var(--grid-border);
  grid-column: span 12;
  position: relative;
}
html:lang(ar) .tickets-section .tickets-section__content:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-section .tickets-section__content[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-section:nth-of-type(3) .tickets-section__content {
  border-bottom: none;
}
.tickets-section .tickets-section__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block: 10px 60px;
  padding-inline: 15px 15px;
}
html:lang(ar) .tickets-section .tickets-section__title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-section .tickets-section__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.tickets-section .tickets-section__title + .tickets-section__richtext {
  margin-block: -50px 60px;
}
.tickets-section .tickets-section__richtext {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.tickets-section .tickets-section__floating-header {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  background: var(--color-white);
  border-block-end: 1px solid currentcolor;
  display: block;
  margin-block: -1px 20px;
  padding-block: 10px 10px;
  padding-inline: 15px 15px;
  position: relative;
  width: 100%;
}
html:lang(ar) .tickets-section .tickets-section__floating-header:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-section .tickets-section__floating-header[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-section .loader__wrap {
  background: rgba(255, 255, 255, 0.75);
  height: 100%;
  left: 0;
  pointer-events: initial;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2048;
}
@media (min-width: 530px) {
  .tickets-section .tickets-section__content {
    grid-column: column 1/span 9;
  }
}
@media (min-width: 800px) {
  .tickets-section .tickets-section__title {
    margin-block-end: 110px;
  }
  .tickets-section .tickets-section__title + .tickets-section__richtext {
    margin-block: -100px 60px;
  }
}
@media (min-width: 1480px) {
  .tickets-section .tickets-section__content {
    grid-column: column 1/span 10;
  }
}
@media (min-width: 2260px) {
  .tickets-section .tickets-section__content {
    grid-column: column 1/span 12;
  }
}

.tickets-section--no-border .tickets-section__content {
  border-block-end: none;
}

.tickets-section--hide {
  display: none;
}

.tickets-list-item {
  border-bottom-style: solid;
  border-color: var(--color-black);
  border-width: 1px;
  list-style-type: none;
  padding-block: 15px 15px;
  padding-inline: 15px 15px;
  position: relative;
}
.tickets-list-item .tickets-list-item__flex {
  cursor: pointer;
  display: flex;
  flex-direction: row;
}
.tickets-list-item .tickets-list-item__content {
  display: flex;
  flex: 2;
  flex-flow: row wrap;
  justify-content: space-between;
  padding-inline-start: 40px;
  position: relative;
}
.tickets-list-item .tickets-list-item__content .tickets-list-item__content-info {
  flex: 2;
  order: 1;
  padding-inline-end: 15px;
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__content .tickets-list-item__content-info {
    order: initial;
    padding-block-end: 30px;
  }
}
.tickets-list-item .tickets-list-item__museum {
  align-items: center;
  border-block-start: 1px solid var(--color-black);
  display: flex;
  margin-block-start: 20px;
  order: 3;
  padding-block-start: 15px;
  width: 100%;
}
.tickets-list-item .tickets-list-item__museum img {
  height: 30px;
  margin-inline-end: 15px;
  object-fit: contain;
  object-position: center;
  width: 30px;
}
.tickets-list-item .tickets-list-item__indicator {
  margin-block-start: 5px;
}
.tickets-list-item .tickets-list-item__radio {
  border-color: var(--color-black);
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 20px;
}
.tickets-list-item .tickets-list-item__select-label {
  height: 20px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__select-label {
    transform: none;
  }
}
[dir=rtl] .tickets-list-item .tickets-list-item__select-label {
  left: unset;
  right: 0;
}
.tickets-list-item .tickets-list-item__select-label span {
  display: none;
}
.tickets-list-item .tickets-list-item__select-label::before {
  border-color: var(--color-black);
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[dir=rtl] .tickets-list-item .tickets-list-item__select-label::before {
  left: unset;
  right: 0;
}
.tickets-list-item .tickets-list-item__select-label--selected {
  display: none;
}
.tickets-list-item .tickets-list-item__select-label--selected span {
  background-color: var(--color-black);
  color: var(--color-white);
}
.tickets-list-item input[type=radio] {
  clip: rect(0 0 0 0) !important;
  cursor: pointer;
  height: 1px;
  position: absolute;
  width: 1px;
}
.tickets-list-item input[type=radio]:checked + label .tickets-list-item__select-label--selected {
  display: unset;
}
.tickets-list-item input[type=radio]:checked + label .tickets-list-item__select-label--selected::before {
  background-color: var(--color-black);
  color: var(--color-white);
}
.tickets-list-item input[type=radio]:checked + label .tickets-list-item__select-label--unselected {
  display: none;
}
.tickets-list-item .tickets-list-item__image {
  flex: 1;
  padding-inline-end: 10px;
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__image {
    flex: 1;
    order: 2;
    padding-inline-end: initial;
  }
}
.tickets-list-item .tickets-list-item__image .figure {
  aspect-ratio: 1;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__image .figure {
    aspect-ratio: initial;
    top: 0;
    transform: none;
  }
}
.tickets-list-item .tickets-list-item__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
}
html:lang(ar) .tickets-list-item .tickets-list-item__title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-list-item .tickets-list-item__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__title {
    margin-block-start: 20px;
    color: var(--heading-3-color, currentColor);
    font-family: var(--heading-3-font-family);
    font-feature-settings: var(--heading-3-font-feature-settings);
    font-size: var(--heading-3-font-size);
    font-style: var(--heading-3-font-style);
    font-variant: var(--heading-3-font-variant);
    font-weight: var(--heading-3-font-weight);
    letter-spacing: var(--heading-3-letter-spacing);
    line-height: var(--heading-3-line-height);
    -webkit-text-decoration: var(--heading-3-text-decoration);
            text-decoration: var(--heading-3-text-decoration);
    text-decoration-thickness: var(--heading-3-text-decoration-thickness);
    text-transform: var(--heading-3-text-transform);
    text-underline-offset: var(--heading-3-text-underline-offset);
    word-spacing: var(--heading-3-word-spacing);
    padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  }
  html:lang(ar) .tickets-list-item .tickets-list-item__title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-list-item .tickets-list-item__title[lang=ar] {
    font-family: var(--heading-3-ar-font-family);
    font-feature-settings: var(--heading-3-ar-font-feature-settings);
    font-size: var(--heading-3-ar-font-size);
    font-style: var(--heading-3-ar-font-style);
    font-variant: var(--heading-3-ar-font-variant);
    font-weight: var(--heading-3-ar-font-weight);
    letter-spacing: var(--heading-3-ar-letter-spacing);
    line-height: var(--heading-3-ar-line-height);
    text-transform: var(--heading-3-ar-text-transform);
    word-spacing: var(--heading-3-ar-word-spacing);
  }
}
.tickets-list-item .tickets-list-item__paragraph {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-start: 10px;
}
html:lang(ar) .tickets-list-item .tickets-list-item__paragraph:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-list-item .tickets-list-item__paragraph[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
@media (min-width: 1180px) {
  .tickets-list-item .tickets-list-item__paragraph {
    margin-block-start: 20px;
    color: var(--paragraph-color, currentColor);
    font-family: var(--paragraph-font-family);
    font-feature-settings: var(--paragraph-font-feature-settings);
    font-size: var(--paragraph-font-size);
    font-style: var(--paragraph-font-style);
    font-variant: var(--paragraph-font-variant);
    font-weight: var(--paragraph-font-weight);
    letter-spacing: var(--paragraph-letter-spacing);
    line-height: var(--paragraph-line-height);
    -webkit-text-decoration: var(--paragraph-text-decoration);
            text-decoration: var(--paragraph-text-decoration);
    text-decoration-thickness: var(--paragraph-text-decoration-thickness);
    text-transform: var(--paragraph-text-transform);
    text-underline-offset: var(--paragraph-text-underline-offset);
    word-spacing: var(--paragraph-word-spacing);
    padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  }
  html:lang(ar) .tickets-list-item .tickets-list-item__paragraph:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-list-item .tickets-list-item__paragraph[lang=ar] {
    font-family: var(--paragraph-ar-font-family);
    font-feature-settings: var(--paragraph-ar-font-feature-settings);
    font-size: var(--paragraph-ar-font-size);
    font-style: var(--paragraph-ar-font-style);
    font-variant: var(--paragraph-ar-font-variant);
    font-weight: var(--paragraph-ar-font-weight);
    letter-spacing: var(--paragraph-ar-letter-spacing);
    line-height: var(--paragraph-ar-line-height);
    text-transform: var(--paragraph-ar-text-transform);
    word-spacing: var(--paragraph-ar-word-spacing);
  }
}
.tickets-list-item .tickets-list-item__paragraph--no-margin {
  margin-block-start: 5px;
}
@media (min-width: 800px) {
  .tickets-list-item .tickets-list-item__select-label {
    height: 20px;
    left: 0;
    position: absolute;
    top: 7px;
    width: 20px;
  }
  [dir=rtl] .tickets-list-item .tickets-list-item__select-label {
    left: unset;
    right: 0;
  }
  .tickets-list-item .tickets-list-item__select-label span {
    display: none;
  }
  .tickets-list-item .tickets-list-item__select-label::before {
    border-color: var(--color-black);
    border-radius: 100%;
    border-style: solid;
    border-width: 1px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  [dir=rtl] .tickets-list-item .tickets-list-item__select-label::before {
    left: unset;
    right: 0;
  }
  .tickets-list-item .tickets-list-item__select-label--selected::after {
    background-color: var(--color-black);
    border-radius: 100%;
    content: "";
    height: calc(100% - 6px);
    left: 3px;
    position: absolute;
    top: 3px;
    width: calc(100% - 6px);
  }
  .tickets-list-item .tickets-list-item__title {
    margin-block-start: unset;
  }
}

.tickets-list-item--no-radio .tickets-list-item__indicator {
  display: none;
}
.tickets-list-item--no-radio .tickets-list-item__title {
  margin-block-start: 0;
}
@media (min-width: 800px) {
  .tickets-list-item--no-radio .tickets-list-item__content {
    padding-inline-start: 0;
  }
}

.tickets-list-item--exhibition .tickets-list-item__image img {
  border-radius: 100%;
}
@media (min-width: 1180px) {
  .tickets-list-item--exhibition .tickets-list-item__image img {
    border-radius: initial;
  }
}

.tickets-auth-form {
  display: none;
  flex: 1;
  max-width: 520px;
}
.tickets-auth-form h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .tickets-auth-form h4:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-auth-form h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.tickets-auth-form .tickets-auth-form__footer {
  display: flex;
  justify-content: space-between;
  padding-block-start: 10px;
}
.tickets-auth-form .tickets-auth-form__footer button {
  flex-shrink: 0;
}

.tickets-auth-form--visible {
  display: block;
}

.story-card {
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  padding: 15px 15px 0;
  text-decoration: inherit;
}
@media (min-width: 800px) {
  .story-card {
    padding: 15px;
  }
  .story-card.story-card--portrait {
    padding-bottom: 0;
  }
}
.story-card .story-card__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 10px;
}
html:lang(ar) .story-card .story-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card .story-card__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.story-card .story-card__image {
  aspect-ratio: 4/3;
  overflow: hidden;
}
@media (min-width: 800px) {
  .story-card .story-card__image {
    margin-block-end: 15px;
  }
}
.story-card .picture {
  background-color: transparent;
}
.story-card .picture .picture__image {
  transition: opacity var(--easing-slow), transform var(--easing-slow);
}
.story-card .story-card__author,
.story-card .story-card__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .story-card .story-card__author:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card .story-card__author[lang=ar],
html:lang(ar) .story-card .story-card__text:not(:not(:lang(ar))),
html:not(:lang(ar)) .story-card .story-card__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.story-card .story-card__text-and-icons {
  margin-block-start: 50px;
}
.story-card .story-card__subject-tag {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  border: solid 1px var(--color-black);
  margin-block-end: 1rem;
  padding: 0.375rem 0.625rem;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
html:lang(ar) .story-card .story-card__subject-tag:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card .story-card__subject-tag[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.story-card .story-card__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 15px;
  margin-block-end: 15px;
}
.story-card .story-card__text-wrapper.story-card__text-wrapper--align-bottom {
  justify-content: end;
}
.story-card .story-card__button-wrapper {
  border-top: solid 1px var(--color-black);
  display: flex;
  flex-direction: row;
}
.story-card .story-card__button-wrapper .museum-tag {
  color: var(--color-black);
  flex: 1;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0 0.8rem;
}
.story-card .story-card__button-wrapper .button {
  border-block-start-width: 0;
  flex: 0 1 auto;
  min-width: 50px;
  padding-block: 0.5rem 0.6rem;
  padding-inline-end: 0;
  pointer-events: none;
}
.story-card .story-card__button-wrapper .button:first-child {
  flex: 0 1 100%;
  max-width: none;
}
.story-card .story-card__button-wrapper .button:first-child .button__span {
  text-align: initial;
}
.story-card .story-card__button-wrapper.story-card__button-wrapper--align-right {
  justify-content: flex-end;
}
.story-card .story-card__button-wrapper.story-card__button-wrapper--align-right .button:first-child {
  flex: none;
}
.story-card.story-card--portrait .story-card__image {
  max-height: 400px;
}
.story-card.story-card--landscape {
  max-height: 700px;
}
@media (min-width: 800px) {
  .story-card.story-card--landscape {
    flex-direction: row;
  }
  .story-card.story-card--landscape .picture {
    width: 100%;
  }
  .story-card.story-card--landscape .story-card__text-wrapper {
    height: 100%;
    justify-content: space-between;
    margin-block: 0 15px;
  }
  .story-card.story-card--landscape .story-card__text-wrapper.story-card__text-wrapper--align-bottom {
    justify-content: end;
  }
  .story-card.story-card--landscape .story-card__text-and-icons {
    display: flex;
    flex-direction: column;
    height: calc(100% + 15px);
    justify-content: space-between;
    margin-block-start: 0;
    margin-inline-start: 15px;
    min-width: 50%;
    width: 50%;
  }
  .story-card.story-card--landscape .story-card__image {
    aspect-ratio: 3/4;
    height: 100%;
    margin-block-end: 0;
    width: 100%;
  }
}
@media (min-width: 800px) {
  .story-card.story-card--landscape-reverse {
    flex-direction: row-reverse;
  }
  .story-card.story-card--landscape-reverse .story-card__text-and-icons {
    margin-inline: 0 15px;
  }
}
.story-card:hover .story-card__title, .story-card:focus .story-card__title {
  text-decoration: underline;
}
.story-card:hover .picture .picture__image, .story-card:focus .picture .picture__image {
  transform: scale(1.05) translate3d(0, 0, 0);
}

.playlist-video-card {
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 245px;
  min-width: 250px;
  position: relative;
}
.playlist-video-card:last-child {
  border-block-end: 1px solid var(--color-black);
}
@media (min-width: 800px) {
  .playlist-video-card {
    align-items: stretch;
    border-block-end: none;
    border-inline-start: 0;
    flex-direction: row;
    height: auto;
    margin-inline: 0 0;
    min-height: 90px;
    min-width: 100%;
  }
}
.playlist-video-card .playlist-video-card__image {
  border-inline-start: none;
  color: var(--color-black);
  display: inline-block;
  flex: 0 1 100%;
  position: relative;
}
@media (min-width: 1480px) {
  .playlist-video-card .playlist-video-card__image {
    max-width: 120px;
  }
}
[dir=rtl] .playlist-video-card .playlist-video-card__image {
  left: 0;
  right: auto;
}
.playlist-video-card .playlist-video-card__image .picture,
.playlist-video-card .playlist-video-card__image .video {
  left: 0;
  position: absolute;
  top: 0;
}
.playlist-video-card .playlist-video-card__image .picture {
  width: 100%;
}
@media (min-width: 800px) {
  .playlist-video-card .playlist-video-card__image {
    border-inline-start: var(--grid-border);
    flex: 2;
    height: auto;
    order: 1;
  }
}
.playlist-video-card .playlist-video-card__content {
  border-block-start: var(--grid-border);
  flex: 0 1 auto;
  height: auto;
  z-index: 20;
}
@media (min-width: 800px) {
  .playlist-video-card .playlist-video-card__content {
    border-block-start: none;
    display: inline-block;
    flex: 3;
    font-size: 18px;
    order: 0;
    position: relative;
    top: 0;
    vertical-align: top;
  }
}
.playlist-video-card .playlist-video-card__content-text {
  padding-block: 0.25rem 10px;
}
.playlist-video-card .playlist-video-card__content-text .button {
  transform: translateX(-7px);
}
.playlist-video-card .playlist-video-card__content-text .button--clean {
  height: 1.5rem;
  padding: 0;
  padding-inline-start: 0px;
  text-transform: inherit;
}
.playlist-video-card .playlist-video-card__content-text .button__icon {
  height: 1.8rem;
  margin-left: 5px;
  padding-block-start: 0.2em;
}
.playlist-video-card .playlist-video-card__content-text .playlist-video-card__pre-title {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 0.25rem;
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1.5);
}
html:lang(ar) .playlist-video-card .playlist-video-card__content-text .playlist-video-card__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-card .playlist-video-card__content-text .playlist-video-card__pre-title[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.playlist-video-card .playlist-video-card__content-text .playlist-video-card__title {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
  color: var(--color-black);
  min-height: var(--heading-4-line-height);
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1.5);
  position: relative;
}
html:lang(ar) .playlist-video-card .playlist-video-card__content-text .playlist-video-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-card .playlist-video-card__content-text .playlist-video-card__title[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.playlist-video-card .playlist-video-card__content-text .playlist-video-card__title .playlist-video-card__title-playing-icon {
  display: none;
  height: 9px;
  width: 9px;
}
.playlist-video-card .playlist-video-card__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .playlist-video-card .playlist-video-card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-card .playlist-video-card__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.playlist-video-card .playlist-video-card__button-wrapper {
  display: flex;
  flex-direction: row;
}
@media (min-width: 800px) {
  .playlist-video-card .playlist-video-card__button-wrapper {
    display: none;
  }
}
.playlist-video-card .playlist-video-card__button-wrapper .museum-tag {
  border-block-start: var(--grid-border);
  color: var(--color-black);
  flex: 1;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0.8rem 0.8rem;
}
@media (min-width: 800px) {
  .playlist-video-card .playlist-video-card__button-wrapper .museum-tag {
    display: none;
  }
}
.playlist-video-card .playlist-video-card__button-wrapper .playlist-video-card__icon-button {
  border-block-start: var(--grid-border);
  border-inline-start: var(--grid-border);
  color: var(--color-black);
  height: 50px;
  padding-block: 9px 9px;
  padding-inline: 9px 9px;
  width: 50px;
}
.playlist-video-card .button__icon--before,
.playlist-video-card .button__span {
  color: var(--color-black);
}
.playlist-video-card:hover .playlist-video-card__title, .playlist-video-card:focus .playlist-video-card__title {
  text-decoration: underline;
}

.has-playlist .playlist-video-card__content-text .playlist-video-card__title {
  color: var(--color-black);
}

.playlist-video-card--active {
  background-color: var(--color-grey-lighter);
}
.playlist-video-card--active .playlist-video-card__title .playlist-video-card__title-playing-icon {
  display: inline-block !important;
}

.pagination {
  align-items: center;
  display: inline-block;
  font-size: 0;
  position: relative;
  text-align: center;
}
.pagination .number-button {
  margin-block: 0 0;
  margin-inline: 0.1rem 0.1rem;
}
.pagination .number-button--selected,
.pagination .number-button--dots {
  pointer-events: none;
}
.pagination .number-button--selected .number-button__span {
  font-size: 150%;
}
.pagination .number-button--previous {
  margin-inline-end: 1rem;
}
.pagination .number-button--next {
  margin-inline-start: 1rem;
}

.overlay-loader {
  display: none;
}

.overlay-loader--loading {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  display: flex;
  height: 100dvh;
  justify-content: center;
  position: fixed;
  top: 0;
  width: 100dvw;
  z-index: 4;
}

.object-card {
  color: inherit;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-bottom: 0;
  text-decoration: inherit;
}
@media (min-width: 800px) {
  .object-card.object-card--portrait {
    padding-bottom: 0;
  }
}
.object-card .picture__image-wrapper {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: unset;
}
.object-card .picture__image {
  max-height: 500px;
}
@media (min-width: 800px) {
  .object-card .picture__image {
    max-height: 600px;
  }
}
.object-card .object-card__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 10px;
  text-transform: uppercase;
}
html:lang(ar) .object-card .object-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card .object-card__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.object-card .picture {
  background-color: transparent;
  display: flex;
  justify-content: center;
}
.object-card .object-card__title-landscape {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 10px;
  text-transform: uppercase;
}
html:lang(ar) .object-card .object-card__title-landscape:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card .object-card__title-landscape[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.object-card .object-card__image-container {
  border-block-end: 1px solid var(--color-black);
}
@media (min-width: 800px) {
  .object-card .object-card__image-container {
    border-block-end: 0;
    width: 50%;
  }
}
.object-card .object-card__image-container .object-card__image {
  height: 500px;
  padding: 2.9rem 1.4rem;
}
@media (min-width: 800px) {
  .object-card .object-card__image-container .object-card__image {
    height: initial;
    margin-block-end: 15px;
    max-height: 692px;
  }
}
.object-card .object-card__author,
.object-card .object-card__date-tag {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .object-card .object-card__author:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card .object-card__author[lang=ar],
html:lang(ar) .object-card .object-card__date-tag:not(:not(:lang(ar))),
html:not(:lang(ar)) .object-card .object-card__date-tag[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.object-card .object-card__author {
  padding-bottom: 15px;
}
.object-card .object-card__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .object-card .object-card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card .object-card__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.object-card .object-card__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-block-end: 15px;
}
.object-card .object-card__button-wrapper {
  border-top: solid 1px var(--color-black);
  display: flex;
  flex-direction: row;
}
.object-card .object-card__button-wrapper .museum-tag {
  color: var(--color-black);
  flex: 1;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0 0.8rem;
}
.object-card .object-card__button-wrapper .button {
  border-block-start-width: 0;
  flex: 0 1 auto;
  min-width: 50px;
  padding-block: 0.5rem 0.6rem;
  padding-inline-end: 0;
  pointer-events: none;
}
.object-card .object-card__button-wrapper .button:first-child {
  flex: 0 1 100%;
  max-width: none;
}
.object-card .object-card__button-wrapper .button:first-child .button__span {
  text-align: initial;
}
.object-card .object-card__button-wrapper.object-card__button-wrapper--align-right {
  justify-content: flex-end;
}
.object-card .object-card__button-wrapper.object-card__button-wrapper--align-right .button:first-child {
  flex: none;
}
.object-card.object-card--portrait {
  gap: 1rem;
}
.object-card.object-card--portrait .object-card__date-tag,
.object-card.object-card--portrait .object-card__author {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .object-card.object-card--portrait .object-card__date-tag:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card.object-card--portrait .object-card__date-tag[lang=ar],
html:lang(ar) .object-card.object-card--portrait .object-card__author:not(:not(:lang(ar))),
html:not(:lang(ar)) .object-card.object-card--portrait .object-card__author[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.object-card.object-card--portrait .object-card__text-and-icons {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
.object-card.object-card--portrait .object-card__image-container {
  border-block-end: 0;
  padding: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  width: 100%;
}
@media (min-width: 800px) {
  .object-card.object-card--portrait .object-card__image-container {
    padding: 0;
  }
}
.object-card.object-card--portrait .object-card__image {
  height: 100%;
}
@media (min-width: 530px) {
  .object-card.object-card--portrait .object-card__image {
    overflow: hidden;
  }
}
@media (min-width: 800px) {
  .object-card.object-card--portrait .object-card__image {
    aspect-ratio: initial;
    height: auto;
    margin-block-end: 0;
  }
  .object-card.object-card--portrait .object-card__image .picture {
    padding: 0;
  }
}
.object-card.object-card--portrait .object-card__image[href] .picture::after {
  box-shadow: inset 0 0 0 0 var(--color-white);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: box-shadow var(--timing-slow) var(--bezier-tighter);
  width: 100%;
  z-index: 1;
}
.object-card.object-card--portrait .object-card__image[href]:hover .picture::after, .object-card.object-card--portrait .object-card__image[href]:focus .picture::after {
  box-shadow: inset 0 0 0 5px var(--color-white);
  transition: box-shadow calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter);
}
@media screen and (prefers-reduced-motion: reduce) {
  .object-card.object-card--portrait .object-card__image[href]:hover .picture::after, .object-card.object-card--portrait .object-card__image[href]:focus .picture::after {
    box-shadow: none;
  }
}
.object-card.object-card--portrait .object-card__image[href]:hover .picture .picture__image, .object-card.object-card--portrait .object-card__image[href]:focus .picture .picture__image {
  transform: scale(1.025) translate3d(0, 0, 0);
  transition: opacity calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter), transform calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter);
}
@media (min-width: 800px) {
  .object-card.object-card--portrait .object-card__image {
    aspect-ratio: initial;
    height: auto;
    margin-block-end: 0;
    padding: 0;
  }
  .object-card.object-card--portrait .object-card__image .picture {
    background-color: transparent;
    padding-bottom: 0;
  }
}
.object-card.object-card--landscape, .object-card.object-card--landscape-sec {
  padding: 0;
}
.object-card.object-card--landscape .object-card__text-and-icons, .object-card.object-card--landscape-sec .object-card__text-and-icons {
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-bottom: 0;
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
.object-card.object-card--landscape .picture, .object-card.object-card--landscape-sec .picture {
  width: 100%;
}
@media (min-width: 800px) {
  .object-card.object-card--landscape .object-card__image-container, .object-card.object-card--landscape-sec .object-card__image-container {
    border-left: 1px solid var(--color-black);
  }
  [dir=rtl] .object-card.object-card--landscape .object-card__image-container, [dir=rtl] .object-card.object-card--landscape-sec .object-card__image-container {
    border-left: 0;
    border-right: 1px solid var(--color-black);
  }
}
.object-card.object-card--landscape .picture__image, .object-card.object-card--landscape-sec .picture__image {
  transition: opacity var(--easing-slow), transform var(--easing-slow);
}
.object-card.object-card--landscape[href]:hover .picture .picture__image, .object-card.object-card--landscape[href]:focus .picture .picture__image, .object-card.object-card--landscape-sec[href]:hover .picture .picture__image, .object-card.object-card--landscape-sec[href]:focus .picture .picture__image {
  transform: scale(1.025) translate3d(0, 0, 0);
}
@media (min-width: 800px) {
  .object-card.object-card--landscape, .object-card.object-card--landscape-sec {
    flex-direction: row;
    max-height: 700px;
  }
  .object-card.object-card--landscape .object-card__text-wrapper, .object-card.object-card--landscape-sec .object-card__text-wrapper {
    height: 100%;
    margin-block: 0 15px;
  }
  .object-card.object-card--landscape .object-card__text-and-icons, .object-card.object-card--landscape-sec .object-card__text-and-icons {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    margin-block-start: 0;
    margin-inline-start: 15px;
    min-width: 50%;
    width: 50%;
  }
  .object-card.object-card--landscape .object-card__image, .object-card.object-card--landscape-sec .object-card__image {
    height: 100%;
    margin-block-end: 0;
    width: 100%;
  }
}
.object-card.object-card--landscape-sec .object-card__image-container {
  padding: 0;
}
.object-card.object-card--landscape-sec[href]:hover .picture .picture__image, .object-card.object-card--landscape-sec[href]:focus .picture .picture__image {
  transform: scale(1.025);
}
@media (min-width: 800px) {
  .object-card.object-card--landscape-reverse {
    flex-direction: row-reverse;
  }
  .object-card.object-card--landscape-reverse .object-card__text-and-icons {
    margin-inline: 0;
  }
  .object-card.object-card--landscape-reverse .object-card__author {
    padding-bottom: 30px;
  }
}
.object-card:hover .object-card__title, .object-card:focus .object-card__title {
  text-decoration: underline;
}

.non-image-card {
  border-block-end: 1px solid var(--color-black);
  min-height: 12rem;
  position: relative;
}
.non-image-card:first-child {
  border-block-start: 1px solid var(--color-black);
}
.non-image-card .non-image-card__wrapper {
  background: var(--color-white);
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  height: 100%;
  justify-content: space-between;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  position: relative;
}
.non-image-card .non-image-card__image {
  overflow: hidden;
  position: relative;
  transition: height var(--easing-default);
}
.non-image-card .non-image-card__image::before {
  content: "";
  display: block;
}
.non-image-card .non-image-card__image .picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.non-image-card .non-image-card__title-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.non-image-card .non-image-card__author,
.non-image-card .non-image-card__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 0.5rem;
  padding-block-start: calc(var(--grid-padding) / 2);
  width: 100%;
}
html:lang(ar) .non-image-card .non-image-card__author:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card .non-image-card__author[lang=ar],
html:lang(ar) .non-image-card .non-image-card__text:not(:not(:lang(ar))),
html:not(:lang(ar)) .non-image-card .non-image-card__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.non-image-card .non-image-card__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 0.2rem;
}
html:lang(ar) .non-image-card .non-image-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card .non-image-card__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.non-image-card .non-image-card__arrow {
  display: inline-block;
  width: 4rem;
}
.non-image-card:hover .non-image-card__title, .non-image-card:focus .non-image-card__title {
  text-decoration: underline;
}
@media (min-width: 1480px) {
  .non-image-card {
    min-height: 12rem;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .non-image-card {
    border-block-end: 1px solid var(--color-black);
    border-inline-end: 1px solid var(--color-black);
  }
  .non-image-card:nth-child(1), .non-image-card:nth-child(2) {
    border-block-start: 1px solid var(--color-black);
  }
  .non-image-card:nth-child(2n+2) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  .non-image-card {
    border-block-end: 1px solid var(--color-black);
    border-inline-end: 1px solid var(--color-black);
  }
  .non-image-card:nth-child(1), .non-image-card:nth-child(2), .non-image-card:nth-child(3) {
    border-block-start: 1px solid var(--color-black);
  }
  .non-image-card:nth-child(3n+3) {
    border-inline-end-width: 0;
  }
  .non-image-card:nth-child(4) {
    border-block-start-width: 0;
  }
  .non-image-card:last-child {
    margin-inline-end: -1px;
  }
}
@media (min-width: 1180px) {
  .non-image-card {
    border-block-end: 1px solid var(--color-black);
    border-block-start: 1px solid var(--color-black);
    border-inline-end: 1px solid var(--color-black);
  }
  .non-image-card:last-child {
    border-inline-end-width: 0;
  }
}

.member-section {
  border-block-end: var(--grid-border);
  padding-block: 40px 40px;
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.member-section .member-section__content,
.member-section .member-section__empty {
  grid-column: column 1/span 4;
}
.member-section .member-section__content {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .member-section .member-section__content:not(:not(:lang(ar))), html:not(:lang(ar)) .member-section .member-section__content[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-section .member-section__empty {
  display: none;
}
@media (min-width: 530px) {
  .member-section .member-section__content {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .member-section .member-section__empty {
    display: block;
    grid-column: column 1/span 2;
  }
  .member-section .member-section__content {
    grid-column: column 3/span 8;
  }
}
@media (min-width: 1180px) {
  .member-section .section__empty {
    grid-column: column 1/span 3;
  }
  .member-section .member-section__content {
    grid-column: column 4/span 8;
  }
}
@media (min-width: 1480px) {
  .member-section .member-section__empty {
    grid-column: column 1/span 3;
  }
  .member-section .member-section__content {
    grid-column: column 4/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 1);
  }
}
@media (min-width: 2260px) {
  .member-section .member-section__empty {
    grid-column: column 1/span 3;
  }
  .member-section .member-section__content {
    grid-column: column 4/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 1);
  }
}

.member-section--no-border {
  border-block-end: none;
}

:root {
  --timing-loader-show: 600ms;
  --timing-loader-rock-show: 2.5s;
  --timing-loader-bounce: 500ms;
}
@media screen and (prefers-reduced-motion: reduce) {
  :root {
    --timing-loader-show: 0;
    --timing-loader-rock-show: 0;
    --timing-loader-bounce: 0;
  }
}

.loader__wrap {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  min-height: 160px;
  width: 100%;
}

.loader {
  --sz: 7rem;
  animation: loader-show var(--timing-loader-show);
  display: flex;
  height: var(--sz);
  justify-content: space-evenly;
  width: calc(var(--sz) * 2);
}

.loader__sq {
  --p-sz: calc(var(--sz) / 4);
  align-items: flex-end;
  display: flex;
  height: 100%;
  justify-content: space-evenly;
  position: relative;
  transform: scale(0.6);
  width: 100%;
}
.loader__sq .loader__complex {
  animation: loader-box-bounce var(--timing-loader-bounce) cubic-bezier(0.3, 0.5, 0.4, 0.95) calc(var(--i) * 0.06s) infinite alternate-reverse;
  content: "";
  height: var(--p-sz);
  padding-inline-start: 5px;
  position: relative;
  transform: translateY(calc((var(--sz) - var(--p-sz)) * -1));
  width: var(--p-sz);
}
.loader__sq .loader__complex:first-of-type {
  background-color: var(--color-blue);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  border-radius: 50%;
  margin-block: -1px -1px;
  margin-inline: -1px -1px;
  --i: 1;
}
.loader__sq .loader__complex:nth-of-type(2) {
  --i: 3;
  background-color: var(--color-black);
  border-radius: 50%;
  margin-block: -1px -1px;
  margin-inline: -1px -1px;
  position: relative;
}
@supports (clip-path: circle()) {
  .loader__sq .loader__complex:nth-of-type(2) {
    border-radius: 0;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
}
.loader__sq .loader__complex:nth-of-type(2)::before {
  background-color: var(--color-magenta);
  content: "";
  inset: 1px;
  position: absolute;
}
@supports (clip-path: circle()) {
  .loader__sq .loader__complex:nth-of-type(2)::before {
    border-radius: 0;
    clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  }
}
.loader__sq .loader__complex:nth-of-type(3) {
  --i: 2;
  background-color: var(--color-black);
  margin-block: -1px -1px;
  margin-inline: -1px -1px;
}
@supports (clip-path: circle()) {
  .loader__sq .loader__complex:nth-of-type(3) {
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
  }
}
.loader__sq .loader__complex:nth-of-type(3)::before {
  background-color: var(--color-yellow-bright);
  content: "";
  inset: 1px;
  left: 1px;
  position: absolute;
}
.loader__sq .loader__complex:nth-of-type(4) {
  --i: 4;
  background-color: var(--color-orange);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  margin-block: -1px -1px;
  margin-inline: -1px -1px;
}

.loader__nmoq {
  animation: loader-zoom-in-out var(--timing-loader-rock-show) infinite ease-in-out;
}

@keyframes loader-zoom-in-out {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes loader-box-bounce {
  to {
    transform: translateY(0);
  }
}
@keyframes loader-box-bounce {
  to {
    transform: translateY(0);
  }
}
@keyframes loader-show {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.form {
  position: relative;
  width: 100%;
}
.form .form__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .form .form__title:not(:not(:lang(ar))), html:not(:lang(ar)) .form .form__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.form .form__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block: 1rem 1rem;
}
html:lang(ar) .form .form__text:not(:not(:lang(ar))), html:not(:lang(ar)) .form .form__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.form .form__text.form__text--error {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: var(--color-white);
  border-block-end: 1px solid var(--color-error);
  border-block-start: 1px solid var(--color-error);
  border-inline-end: 1px solid var(--color-error);
  border-inline-start: 1px solid var(--color-error);
  color: var(--color-error);
  font-weight: 500;
  margin-block: 1rem 1rem;
  padding-block: 0.75rem 0.75rem;
  padding-inline: 1rem 1rem;
}
html:lang(ar) .form .form__text.form__text--error:not(:not(:lang(ar))), html:not(:lang(ar)) .form .form__text.form__text--error[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.form .form__text.form__text--error::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Ccircle fill='%23E9190A' cx='7.5' cy='7.5' r='7.5'/%3E%3Cpath stroke='%23FFF' d='M7.5 3v7M7.5 11v1'/%3E%3C/g%3E%3C/svg%3E");
  content: "";
  display: inline-block;
  flex-shrink: 0;
  height: 15px;
  margin-inline-end: 5px;
  width: 15px;
}
.form .form__text.form__text--error > p {
  display: inline;
}
.form .g-recaptcha {
  margin-bottom: 20px;
}

.expander-content {
  position: relative;
}
.expander-content .expander__content__english,
.expander-content .expander__content__latinized,
.expander-content .expander__content__arabic,
.expander-content .expander__content__country,
.expander-content .expander__content__text,
.expander-content .expander__content__notes {
  max-width: 50rem;
  padding-block-end: calc(var(--grid-padding) * 2);
}
[dir=rtl] .expander-content .expander__content__english,
[dir=rtl] .expander-content .expander__content__latinized,
[dir=rtl] .expander-content .expander__content__arabic,
[dir=rtl] .expander-content .expander__content__country,
[dir=rtl] .expander-content .expander__content__text,
[dir=rtl] .expander-content .expander__content__notes {
  padding-block-end: calc(var(--grid-padding) * 2.5);
}
.expander-content .expander__content__label {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  padding-block-end: calc(var(--grid-padding) / 2);
}
html:lang(ar) .expander-content .expander__content__label:not(:not(:lang(ar))), html:not(:lang(ar)) .expander-content .expander__content__label[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.expander {
  position: relative;
}
.expander .expander__buttons {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  align-items: flex-start;
  display: flex;
  flex-flow: row wrap;
  gap: 0 0.5rem;
  justify-content: flex-start;
  width: 100%;
}
html:lang(ar) .expander .expander__buttons:not(:not(:lang(ar))), html:not(:lang(ar)) .expander .expander__buttons[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.expander .expander__button {
  align-items: flex-start;
  color: var(--color-black);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 1em;
  padding: 1rem 0;
  padding-block-end: calc(var(--grid-padding) * 2);
  width: 100%;
}
.expander .expander__button:hover .expander__button-title {
  text-decoration: none;
}
.expander .expander__button-icon {
  aspect-ratio: 1/1;
  display: inline-block;
  padding: calc((1lh - 1rem) / 2);
  padding-block-start: 0.5rem;
}
.expander .expander__button-title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  flex: 1 1 100%;
  text-align: left;
}
html:lang(ar) .expander .expander__button-title:not(:not(:lang(ar))), html:not(:lang(ar)) .expander .expander__button-title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
[dir=rtl] .expander .expander__button-title {
  text-align: right;
}
.expander .expander__content-container {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--easing-default);
}
.expander .expander__content-container[aria-hidden=true], .expander .expander__content-container[hidden] {
  grid-template-rows: 0fr;
}
.expander .expander__content-container[aria-hidden=false], .expander .expander__content-container:not([hidden]) {
  grid-template-rows: 1fr;
}
.expander .expander__content {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  overflow: hidden;
}
html:lang(ar) .expander .expander__content:not(:not(:lang(ar))), html:not(:lang(ar)) .expander .expander__content[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.expander .expander__content-inner {
  color: var(--color-black);
  padding: 1.5rem 0;
  padding-block-start: calc(var(--grid-padding) * 0.6);
}
.expander .expander__content-inner > div:not(:last-child) {
  margin-block-end: 1.5rem;
}
.expander.expander--expanded .expander__button-icon--expand {
  display: none;
}
.expander:not(.expander--expanded) .expander__button-icon--collapse {
  display: none;
}

.form-row > .datepicker-single-input {
  margin-block: 24px 0;
}

.datepicker-single-input {
  background-color: transparent;
  border-radius: 0;
  clip: inherit;
  display: inline-block;
  margin-block-start: 24px;
  margin-bottom: 0px;
  margin-inline: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
  position: relative;
  width: 100%;
}
.datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background: var(--color-white);
  clip: inherit;
  display: block;
  left: 11px;
  padding-block: 1px 0px;
  padding-inline: 10px 10px;
  position: absolute;
  top: -19px;
  z-index: 20;
}
html:lang(ar) .datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__label:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
[dir=rtl] .datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__label {
  left: auto;
  right: 11px;
}
.datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: transparent;
  border: 1px solid currentcolor;
  clip: inherit;
  color: var(--color-grey);
  cursor: pointer;
  display: inline-block;
  height: 49px;
  padding-inline-start: 18px;
  position: relative;
  text-transform: inherit;
  width: 100%;
  z-index: 0;
}
html:lang(ar) .datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__input:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__input.date__input--active {
  border: 2px solid currentcolor;
  border-radius: 5px;
  outline-color: currentcolor;
}
.datepicker-single-input .datepicker-single-input__datepicker-field-wrapper .date__input:focus-visible {
  border: 2px solid currentcolor;
  border-radius: 5px;
  outline-color: currentcolor;
}
.datepicker-single-input .datepicker-single-input__calendar-container {
  display: block;
  filter: drop-shadow(0px 1px 2px var(--color-grey-light));
  padding-block-end: 16px;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.datepicker-single-input .datepicker-single-input__calendar-container[aria-hidden=true] {
  display: none;
}
.datepicker-single-input .datepicker-single-input__calendar-container .datepicker {
  background: var(--color-white);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[dir=rtl] .datepicker-single-input .datepicker-single-input__calendar-container .datepicker {
  left: auto;
  right: 0;
}

.form-row > .datepicker-range-input {
  margin-block: 24px 0;
}

.datepicker-range-input {
  background-color: transparent;
  border-radius: 0;
  clip: inherit;
  display: inline-block;
  margin-block-start: 24px;
  margin-bottom: 0px;
  margin-inline: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2);
  position: relative;
  width: 100%;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label,
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  background: var(--color-white);
  clip: inherit;
  display: block;
  padding-block: 1px 0px;
  padding-inline: 10px 10px;
  position: absolute;
  top: -19px;
  z-index: 20;
}
html:lang(ar) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label[lang=ar],
html:lang(ar) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label:not(:not(:lang(ar))),
html:not(:lang(ar)) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
[dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label,
[dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label {
  color: var(--field-label-ar-color, currentColor);
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  -webkit-text-decoration: var(--field-label-ar-text-decoration);
          text-decoration: var(--field-label-ar-text-decoration);
  text-decoration-thickness: var(--field-label-ar-text-decoration-thickness);
  text-transform: var(--field-label-ar-text-transform);
  text-underline-offset: var(--field-label-ar-text-underline-offset);
  word-spacing: var(--field-label-ar-word-spacing);
  padding-block: var(--field-label-ar-padding-top) var(--field-label-ar-padding-bottom);
  left: auto;
  right: 11px;
}
html:lang(ar) [dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label:not(:not(:lang(ar))), html:not(:lang(ar)) [dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label[lang=ar],
html:lang(ar) [dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label:not(:not(:lang(ar))),
html:not(:lang(ar)) [dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label[lang=ar] {
  font-family: var(--field-label-ar-ar-font-family);
  font-feature-settings: var(--field-label-ar-ar-font-feature-settings);
  font-size: var(--field-label-ar-ar-font-size);
  font-style: var(--field-label-ar-ar-font-style);
  font-variant: var(--field-label-ar-ar-font-variant);
  font-weight: var(--field-label-ar-ar-font-weight);
  letter-spacing: var(--field-label-ar-ar-letter-spacing);
  line-height: var(--field-label-ar-ar-line-height);
  text-transform: var(--field-label-ar-ar-text-transform);
  word-spacing: var(--field-label-ar-ar-word-spacing);
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__label {
  left: 11px;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label {
  left: calc(50% + 11px);
}
[dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__label {
  left: auto;
  right: calc(50% + 11px);
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__input,
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  background-color: transparent;
  border: 1px solid currentcolor;
  clip: inherit;
  color: var(--color-grey);
  cursor: pointer;
  display: inline-block;
  height: 49px;
  padding-inline-start: 18px;
  position: relative;
  text-transform: inherit;
  width: 50%;
  z-index: 0;
}
html:lang(ar) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__input:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__input[lang=ar],
html:lang(ar) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input:not(:not(:lang(ar))),
html:not(:lang(ar)) .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__input:focus-visible,
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input:focus-visible {
  border-color: currentcolor;
  border-width: 1px;
  outline: 0px currentcolor;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .from-date__input--active, .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input--active {
  border-color: currentcolor;
  border-width: 2px;
  outline: 0px currentcolor;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper .to-date__input {
  border-inline-start: none;
  margin-inline-start: -5px;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper:has(.from-date__input:focus-visible, .to-date__input:focus-visible) .from-date__input {
  border-radius: 5px 0 0 5px;
  border-width: 2px;
}
[dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper:has(.from-date__input:focus-visible, .to-date__input:focus-visible) .from-date__input {
  border-radius: 0 5px 5px 0;
}
.datepicker-range-input .datepicker-range-input__datepicker-field-wrapper:has(.from-date__input:focus-visible, .to-date__input:focus-visible) .to-date__input {
  border-radius: 0 5px 5px 0;
  border-width: 2px;
}
[dir=rtl] .datepicker-range-input .datepicker-range-input__datepicker-field-wrapper:has(.from-date__input:focus-visible, .to-date__input:focus-visible) .to-date__input {
  border-radius: 5px 0 0 5px;
}
.datepicker-range-input .datepicker-range-input__calendar-container {
  display: block;
  filter: drop-shadow(0px 1px 2px var(--color-grey-light));
  padding-block-end: 16px;
  position: absolute;
  width: 100%;
  z-index: 100;
}
.datepicker-range-input .datepicker-range-input__calendar-container[aria-hidden=true] {
  display: none;
}
.datepicker-range-input .datepicker-range-input__calendar-container .datepicker-range {
  background: var(--color-white);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 1180px) {
  .datepicker-range-input .datepicker-range-input__calendar-container .datepicker-range {
    width: unset;
  }
}
@media (min-width: 2260px) {
  .datepicker-range-input .datepicker-range-input__calendar-container .datepicker-range {
    width: 100%;
  }
}
[dir=rtl] .datepicker-range-input .datepicker-range-input__calendar-container .datepicker-range {
  left: auto;
  right: 0;
}

.datepicker-range {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  font-weight: normal;
}
html:lang(ar) .datepicker-range:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker-range[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker-range .datepicker-range__calendar-wrapper {
  display: flex;
  margin-block-end: 16px;
  place-content: center center;
}
.datepicker-range .datepicker-range__buttons-wrapper {
  display: flex;
  margin-block-end: 16px;
  place-content: center center;
}
.datepicker-range .datepicker-range__buttons-wrapper .button {
  margin-inline: 10px;
}

.datepicker {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  font-weight: normal;
}
html:lang(ar) .datepicker:not(:not(:lang(ar))), html:not(:lang(ar)) .datepicker[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.datepicker .datepicker__calendar-wrapper {
  display: flex;
  place-content: center center;
}
.datepicker .datepicker__buttons-wrapper {
  display: flex;
  margin-block-end: 16px;
  place-content: center center;
}
.datepicker .datepicker__buttons-wrapper .button {
  margin-inline: 10px;
}

.CalendarDay {
  border-color: var(--color-white);
  font-weight: bold;
  position: relative;
}
.CalendarDay:hover {
  background: var(--color-grey-light);
  border-color: var(--color-white);
  color: var(--color-black);
}

.CalendarDay__selected_span,
.CalendarDay__hovered_span,
.CalendarDay__selected,
.CalendarDay__selected:active,
.CalendarDay__selected:hover {
  background: var(--color-grey);
  border-color: var(--color-white);
  color: var(--color-white);
  cursor: pointer;
}
.CalendarDay__selected_span:hover,
.CalendarDay__hovered_span:hover,
.CalendarDay__selected:hover,
.CalendarDay__selected:active:hover,
.CalendarDay__selected:hover:hover {
  border-color: var(--color-white);
}

.CalendarMonth_caption strong {
  font-weight: normal;
}

.DayPicker_weekHeader_li {
  color: var(--color-black);
  font-size: 1rem;
  font-weight: 300;
}

.DayPickerNavigation_button__default {
  border-color: var(--color-white);
}

.CalendarDay__blocked_out_of_range {
  opacity: 0.66;
  pointer-events: none;
}

.date-field {
  position: relative;
}
.date-field .date-field__helptext {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  align-items: center;
  display: block;
  max-width: 100%;
  width: auto;
}
html:lang(ar) .date-field .date-field__helptext:not(:not(:lang(ar))), html:not(:lang(ar)) .date-field .date-field__helptext[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}

.composition-card {
  cursor: pointer;
  display: block;
  overflow: visible;
  padding-block-end: calc(var(--button-line-height) + 1.04rem + 2px);
  position: relative;
}
.composition-card .composition-card__image {
  background-color: var(--color-white);
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  color: var(--color-black);
  overflow: hidden;
  position: relative;
}
.composition-card .composition-card__image::before {
  content: "";
  display: block;
}
.composition-card .composition-card__image .picture,
.composition-card .composition-card__image .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.composition-card .composition-card__content {
  bottom: 0;
  display: inline-flex;
  flex-direction: column;
  left: 0;
  max-width: calc(100% - var(--grid-padding) * 2);
  min-width: 280px;
  position: absolute;
  width: calc(100% - var(--grid-padding) * 2);
}
[dir=rtl] .composition-card .composition-card__content {
  left: auto;
  right: 0;
}
.composition-card .composition-card__content-text {
  background: var(--color-white);
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  padding-block: 0.75rem 0.75rem;
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1.5);
}
.composition-card .composition-card__content-text .composition-card__pre-title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  color: var(--color-black);
  margin-block-end: 0.25rem;
}
html:lang(ar) .composition-card .composition-card__content-text .composition-card__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card .composition-card__content-text .composition-card__pre-title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.composition-card .composition-card__content-text .composition-card__title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  color: var(--color-black);
  min-height: var(--heading-4-line-height);
}
html:lang(ar) .composition-card .composition-card__content-text .composition-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card .composition-card__content-text .composition-card__title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.composition-card .composition-card__content-text .composition-card__publisher-names {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  border-block-start: 0;
  color: var(--color-black);
  font-size: 16px;
  margin-block-start: 0.25rem;
  max-width: 70%;
}
html:lang(ar) .composition-card .composition-card__content-text .composition-card__publisher-names:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card .composition-card__content-text .composition-card__publisher-names[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 800px) {
  .composition-card .composition-card__content-text .composition-card__publisher-names {
    font-size: 18px;
  }
}
.composition-card .composition-card__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  color: var(--color-black);
}
html:lang(ar) .composition-card .composition-card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card .composition-card__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.composition-card .composition-card__button-wrapper {
  background-color: var(--color-white);
  display: flex;
  flex-direction: row;
}
.composition-card .composition-card__button-wrapper .museum-tag {
  border-block-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  color: var(--color-black);
  flex: 1;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0.8rem 0.8rem;
}
.composition-card .composition-card__button-wrapper .button {
  border-block-start-width: 0;
  flex: 0 1 auto;
  min-width: 50px;
  padding-block: 0.5rem 0.6rem;
  pointer-events: none;
}
.composition-card .composition-card__button-wrapper .button:first-child {
  flex: 0 1 100%;
  max-width: none;
}
.composition-card .composition-card__button-wrapper .button:first-child .button__span {
  text-align: initial;
}
.composition-card .composition-card__exhibition-labels {
  display: inline-block;
  font-size: 0;
  width: auto;
}
.composition-card .composition-card__exhibition-labels .exhibition-label {
  border-block-end-width: 0;
}
.composition-card .composition-card__quote {
  background-color: var(--color-orange);
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  color: var(--color-black);
  overflow: hidden;
  position: relative;
}
.composition-card .composition-card__quote::before {
  content: "";
  display: block;
  padding-block-start: 112.5%;
}
.composition-card .composition-card__quote-text {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  height: 100%;
  left: 0;
  max-width: 7em;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
html:lang(ar) .composition-card .composition-card__quote-text:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card .composition-card__quote-text[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
[dir=rtl] .composition-card .composition-card__quote-text {
  left: auto;
  right: 0;
}
.composition-card .composition-card__slideshow {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.composition-card .composition-card__slideshow .picture {
  opacity: 0;
  transition: opacity var(--easing-slow);
  z-index: auto;
}
.composition-card .composition-card__slideshow .picture--active {
  opacity: 1;
  z-index: 99;
}
.composition-card .composition-card__quote-text {
  font-size: 12vw;
}
@media (min-width: 530px) {
  .composition-card .composition-card__quote-text {
    font-size: 10vw;
  }
}
@media (min-width: 800px) {
  .composition-card .composition-card__content {
    width: 36vw;
  }
  .composition-card .composition-card__quote-text {
    font-size: 5vw;
  }
}
@media (min-width: 1180px) {
  .composition-card .composition-card__quote-text {
    font-size: 4vw;
  }
}
@media (min-width: 1480px) {
  .composition-card .composition-card__content {
    width: 28vw;
  }
  .composition-card .composition-card__quote-text {
    font-size: 4vw;
  }
}
@media (min-width: 2260px) {
  .composition-card .composition-card__quote-text {
    font-size: 3vw;
  }
}
.composition-card:hover .composition-card__title, .composition-card:focus .composition-card__title {
  text-decoration: underline;
}
.composition-card[href] .picture .picture__image {
  transform: translate3d(0, 0, 0);
  transition: opacity calc(var(--timing-default) * 1.5) var(--bezier-tighter), transform calc(var(--timing-default) * 1.5) var(--bezier-tighter);
}
.composition-card[href]:hover .picture .picture__image, .composition-card[href]:focus .picture .picture__image {
  transform: scale(1.05) translate3d(0, 0, 0);
  transition: opacity calc(var(--timing-default) * 2) var(--bezier-tighter), transform calc(var(--timing-default) * 2) var(--bezier-tighter);
}

.composition-card--portrait .composition-card__image::before {
  padding-block-start: 112.5%;
}

.composition-card--landscape .composition-card__image::before,
.composition-card--landscape-large .composition-card__image::before {
  padding-block-start: 56.25%;
}

.composition-card--header .composition-card__image::before {
  padding-block-start: 90vh;
}

.card {
  background-color: var(--color-white);
  color: var(--color-black);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  min-width: 280px;
  overflow: visible;
  position: relative;
  width: 100%;
}
.card .card__wrapper {
  background: var(--color-white);
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  height: 100%;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  position: relative;
}
.card .card__image {
  overflow: hidden;
  position: relative;
  transition: height var(--easing-default);
}
.card .card__image::before {
  content: "";
  display: block;
}
.card .card__image .picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.card .card__content {
  margin-block-start: auto;
  padding-block-start: calc(var(--grid-padding) * 5);
  position: relative;
}
.card .card__title-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
}
.card .card__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 0.5rem;
  width: 100%;
}
html:lang(ar) .card .card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .card .card__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.card .card__title-link {
  pointer-events: none;
  text-decoration: none;
}
.card .card__title-link:hover, .card .card__title-link:focus {
  text-decoration: none;
}
.card .card__button {
  display: none;
}
@media (min-width: 530px) {
  .card .card__button {
    margin-inline-start: calc(var(--grid-padding) * 4);
    min-width: 180px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    transition: opacity var(--easing-default);
  }
}
.card .card__text,
.card .card__author {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  flex: 1 1 auto;
  margin-block-end: 0.4rem;
}
html:lang(ar) .card .card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .card .card__text[lang=ar],
html:lang(ar) .card .card__author:not(:not(:lang(ar))),
html:not(:lang(ar)) .card .card__author[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card .card__pre-title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 0.2rem;
  text-transform: uppercase;
}
html:lang(ar) .card .card__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .card .card__pre-title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card .card__description {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  height: 0;
  margin-block-start: 0;
  overflow: hidden;
  transition: height var(--easing-default), opacity var(--easing-default);
}
html:lang(ar) .card .card__description:not(:not(:lang(ar))), html:not(:lang(ar)) .card .card__description[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card .card__button-wrapper {
  border-block-start: 1px solid currentcolor;
  border-top: solid 1px var(--color-black);
  display: flex;
  flex-direction: row;
  margin-block: 1rem calc(var(--grid-padding) * -1.5);
  position: relative;
}
.card .card__button-wrapper.card__button-wrapper--align-right {
  justify-content: flex-end;
}
.card .card__button-wrapper.card__button-wrapper--align-right .button--action:first-child {
  flex: none;
}
.card .museum-tag {
  flex: 1 1 auto;
  padding-block: calc(var(--grid-padding) * 1.5);
  padding-inline: 0;
  position: relative;
}
.card .button--action {
  margin-inline-start: var(--grid-padding);
  min-width: unset;
  padding-block: var(--grid-padding);
  padding-inline: 0;
  pointer-events: none;
  white-space: nowrap;
}
.card .button--action:first-child {
  flex: 0 1 100%;
  max-width: none;
}
.card .button--action:first-child .button__span {
  text-align: initial;
}
.card .card__exhibition-labels {
  bottom: 0;
  display: inline-block;
  font-size: 0;
  left: 0;
  position: absolute;
  vertical-align: bottom;
  width: auto;
}
.card .card__subject-tag {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  border: solid 1px var(--color-black);
  margin-block-end: 1rem;
  padding: 0.375rem 0.625rem;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
html:lang(ar) .card .card__subject-tag:not(:not(:lang(ar))), html:not(:lang(ar)) .card .card__subject-tag[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.card:hover .card__title, .card:focus .card__title {
  text-decoration: underline;
}
.card[href] .picture::after {
  box-shadow: inset 0 0 0 0 var(--color-white);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: box-shadow var(--timing-slow) var(--bezier-tighter);
  width: 100%;
  z-index: 1;
}
.card[href]:hover .picture::after, .card[href]:focus .picture::after {
  box-shadow: inset 0 0 0 5px var(--color-white);
  transition: box-shadow calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter);
}
@media screen and (prefers-reduced-motion: reduce) {
  .card[href]:hover .picture::after, .card[href]:focus .picture::after {
    box-shadow: none;
  }
}
.card[href]:hover .picture .picture__image, .card[href]:focus .picture .picture__image {
  transform: scale(1.025) translate3d(0, 0, 0);
  transition: opacity calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter), transform calc(var(--timing-slow) + var(--timing-default)) var(--bezier-tighter);
}
.card.card--no-image .card__exhibition-labels {
  position: initial;
}

.card--portrait .card__image::before {
  padding-block-start: 112.5%;
}

.card--square .card__image::before {
  padding-block-start: 100%;
}

.card--landscape {
  min-width: 80%;
}
.card--landscape .card__image::before {
  padding-block-start: 75%;
}
@media (min-width: 530px) {
  .card--landscape {
    max-width: 100%;
    min-width: 280px;
  }
}

.card--storyheader .card__image::before {
  padding-block-start: 112.5%;
}

.card--slide-introduction {
  border: 1px solid var(--color-black);
  height: 100%;
}
.card--slide-introduction:focus, .card--slide-introduction:hover {
  cursor: initial;
}
.card--slide-introduction:focus .card__title, .card--slide-introduction:hover .card__title {
  text-decoration: none;
}
.card--slide-introduction .card__wrapper {
  padding-block: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
  padding-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
}
.card--slide-introduction .card__content {
  margin-block-start: unset;
  padding-block-start: unset;
}
.card--slide-introduction .card__pre-title {
  margin-block-end: 0.75rem;
}
.card--slide-introduction .card__title {
  margin-block-end: 0.75rem;
}
.card--slide-introduction .card__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .card--slide-introduction .card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .card--slide-introduction .card__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.card--slide-introduction .card__cta-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--grid-padding);
  margin-block-start: 2.25rem;
  width: -moz-fit-content;
  width: fit-content;
}

.call-card {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  background-color: var(--color-white);
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  width: 100%;
}
.call-card .call-card__image,
.call-card .call-card__video {
  aspect-ratio: 1/1;
}
.call-card .call-card__image {
  display: inherit;
  position: relative;
}
.call-card .call-card__image .picture,
.call-card .call-card__image .video {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
}
.call-card .call-card__image .picture__image,
.call-card .call-card__image .video__video {
  aspect-ratio: 40/45;
  padding-block-end: 0;
}
.call-card .call-card__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block-start: calc(var(--grid-padding) * 2);
}
.call-card .call-card__content .button--forward {
  display: block;
}
.call-card .call-card__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  line-height: 0.85em;
  margin-block-end: 0.85rem;
  word-break: break-word;
}
html:lang(ar) .call-card .call-card__title:not(:not(:lang(ar))), html:not(:lang(ar)) .call-card .call-card__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.call-card .call-card__arrow {
  color: currentcolor;
  padding-block-end: calc(var(--grid-padding) * 3);
  padding-inline-start: 0.5rem;
  transform: translateY(-1rem);
  width: 0.6rem;
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
}
html:lang(ar) .call-card .call-card__arrow:not(:not(:lang(ar))), html:not(:lang(ar)) .call-card .call-card__arrow[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
@media (min-width: 530px) {
  .call-card .call-card__arrow {
    width: 4rem;
  }
}
.call-card .call-card__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column-reverse;
  margin-top: 1rem;
}
html:lang(ar) .call-card .call-card__text:not(:not(:lang(ar))), html:not(:lang(ar)) .call-card .call-card__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
@media (min-width: 530px) {
  .call-card .call-card__link {
    width: 40px;
  }
}
@media (min-width: 800px) {
  .call-card .call-card__content {
    padding-block-start: 0;
  }
  .call-card .call-card__link {
    width: 80px;
  }
}
@media (min-width: 1180px) {
  .call-card {
    flex-direction: row-reverse;
  }
  .call-card .call-card__image,
  .call-card .call-card__video {
    flex: 1;
  }
  .call-card .call-card__content {
    flex: 3;
  }
}
@media (min-width: 1480px) {
  .call-card.call-card__desktop-full {
    border-block-start: 1px solid currentcolor;
    grid-column-start: 1;
  }
}

.call-card--theme-blue {
  background-color: var(--color-blue);
  color: var(--color-black);
}

.call-card--theme-yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.call-card--theme-orange {
  background-color: var(--color-orange);
  color: var(--color-black);
}

.call-card--theme-magenta {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.call-card--theme-branded {
  background-color: var(--branded-background);
  color: var(--branded-foreground);
  justify-content: space-between;
}
.call-card--theme-branded .call-card__image,
.call-card--theme-branded .call-card__video {
  margin-block-end: 1rem;
}
.call-card--theme-branded .call-card__image .picture,
.call-card--theme-branded .call-card__video .picture {
  aspect-ratio: auto;
}
@media (min-width: 1180px) {
  .call-card--theme-branded {
    flex-direction: row-reverse;
  }
  .call-card--theme-branded .call-card__image,
  .call-card--theme-branded .call-card__video {
    display: inherit;
    flex: none;
    height: auto;
    margin-block-end: 0;
    margin-inline-start: 1rem;
    max-width: calc(400px - 1rem);
    padding-block: 0;
    position: relative;
    width: 33.3333333333%;
  }
  .call-card--theme-branded .call-card__image .picture__image,
  .call-card--theme-branded .call-card__video .picture__image {
    max-height: auto;
  }
  .call-card--theme-branded .call-card__content {
    flex: 1;
  }
  .call-card--theme-branded .call-card__content .call-card__text {
    max-width: 968px;
  }
  .call-card--theme-branded .call-card__image + .call-card__content,
  .call-card--theme-branded .call-card__video + .call-card__content {
    max-width: 968px;
  }
}

.video-story-header .video-story-header__content-grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  padding-inline: var(--grid-padding) var(--grid-padding);
  transition: transform var(--timing-slow) ease;
}
.video-story-header .video-story-header__title-container,
.video-story-header .video-story-header__tags-container,
.video-story-header .video-story-header__metadata-wrapper {
  background-color: var(--color-white);
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  padding-block: calc(0.5 * var(--grid-padding)) var(--grid-padding);
  padding-inline: calc(1.5 * var(--grid-padding)) var(--grid-padding);
}
.video-story-header .video-story-header__title-wrapper {
  grid-column: column 1/span 6;
  position: relative;
  z-index: 1;
}
@media (min-width: 800px) {
  .video-story-header .video-story-header__title-wrapper {
    grid-column: column 1/span 11;
  }
}
@media (min-width: 1180px) {
  .video-story-header .video-story-header__title-wrapper {
    grid-column: column 1/span 9;
  }
}
@media (min-width: 1480px) {
  .video-story-header .video-story-header__title-wrapper {
    grid-column: column 2/span 9;
  }
}
@media (min-width: 2260px) {
  .video-story-header .video-story-header__title-wrapper {
    grid-column: column 3/span 9;
  }
}
.video-story-header .video-story-header__title-container {
  padding-block-start: var(--grid-padding);
  padding-inline-end: var(--grid-padding);
}
@media (min-width: 1180px) {
  .video-story-header .video-story-header__title-container {
    padding-inline-end: 15%;
  }
}
.video-story-header .exhibition-label {
  border-bottom-width: 0;
}
.video-story-header .video-story-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: 16px;
}
html:lang(ar) .video-story-header .video-story-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .video-story-header .video-story-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.video-story-header .video-story-header__exhibition-labels {
  display: inline-block;
  font-size: 0;
  vertical-align: bottom;
  width: auto;
}
.video-story-header .video-story-header__metadata-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span 6;
  justify-content: space-between;
  margin-inline-end: 10px;
  padding-block: 75px 20px;
  transform: translate(20px, -50px);
}
@media (min-width: 800px) {
  .video-story-header .video-story-header__metadata-wrapper {
    grid-column: column 4/span 9;
    margin-inline-end: 0;
  }
}
@media (min-width: 1180px) {
  .video-story-header .video-story-header__metadata-wrapper {
    grid-column: column 10/span 4;
    height: -moz-fit-content;
    height: fit-content;
    margin-inline-start: -20%;
    padding-block-start: 20px;
    padding-inline-start: 20%;
    transform: translate(0);
  }
}
@media (min-width: 1480px) {
  .video-story-header .video-story-header__metadata-wrapper {
    grid-column: column 11/span 4;
    padding-inline-end: calc(2 * var(--grid-padding));
  }
}
@media (min-width: 2260px) {
  .video-story-header .video-story-header__metadata-wrapper {
    grid-column: column 12/span 3;
  }
}
.video-story-header .video-story-header__metadata-button {
  margin-block-start: 23px;
}
.video-story-header .video-story-header__item {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block: calc(var(--grid-padding) * 3) calc(var(--grid-padding) * 2);
}
html:lang(ar) .video-story-header .video-story-header__item:not(:not(:lang(ar))), html:not(:lang(ar)) .video-story-header .video-story-header__item[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.video-story-header .video-story-header__item .video-story-header__item-label {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
}
html:lang(ar) .video-story-header .video-story-header__item .video-story-header__item-label:not(:not(:lang(ar))), html:not(:lang(ar)) .video-story-header .video-story-header__item .video-story-header__item-label[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
@media (min-width: 800px) {
  .video-story-header .video-story-header__item .link__hover-container--default .link__icon--after,
  .video-story-header .video-story-header__item .link__hover-container--default .link__icon--before {
    display: none;
  }
}
.video-story-header .video-story-header__introduction {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  font-size: 1.875rem;
  line-height: 1.2em;
  margin-block-end: 20px;
}
html:lang(ar) .video-story-header .video-story-header__introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .video-story-header .video-story-header__introduction[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.video-story-header .video-story-header__subtitle {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  letter-spacing: 0.2px;
  margin-block-end: 40px;
  text-transform: uppercase;
}
html:lang(ar) .video-story-header .video-story-header__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .video-story-header .video-story-header__subtitle[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.video-story-header .video-story-header__tags-container {
  border-top-width: 0;
}
.video-story-header .video-story-header__tags-container .museum-tag {
  padding-inline-start: 0;
}
.video-story-header .video-story-header__description,
.video-story-header .video-story-header__metadata-button,
.video-story-header .video-story-header__metadata-content {
  padding-inline-start: var(--grid-padding);
}
@media (min-width: 1180px) {
  .video-story-header .video-story-header__description,
  .video-story-header .video-story-header__metadata-button,
  .video-story-header .video-story-header__metadata-content {
    padding-inline-start: calc(2 * var(--grid-padding));
  }
}
.video-story-header[data-has-playlist=true] .video-story-header__metadata-wrapper {
  margin-inline-end: 10px;
}

#museum-table-section {
  display: none;
}

#museum-table-section.tickets-section--visible {
  display: block;
}

.tickets-table th,
.tickets-table td {
  border-color: var(--color-black);
  border-left-style: solid;
  border-top-style: solid;
  border-width: 1px;
}
.tickets-table .tickets-table__table {
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-collapse: collapse;
  border-color: var(--color-black);
  margin-block-start: 70px;
  width: 100%;
}
.tickets-table .tickets-table__table.tickets-table__table--fetching .tickets-table__quantity,
.tickets-table .tickets-table__table.tickets-table__table--fetching .tickets-table__buttons {
  opacity: 0.33;
  pointer-events: none;
}
.tickets-table .tickets-table__table tbody td {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  padding-inline: 15px 15px;
  text-transform: unset;
}
html:lang(ar) .tickets-table .tickets-table__table tbody td:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__table tbody td[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-table .tickets-table__table thead td,
.tickets-table .tickets-table__table thead tr {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
  border-width: 0;
  padding-block-end: 8px;
}
html:lang(ar) .tickets-table .tickets-table__table thead td:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__table thead td[lang=ar],
html:lang(ar) .tickets-table .tickets-table__table thead tr:not(:not(:lang(ar))),
html:not(:lang(ar)) .tickets-table .tickets-table__table thead tr[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.tickets-table .tickets-table__table thead td:first-child {
  padding-inline-start: 15px;
}
.tickets-table .tickets-table__table thead td:last-child {
  display: none;
  padding-inline-end: 30px;
  text-align: right;
}
.tickets-table .tickets-table__type {
  margin-block: 0.8rem 3rem;
  vertical-align: top;
}
.tickets-table .tickets-table__title-span {
  display: block;
  margin-block-start: 0.8rem;
}
.tickets-table .tickets-table__description-span {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
  margin-block: 0.5rem -1.5rem;
}
html:lang(ar) .tickets-table .tickets-table__description-span:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__description-span[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-table .tickets-table__price-span {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
  margin-block: 3rem 0.8rem;
}
html:lang(ar) .tickets-table .tickets-table__price-span:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__price-span[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-table tbody td.tickets-table__quantity {
  padding-block: 0 0;
  padding-inline: 0 0;
  position: relative;
  text-align: center;
  width: 100px;
}
.tickets-table tbody td.tickets-table__quantity input {
  bottom: 0;
  left: 0;
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.tickets-table tbody td.tickets-table__subtotal {
  display: none;
  padding-inline-end: 30px;
  text-align: right;
  width: 32%;
}
.tickets-table tbody td.tickets-table__buttons {
  min-height: 120px;
  min-width: 60px;
  padding-inline: 0 0;
  position: relative;
}
.tickets-table .tickets-table__buttons-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.tickets-table .tickets-table__buttons-wrapper button {
  align-items: center;
  display: flex;
  flex: 1;
  justify-content: center;
  min-height: 60px;
  width: 100%;
}
.tickets-table .tickets-table__button::before {
  content: "";
  display: block;
}
.tickets-table .tickets-table__button--plus {
  border-bottom: 1px solid var(--color-black);
}
.tickets-table .tickets-table__button--plus:disabled {
  opacity: 0.33;
}
.tickets-table .tickets-table__button--plus::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23000' fill-rule='evenodd'%3E%3Cpath d='M5.143 0h1.714v12H5.143z'/%3E%3Cpath d='M12 5.143v1.714H0V5.143z'/%3E%3C/g%3E%3C/svg%3E");
  height: 12px;
  width: 12px;
}
.tickets-table .tickets-table__button--minus::before {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='12' height='2' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 .143v1.714H0V.143z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  height: 2px;
  width: 12px;
}
.tickets-table .tickets-table__filler-col {
  width: 1px;
}
.tickets-table .tickets-table__total {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  padding-block: 30px 30px;
  padding-inline: var(--grid-padding) 30px;
}
html:lang(ar) .tickets-table .tickets-table__total:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__total[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-table .tickets-table__total > div {
  text-align: right;
}
.tickets-table .tickets-table__total-price {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
}
html:lang(ar) .tickets-table .tickets-table__total-price:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__total-price[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-table .tickets-table__total-label {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
  padding-block-end: 10px;
}
html:lang(ar) .tickets-table .tickets-table__total-label:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table .tickets-table__total-label[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
@media (min-width: 800px) {
  .tickets-table .tickets-table__table thead td:last-child,
  .tickets-table tbody td.tickets-table__subtotal {
    display: table-cell;
  }
}

.tickets-table__title h2 {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  display: block;
  margin-block: 4rem 2rem;
  padding-inline: 15px 15px;
}
html:lang(ar) .tickets-table__title h2:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table__title h2[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
@media (min-width: 800px) {
  .tickets-table__title h2 {
    margin-block-start: 6rem;
  }
}

.tickets-table__payment-options-message {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  display: block;
  margin-block: 2rem -2.2rem;
  padding-inline: 15px 15px;
}
html:lang(ar) .tickets-table__payment-options-message:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table__payment-options-message[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.tickets-table__payment-options-message .tickets-table__payment-options-message-title {
  display: block;
}
.tickets-table__payment-options-message .tickets-table__payment-options-mesasge-icons {
  display: block;
}
.tickets-table__payment-options-message .tickets-table__payment-options-message-icon {
  background-color: var(--color-white);
  color: var(--color-black);
  display: inline-block;
  height: 30px;
  margin-block: 1px 1px;
  margin-inline: 1px 1px;
  vertical-align: top;
  width: 50px;
}
.tickets-table__payment-options-message .tickets-table__payment-options-message-icon svg {
  fill: none;
  height: 100%;
  stroke: none;
  width: 100%;
}
.tickets-table__payment-options-message .tickets-table__payment-options-message-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block-start: 1.2rem;
  text-transform: none;
}
html:lang(ar) .tickets-table__payment-options-message .tickets-table__payment-options-message-text:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-table__payment-options-message .tickets-table__payment-options-message-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}

.tickets-summary {
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding-block: 60px 15px;
  padding-inline: 15px 15px;
  position: fixed;
  right: 0;
  width: 100%;
}
[dir=rtl] .tickets-summary {
  left: 0;
  right: unset;
}
.tickets-summary .loader__wrap {
  bottom: 0;
  left: 0;
  position: absolute;
}
.tickets-summary .tickets-summary__basket h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .tickets-summary .tickets-summary__basket h4:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__basket h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.tickets-summary .tickets-summary__basket h5 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .tickets-summary .tickets-summary__basket h5:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__basket h5[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-summary .tickets-summary__basket p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block: 10px 25px;
}
html:lang(ar) .tickets-summary .tickets-summary__basket p:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__basket p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 1180px) {
  .tickets-summary .tickets-summary__basket h5 {
    color: var(--heading-4-color, currentColor);
    font-family: var(--heading-4-font-family);
    font-feature-settings: var(--heading-4-font-feature-settings);
    font-size: var(--heading-4-font-size);
    font-style: var(--heading-4-font-style);
    font-variant: var(--heading-4-font-variant);
    font-weight: var(--heading-4-font-weight);
    letter-spacing: var(--heading-4-letter-spacing);
    line-height: var(--heading-4-line-height);
    -webkit-text-decoration: var(--heading-4-text-decoration);
            text-decoration: var(--heading-4-text-decoration);
    text-decoration-thickness: var(--heading-4-text-decoration-thickness);
    text-transform: var(--heading-4-text-transform);
    text-underline-offset: var(--heading-4-text-underline-offset);
    word-spacing: var(--heading-4-word-spacing);
    padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  }
  html:lang(ar) .tickets-summary .tickets-summary__basket h5:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__basket h5[lang=ar] {
    font-family: var(--heading-4-ar-font-family);
    font-feature-settings: var(--heading-4-ar-font-feature-settings);
    font-size: var(--heading-4-ar-font-size);
    font-style: var(--heading-4-ar-font-style);
    font-variant: var(--heading-4-ar-font-variant);
    font-weight: var(--heading-4-ar-font-weight);
    letter-spacing: var(--heading-4-ar-letter-spacing);
    line-height: var(--heading-4-ar-line-height);
    text-transform: var(--heading-4-ar-text-transform);
    word-spacing: var(--heading-4-ar-word-spacing);
  }
}
.tickets-summary .tickets-summary__cc-message {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .tickets-summary .tickets-summary__cc-message:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__cc-message[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.tickets-summary .tickets-summary__cc-message p {
  padding-block: 10px 0px;
}
.tickets-summary .tickets-summary__total-amount--desktop {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .tickets-summary .tickets-summary__total-amount--desktop:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__total-amount--desktop[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-summary .tickets-summary__total-amount--mobile {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .tickets-summary .tickets-summary__total-amount--mobile:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__total-amount--mobile[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-summary .tickets-summary__content {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  padding-block-start: 40px;
}
html:lang(ar) .tickets-summary .tickets-summary__content:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__content[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.tickets-summary .tickets-summary__content p {
  margin-block-end: 1rem;
}
.tickets-summary .tickets-summary__content--desktop {
  padding-block-end: 40px;
}
.tickets-summary .tickets-summary__content--mobile {
  padding-block-end: 110px;
}
.tickets-summary .tickets-summary__view-order {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  display: block;
  margin-block-end: 9px;
  white-space: nowrap;
}
html:lang(ar) .tickets-summary .tickets-summary__view-order:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__view-order[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-summary .tickets-summary__view-order::after {
  background: url("data:image/svg+xml;charset=utf8,%3Csvg width='11' height='7' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5 5.5l-.881.881L5.5 2.266 1.381 6.38.5 5.5l5-5z' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: none;
  background-size: 18px;
  content: "";
  display: inline-block;
  height: 11px;
  margin-block-end: 2px;
  margin-inline-start: 5px;
  width: 18px;
}
.tickets-summary .tickets-summary__payment-options-message {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  display: block;
  margin-block-start: 10px;
}
html:lang(ar) .tickets-summary .tickets-summary__payment-options-message:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-summary .tickets-summary__payment-options-message[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.tickets-summary .tickets-summary__payment-options-message-title {
  display: block;
}
.tickets-summary .tickets-summary__payment-options-mesasge-icons {
  display: block;
}
.tickets-summary .tickets-summary__payment-options-message-icon {
  background-color: var(--color-white);
  color: var(--color-black);
  display: inline-block;
  height: 30px;
  margin-block: 1px 5px;
  margin-inline: 1px 1px;
  vertical-align: top;
  width: 50px;
}
.tickets-summary .tickets-summary__payment-options-message-icon.svg-googlepay {
  width: 56.4px;
}
.tickets-summary .tickets-summary__payment-options-message-icon svg {
  fill: none;
  height: 100%;
  stroke: none;
  width: 100%;
}
.tickets-summary .tickets-summary__total-content {
  display: block;
  margin-block-end: 5px;
}
@media (min-width: 800px) {
  .tickets-summary {
    border-inline-start: 1px solid var(--color-black);
    width: 25%;
  }
  .tickets-summary .tickets-summary__view-order,
  .tickets-summary .tickets-summary__total-amount--mobile,
  .tickets-summary .tickets-summary__content--mobile {
    display: none;
  }
  .tickets-summary .tickets-summary__total .button {
    max-width: 100%;
  }
}
@media (min-width: 1480px) {
  .tickets-summary {
    width: 28.57%;
  }
}
@media (min-width: 2260px) {
  .tickets-summary {
    width: 25%;
  }
}
@media (max-width: 799px) {
  .tickets-summary {
    position: unset;
  }
  .tickets-summary .tickets-summary__box {
    background-color: var(--color-white);
    border-block-end: var(--grid-border);
    border-block-start: var(--grid-border);
    border-inline-end: var(--grid-border);
    border-inline-start: var(--grid-border);
    bottom: 20px;
    left: 0;
    margin-inline: 10px 10px;
    padding-block: 7px 7px;
    padding-inline: 10px 7px;
    position: fixed;
    width: calc(100% - 20px);
    z-index: 1023;
  }
  .tickets-summary .tickets-summary__basket {
    display: none;
    padding-block-start: 10px;
  }
  .tickets-summary .tickets-summary__box--expanded .tickets-summary__basket {
    display: block;
  }
  .tickets-summary .tickets-summary__box--expanded .tickets-summary__view-order::after {
    transform: rotate(180deg);
  }
  .tickets-summary .tickets-summary__total {
    align-items: center;
    display: flex;
    justify-content: space-between;
  }
  .tickets-summary .tickets-summary__content--desktop,
  .tickets-summary .tickets-summary__total-amount--desktop {
    display: none;
  }
}

.tickets-reserved {
  padding-block-end: 50px;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.tickets-reserved .tickets-reserved__ticker {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-reserved .tickets-reserved__ticker:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-reserved .tickets-reserved__ticker[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-reserved .tickets-reserved__ticker--hide {
  display: none;
}
.tickets-reserved .tickets-reserved__time {
  font-weight: 400;
}
.tickets-reserved .tickets-reserved__timeup {
  display: none;
}
.tickets-reserved .tickets-reserved__timeup p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-reserved .tickets-reserved__timeup p:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-reserved .tickets-reserved__timeup p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-reserved .tickets-reserved__timeup .button {
  margin-block-start: 10px;
}
.tickets-reserved .tickets-reserved__timeup--visible {
  display: block;
}
.tickets-reserved .tickets-reserved__info-text {
  margin-block-start: 1rem;
}

.tickets-payment-methods {
  position: relative;
}
.tickets-payment-methods .tickets-payment-methods__items {
  padding-block: 0 0;
  padding-inline: 0 0;
}
.tickets-payment-methods .tickets-payment-method__item {
  border-bottom-style: solid;
  border-color: var(--color-black);
  border-width: 1px;
  list-style-type: none;
  padding-block: 15px 15px;
  padding-inline: 15px 15px;
  position: relative;
}
.tickets-payment-methods .tickets-payment-method__item.invisible {
  display: none;
}
.tickets-payment-methods .tickets-payment-method__item:last-child {
  border-bottom-style: none;
}
.tickets-payment-methods .tickets-payment-method__item-flex {
  cursor: pointer;
  display: flex;
  flex-direction: column;
}
.tickets-payment-methods .tickets-payment-method__item-content {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.tickets-payment-methods .tickets-payment-method__item-radio {
  border-color: var(--color-black);
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  height: 20px;
  left: 0;
  position: absolute;
  top: 10px;
  width: 20px;
}
.tickets-payment-methods .tickets-payment-method__item-select-label {
  height: 20px;
  left: 0;
  position: absolute;
  top: 7px;
  width: 20px;
}
[dir=rtl] .tickets-payment-methods .tickets-payment-method__item-select-label {
  left: unset;
  right: 0;
}
.tickets-payment-methods .tickets-payment-method__item-select-label::before {
  border-color: var(--color-black);
  border-radius: 100%;
  border-style: solid;
  border-width: 1px;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
[dir=rtl] .tickets-payment-methods .tickets-payment-method__item-select-label::before {
  left: unset;
  right: 0;
}
.tickets-payment-methods .tickets-payment-method__item-select-label--selected {
  display: none;
}
.tickets-payment-methods .tickets-payment-method__item-select-label--selected::after {
  background-color: var(--color-black);
  border-radius: 100%;
  content: "";
  height: calc(100% - 6px);
  left: 3px;
  position: absolute;
  top: 3px;
  width: calc(100% - 6px);
}
.tickets-payment-methods input[type=radio] {
  clip: rect(0 0 0 0) !important;
  cursor: pointer;
  height: 1px;
  position: absolute;
  width: 1px;
}
.tickets-payment-methods input[type=radio]:checked + label .tickets-payment-method__item-select-label--selected {
  display: unset;
}
.tickets-payment-methods input[type=radio]:checked + label .tickets-payment-method__item-select-label--unselected {
  display: none;
}
.tickets-payment-methods .tickets-payment-method__item-title {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  margin-inline-start: 30px;
}
html:lang(ar) .tickets-payment-methods .tickets-payment-method__item-title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-payment-methods .tickets-payment-method__item-title[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
.tickets-payment-methods .tickets-payment-method__item-title-span,
.tickets-payment-methods .tickets-payment-method__item-paragraph,
.tickets-payment-methods .tickets-payment-method__item-icons,
.tickets-payment-methods .tickets-payment-method__item-icon {
  display: inline-block;
  vertical-align: top;
}
.tickets-payment-methods .tickets-payment-method__item-paragraph {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
  margin-block-start: 10px;
  padding-block-start: 2px;
  text-transform: none;
}
html:lang(ar) .tickets-payment-methods .tickets-payment-method__item-paragraph:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-payment-methods .tickets-payment-method__item-paragraph[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-payment-methods .tickets-payment-method__item-icons {
  float: right;
  margin-inline-start: 3px;
}
.tickets-payment-methods .tickets-payment-method__item-icon {
  background-color: var(--color-white);
  color: var(--color-black);
  height: 30px;
  margin-block: 1px 1px;
  margin-inline-start: 1px;
  width: 50px;
}
.tickets-payment-methods .tickets-payment-method__item-icon.svg-googlepay {
  width: 56.4px;
}
.tickets-payment-methods .tickets-payment-method__item-icon svg {
  fill: none;
  height: 100%;
  stroke: none;
  width: 100%;
}
@media (min-width: 530px) {
  .tickets-payment-methods .tickets-payment-method__item-icon {
    margin-inline-start: 5px;
  }
  .tickets-payment-methods .tickets-payment-method__item-icons {
    margin-inline-start: 1em;
  }
}
@media (min-width: 800px) {
  .tickets-payment-methods .tickets-payment-method__item-flex {
    flex-direction: row;
  }
  .tickets-payment-methods .tickets-payment-method__item-content {
    flex: 2;
    padding-block-end: unset;
    padding-inline-start: 40px;
  }
  .tickets-payment-methods .tickets-payment-method__item-title {
    margin-inline-start: 0;
  }
  .tickets-payment-methods .tickets-payment-method__item-paragraph {
    display: inline-block;
    margin-block-start: 0;
    margin-inline-start: 15px;
  }
}

.tickets-nav-bar {
  padding-block-end: 20px;
  position: relative;
}
.tickets-nav-bar .tickets-nav-bar__items {
  display: flex;
  overflow-x: auto;
  padding-block: 0 0;
  padding-inline: 0 0;
  width: 100%;
}
.tickets-nav-bar .tickets-nav-bar__item {
  display: flex;
  flex: 1;
  justify-content: center;
  list-style-type: none;
  white-space: nowrap;
}
.tickets-nav-bar .tickets-nav-bar__item span,
.tickets-nav-bar .tickets-nav-bar__item a {
  color: var(--color-black);
  flex: 1;
  flex-shrink: 0;
  font-weight: 300;
  padding-block: 15px 15px;
  padding-inline: 15px 15px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.tickets-nav-bar .tickets-nav-bar__item a {
  color: var(--color-black);
  font-weight: 500;
}
.tickets-nav-bar .tickets-nav-bar__item--history,
.tickets-nav-bar .tickets-nav-bar__item--link {
  border-block-end: var(--grid-border);
}
.tickets-nav-bar + .notice {
  margin-block-start: -50px;
}
@media (min-width: 800px) {
  .tickets-nav-bar .tickets-nav-bar__item span,
  .tickets-nav-bar .tickets-nav-bar__item a {
    padding-block: 20px 20px;
    padding-inline: 20px 20px;
  }
}

.tickets-nav-bar--bottom-padding {
  padding-block-end: 90px;
}
@media (min-width: 800px) {
  .tickets-nav-bar--bottom-padding {
    padding-block-end: 100px;
  }
}

.tickets-museum-list {
  position: relative;
}
.tickets-museum-list .tickets-museum-list__title h2 {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  display: block;
  padding-block-end: 30px;
  padding-inline: 15px 15px;
}
html:lang(ar) .tickets-museum-list .tickets-museum-list__title h2:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-museum-list .tickets-museum-list__title h2[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.tickets-museum-list .tickets-museum-list__items {
  padding-block: 0 0;
  padding-inline: 0 0;
}
.tickets-museum-list .tickets-museum-list__heading {
  border-bottom-style: solid;
  border-color: var(--color-black);
  border-width: 1px;
  list-style-type: none;
  padding-block: 40px 20px;
  padding-inline: 15px 15px;
  position: relative;
}
.tickets-museum-list .tickets-museum-list__heading:first-child {
  padding-block-start: 20px;
}
.tickets-museum-list .tickets-museum-list__heading-title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
}
html:lang(ar) .tickets-museum-list .tickets-museum-list__heading-title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-museum-list .tickets-museum-list__heading-title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.tickets-museum-list .tickets-museum-list__heading-introduction {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-museum-list .tickets-museum-list__heading-introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-museum-list .tickets-museum-list__heading-introduction[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-museum-list .tickets-museum-list__whats-more {
  padding-block: 75px 75px;
  padding-inline: 20px 20px;
}
.tickets-museum-list .tickets-museum-list__whats-more h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  font-weight: 300;
  text-transform: none;
}
html:lang(ar) .tickets-museum-list .tickets-museum-list__whats-more h4:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-museum-list .tickets-museum-list__whats-more h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.tickets-museum-list .tickets-museum-list__whats-more h4 a {
  color: var(--color-black);
  text-decoration: underline;
}
.tickets-museum-list .tickets-museum-list__whats-more--hide {
  display: none;
}

.tickets-form {
  max-width: 650px;
  padding-block: 20px 50px;
  padding-inline: var(--grid-padding) var(--grid-padding);
  width: 100%;
}
.tickets-form legend {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .tickets-form legend:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-form legend[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-form .tickets-form__subtitle {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-form .tickets-form__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-form .tickets-form__subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}

.tickets-details {
  padding-block-end: 50px;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.tickets-details h2 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  padding-block-end: 15px;
}
html:lang(ar) .tickets-details h2:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-details h2[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-details .tickets-details__entry {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  padding-block-end: 20px;
  text-transform: none;
}
html:lang(ar) .tickets-details .tickets-details__entry:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-details .tickets-details__entry[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-details .tickets-details__entry--email {
  word-break: break-all;
}
.tickets-details .button--edit {
  margin-block-start: 15px;
}
@media (min-width: 800px) {
  .tickets-details .button--edit {
    float: right;
    margin-block-start: 0;
  }
  [dir=rtl] .tickets-details .button--edit {
    float: left;
  }
}
@media (min-width: 1180px) {
  .tickets-details .button--edit {
    margin-block-start: -2rem;
  }
}

.tickets-details--with-padding {
  padding-block-start: 50px;
}

.tickets-datetime-picker {
  position: relative;
}
.tickets-datetime-picker .tickets-datetime-picker__loader {
  inset: 0;
  position: absolute;
}
.tickets-datetime-picker .tickets-datetime-picker__timepicker {
  border-block-start: 1px solid var(--color-black);
  padding-block: 60px 50px;
  padding-inline: 10px 10px;
}
.tickets-datetime-picker .tickets-datetime-picker__title {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .tickets-datetime-picker .tickets-datetime-picker__title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-datetime-picker .tickets-datetime-picker__title[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-datetime-picker .tickets-datetime-picker__error {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  color: var(--color-error);
  font-weight: 500;
  margin-block-end: 10px;
}
html:lang(ar) .tickets-datetime-picker .tickets-datetime-picker__error:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-datetime-picker .tickets-datetime-picker__error[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-datetime-picker .tickets-datetime-picker__time-list {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 20px;
  padding-block-start: 10px;
  padding-inline-start: 0;
}
html:lang(ar) .tickets-datetime-picker .tickets-datetime-picker__time-list:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-datetime-picker .tickets-datetime-picker__time-list[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.tickets-datetime-picker .tickets-datetime-picker__time-item {
  display: inline-block;
  list-style-type: none;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item input[type=radio] {
  height: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item input[type=radio]:hover + label {
  background-color: var(--color-grey-light);
}
.tickets-datetime-picker .tickets-datetime-picker__time-item input[type=radio]:checked + label {
  background-color: var(--color-grey);
  color: var(--color-white);
}
.tickets-datetime-picker .tickets-datetime-picker__time-item-label {
  cursor: pointer;
  display: block;
  font-weight: bold;
  padding-block: 12px 13px;
  padding-inline: 15px 15px;
  text-align: center;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item-label span {
  display: block;
}
.tickets-datetime-picker .tickets-datetime-picker__legend {
  display: block;
  margin-block-end: 2rem;
  padding-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
}
.tickets-datetime-picker .tickets-datetime-picker__legend-item {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-inline-end: 1.5rem;
  vertical-align: top;
  white-space: nowrap;
}
html:lang(ar) .tickets-datetime-picker .tickets-datetime-picker__legend-item:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-datetime-picker .tickets-datetime-picker__legend-item[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-datetime-picker .tickets-datetime-picker__legend-item-example {
  background-color: transparent;
  border: 1px solid transparent;
  color: currentcolor;
  margin-inline-end: 0.5rem;
  min-width: 3rem;
  padding-inline: 1rem 1rem;
  text-align: center;
}
.tickets-datetime-picker .tickets-datetime-picker__legend-item-example,
.tickets-datetime-picker .tickets-datetime-picker__legend-item-text {
  display: inline-block;
  line-height: 1rem;
  padding-block: 1rem 1rem;
  vertical-align: top;
  white-space: nowrap;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item--popular,
.tickets-datetime-picker .tickets-datetime-picker__legend-item--popular .tickets-datetime-picker__legend-item-example {
  background: var(--color-orange);
  color: var(--color-black);
}
.tickets-datetime-picker .tickets-datetime-picker__time-item--soldout,
.tickets-datetime-picker .tickets-datetime-picker__legend-item--soldout .tickets-datetime-picker__legend-item-example {
  background: var(--color-grey-extralight);
  color: var(--color-grey);
  pointer-events: none;
  position: relative;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item--soldout::after,
.tickets-datetime-picker .tickets-datetime-picker__legend-item--soldout .tickets-datetime-picker__legend-item-example::after {
  background: currentcolor;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  transform-origin: 50% 50%;
  width: 50%;
}
.tickets-datetime-picker .tickets-datetime-picker__time-item--soldout::after {
  width: 80%;
}
.tickets-datetime-picker .CalendarDay__default:not(.CalendarDay__blocked_out_of_range):not(.CalendarDay__selected, .CalendarDay__selected_span, .CalendarDay__hovered_span):not(:hover, :focus) {
  background: var(--color-grey-extralight);
  border-color: transparent;
  color: var(--color-black);
}
.tickets-datetime-picker .CalendarDay__highlighted_calendar:not(.CalendarDay__blocked_out_of_range):not(.CalendarDay__selected, .CalendarDay__selected_span, .CalendarDay__hovered_span):not(:hover, :focus) {
  background: var(--color-orange);
  border-color: transparent;
  color: var(--color-black);
}
.tickets-datetime-picker .CalendarDay__highlighted_calendar:active {
  background: var(--color-grey);
  border-color: var(--color-white);
  color: var(--color-white);
}
.tickets-datetime-picker .CalendarDay__highlighted_calendar:hover {
  background: var(--color-grey-light);
  border-color: var(--color-white);
  color: var(--color-black);
}
.tickets-datetime-picker .CalendarDay__blocked_calendar {
  pointer-events: none;
}
.tickets-datetime-picker .CalendarDay__blocked_calendar:not(.CalendarDay__blocked_out_of_range):not(.CalendarDay__selected):not(:hover, :focus) {
  background: var(--color-grey-extralight);
  border-color: transparent;
  color: var(--color-grey);
}
.tickets-datetime-picker .CalendarDay__blocked_calendar::after {
  background: currentcolor;
  content: "";
  display: block;
  height: 2px;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-35deg);
  transform-origin: 50% 50%;
  width: 50%;
}
@media (min-width: 800px) {
  .tickets-datetime-picker .tickets-datetime-picker__timepicker {
    padding-inline: 20px 20px;
  }
}

.tickets-confirmed {
  padding-block-end: 20px;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.tickets-confirmed h1 {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: 10px;
}
html:lang(ar) .tickets-confirmed h1:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirmed h1[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.tickets-confirmed h2 {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  padding-block-end: 30px;
  text-transform: none;
}
html:lang(ar) .tickets-confirmed h2:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirmed h2[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.tickets-confirmed .tickets-confirmed__disclaimer {
  padding-block-start: 100px;
}
@media (min-width: 800px) {
  .tickets-confirmed .tickets-confirmed__disclaimer {
    padding-block-start: 120px;
  }
}
.tickets-confirmed .tickets-confirmed__disclaimer p:nth-child(3),
.tickets-confirmed .tickets-confirmed__disclaimer p:nth-child(4) {
  margin-block-start: 20px;
}

.tickets-confirm {
  padding-block-end: 50px;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.tickets-confirm .tickets-confirm__content {
  max-width: 540px;
  padding-block-start: 60px;
  width: 100%;
}
.tickets-confirm h5 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  padding-block-end: 15px;
}
html:lang(ar) .tickets-confirm h5:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm h5[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__museum {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  text-transform: none;
}
html:lang(ar) .tickets-confirm .tickets-confirm__museum:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm .tickets-confirm__museum[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__daytime {
  align-items: center;
  display: flex;
}
.tickets-confirm .tickets-confirm__daytime span {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  padding-inline: 20px 20px;
  text-transform: none;
}
html:lang(ar) .tickets-confirm .tickets-confirm__daytime span:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm .tickets-confirm__daytime span[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__ticket-row {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-block-start: -1px;
  min-height: 40px;
}
.tickets-confirm .tickets-confirm__ticket-row h5 {
  padding-block-end: 0;
}
.tickets-confirm .tickets-confirm__ticket-row--total {
  margin-block-start: 10px;
}
.tickets-confirm .tickets-confirm__ticket-row--total .tickets-confirm__text-val {
  font-weight: 400;
}
.tickets-confirm .tickets-confirm__text-val {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  font-weight: 300;
  text-transform: none;
}
html:lang(ar) .tickets-confirm .tickets-confirm__text-val:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm .tickets-confirm__text-val[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__subtitle {
  display: block;
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-confirm .tickets-confirm__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm .tickets-confirm__subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__disclaimer {
  align-items: center;
  display: flex;
  padding-block-start: 15px;
}
.tickets-confirm .tickets-confirm__disclaimer svg {
  flex-shrink: 0;
  height: 16px;
  margin-inline-end: 10px;
  width: 16px;
}
.tickets-confirm .tickets-confirm__disclaimer p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .tickets-confirm .tickets-confirm__disclaimer p:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-confirm .tickets-confirm__disclaimer p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-confirm .tickets-confirm__data-box {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  padding-block: 13px 13px;
  padding-inline: 20px 20px;
  width: -moz-fit-content;
  width: fit-content;
}
.tickets-confirm .tickets-confirm__data-box p {
  text-transform: uppercase;
}
.tickets-confirm .button--edit {
  margin-block-start: 15px;
}
@media (min-width: 800px) {
  .tickets-confirm .button--edit {
    float: right;
    margin-block-start: 0;
  }
  [dir=rtl] .tickets-confirm .button--edit {
    float: left;
  }
}
@media (min-width: 1180px) {
  .tickets-confirm .button--edit {
    margin-block-start: -2rem;
  }
}

.tickets-action-bar {
  background-color: var(--color-blue);
  display: none;
  padding-block: var(--grid-padding) calc(var(--grid-padding) + 30px);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.tickets-action-bar .tickets-action-bar__main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.tickets-action-bar .tickets-action-bar__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  flex: 1;
  max-width: 35ch;
  padding-block-end: 30px;
  padding-inline-end: 30px;
}
html:lang(ar) .tickets-action-bar .tickets-action-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-action-bar .tickets-action-bar__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.tickets-action-bar .tickets-action-bar__title:last-child {
  padding-block-end: 10px;
}
.tickets-action-bar .tickets-action-bar__richtext {
  margin-block-start: 15px;
}
.tickets-action-bar .tickets-action-bar__richtext a {
  color: var(--color-black);
  text-decoration: underline;
}
.tickets-action-bar .tickets-action-bar__logged-in {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  align-self: flex-start;
}
html:lang(ar) .tickets-action-bar .tickets-action-bar__logged-in:not(:not(:lang(ar))), html:not(:lang(ar)) .tickets-action-bar .tickets-action-bar__logged-in[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.tickets-action-bar .tickets-action-bar__buttons {
  margin-block-start: 20px;
}
.tickets-action-bar .tickets-action-bar__buttons--hide {
  display: none;
}
.tickets-action-bar .tickets-action-bar__forms {
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
  .tickets-action-bar .tickets-action-bar__main {
    flex-direction: row;
  }
  .tickets-action-bar .tickets-action-bar__buttons {
    margin-block-start: 0;
    margin-inline-start: 20px;
  }
}
.tickets-action-bar.tickets-action-bar--show, .tickets-action-bar.tickets-action-bar--not-logged-in {
  display: block;
}

.tickets-action-bar--simple {
  display: block;
  padding-block-end: 10px;
}
.tickets-action-bar--simple .tickets-action-bar__buttons {
  margin-block-start: 0;
}
@media (min-width: 530px) {
  .tickets-action-bar--simple .tickets-action-bar__main {
    flex-direction: row;
  }
}

.tickets-action-bar--content {
  background-color: var(--color-white);
  padding-block-start: 60px;
}
@media (min-width: 530px) {
  .tickets-action-bar--content .tickets-action-bar__main {
    flex-direction: row;
  }
}
.tickets-action-bar--content .tickets-action-bar__title {
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-weight: 300;
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  text-transform: unset;
}

.ticker-bar {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.ticker-bar .ticker-bar__wrapper {
  background-color: var(--color-yellow);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  color: var(--color-black);
  display: block;
  padding-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
  position: relative;
}
.ticker-bar .ticker-bar__title-wrapper,
.ticker-bar .ticker-bar__usps-wrapper {
  overflow: hidden;
}
.ticker-bar .ticker-bar__image-usps-wrapper {
  display: flex;
  padding-block-start: calc(var(--block-margin));
  position: relative;
}
.ticker-bar .ticker-bar__title {
  color: var(--ticker-bar-title-color, currentColor);
  font-family: var(--ticker-bar-title-font-family);
  font-feature-settings: var(--ticker-bar-title-font-feature-settings);
  font-size: var(--ticker-bar-title-font-size);
  font-style: var(--ticker-bar-title-font-style);
  font-variant: var(--ticker-bar-title-font-variant);
  font-weight: var(--ticker-bar-title-font-weight);
  letter-spacing: var(--ticker-bar-title-letter-spacing);
  line-height: var(--ticker-bar-title-line-height);
  -webkit-text-decoration: var(--ticker-bar-title-text-decoration);
          text-decoration: var(--ticker-bar-title-text-decoration);
  text-decoration-thickness: var(--ticker-bar-title-text-decoration-thickness);
  text-transform: var(--ticker-bar-title-text-transform);
  text-underline-offset: var(--ticker-bar-title-text-underline-offset);
  word-spacing: var(--ticker-bar-title-word-spacing);
  padding-block: var(--ticker-bar-title-padding-top) var(--ticker-bar-title-padding-bottom);
  display: flex;
  line-height: 1;
  margin-block: -0.1em -0.1em;
  white-space: nowrap;
}
html:lang(ar) .ticker-bar .ticker-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .ticker-bar .ticker-bar__title[lang=ar] {
  font-family: var(--ticker-bar-title-ar-font-family);
  font-feature-settings: var(--ticker-bar-title-ar-font-feature-settings);
  font-size: var(--ticker-bar-title-ar-font-size);
  font-style: var(--ticker-bar-title-ar-font-style);
  font-variant: var(--ticker-bar-title-ar-font-variant);
  font-weight: var(--ticker-bar-title-ar-font-weight);
  letter-spacing: var(--ticker-bar-title-ar-letter-spacing);
  line-height: var(--ticker-bar-title-ar-line-height);
  text-transform: var(--ticker-bar-title-ar-text-transform);
  word-spacing: var(--ticker-bar-title-ar-word-spacing);
}
.ticker-bar .ticker-bar__title svg {
  display: inline-block;
  height: 1em;
  margin-inline: 0.12em 0.36em;
  overflow: visible;
  padding-block: 0.12em 0.12em;
  padding-inline: 0.12em 0.12em;
  vertical-align: baseline;
  width: auto;
}
[dir=rtl] .ticker-bar .ticker-bar__title svg {
  height: 1.5em;
  padding-block: 0.37em 0.37em;
}
@media screen and (prefers-reduced-motion: reduce) {
  .ticker-bar .ticker-bar__title-icon {
    display: none;
  }
}
.ticker-bar .ticker-bar__title-text {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: baseline;
}
[dir=rtl] .ticker-bar .ticker-bar__title-text {
  height: 1.5em;
}
.ticker-bar .ticker-bar__usps-list {
  flex: 0 0 50%;
  list-style: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="-8 -8 48 48"><path d="M6.478 14.795a1.6 1.6 0 10-2.29 2.234l7.205 7.378a1.6 1.6 0 002.276.014L28.427 9.665a1.6 1.6 0 10-2.264-2.263l-13.61 13.611-6.075-6.218z"/></svg>');
  padding-inline: 15px;
  padding-inline-end: var(--block-margin);
}
.ticker-bar .ticker-bar__usp-item {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block-start: 10px;
}
html:lang(ar) .ticker-bar .ticker-bar__usp-item:not(:not(:lang(ar))), html:not(:lang(ar)) .ticker-bar .ticker-bar__usp-item[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.ticker-bar .ticker-bar__text {
  color: var(--ticker-bar-text-color, currentColor);
  font-family: var(--ticker-bar-text-font-family);
  font-feature-settings: var(--ticker-bar-text-font-feature-settings);
  font-size: var(--ticker-bar-text-font-size);
  font-style: var(--ticker-bar-text-font-style);
  font-variant: var(--ticker-bar-text-font-variant);
  font-weight: var(--ticker-bar-text-font-weight);
  letter-spacing: var(--ticker-bar-text-letter-spacing);
  line-height: var(--ticker-bar-text-line-height);
  -webkit-text-decoration: var(--ticker-bar-text-text-decoration);
          text-decoration: var(--ticker-bar-text-text-decoration);
  text-decoration-thickness: var(--ticker-bar-text-text-decoration-thickness);
  text-transform: var(--ticker-bar-text-text-transform);
  text-underline-offset: var(--ticker-bar-text-text-underline-offset);
  word-spacing: var(--ticker-bar-text-word-spacing);
  padding-block: var(--ticker-bar-text-padding-top) var(--ticker-bar-text-padding-bottom);
  margin-block-end: calc(var(--block-margin) * 0.33);
  max-width: 26em;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .ticker-bar .ticker-bar__text:not(:not(:lang(ar))), html:not(:lang(ar)) .ticker-bar .ticker-bar__text[lang=ar] {
  font-family: var(--ticker-bar-text-ar-font-family);
  font-feature-settings: var(--ticker-bar-text-ar-font-feature-settings);
  font-size: var(--ticker-bar-text-ar-font-size);
  font-style: var(--ticker-bar-text-ar-font-style);
  font-variant: var(--ticker-bar-text-ar-font-variant);
  font-weight: var(--ticker-bar-text-ar-font-weight);
  letter-spacing: var(--ticker-bar-text-ar-letter-spacing);
  line-height: var(--ticker-bar-text-ar-line-height);
  text-transform: var(--ticker-bar-text-ar-text-transform);
  word-spacing: var(--ticker-bar-text-ar-word-spacing);
}
@media (min-width: 530px) {
  .ticker-bar .ticker-bar__image {
    padding-block-end: 0;
    padding-inline-end: 0;
  }
}
@media (min-width: 800px) {
  .ticker-bar .ticker-bar__text {
    padding-inline: 1em 1em;
  }
}

.test-duet-datepicker {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.test-duet-datepicker .test-duet-datepicker__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.test-duet-datepicker .test-duet-datepicker__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .test-duet-datepicker .test-duet-datepicker__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .test-duet-datepicker .test-duet-datepicker__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .test-duet-datepicker .test-duet-datepicker__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .test-duet-datepicker .test-duet-datepicker__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .test-duet-datepicker .test-duet-datepicker__wrapper {
    grid-column: column 6/span 6;
  }
}

.table-of-contents {
  outline: var(--grid-border);
  position: relative;
}
.table-of-contents .table-of-contents__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.table-of-contents .table-of-contents__wrapper {
  grid-column: column 1/span 4;
  margin-block: -1px -1px;
}
.table-of-contents .table-of-contents__buttons {
  font-size: 0;
  padding-block-start: 1px;
}
.table-of-contents .table-of-contents__buttons .button {
  margin-block-start: -1px;
  margin-inline-start: -1px;
  max-width: 100%;
  min-width: 0;
}
.table-of-contents .table-of-contents__buttons .button .button__span {
  height: auto;
  line-height: inherit;
  overflow: visible;
  text-align: initial;
  text-overflow: initial;
  white-space: normal;
}
@media (min-width: 530px) {
  .table-of-contents .table-of-contents__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .table-of-contents .table-of-contents__wrapper {
    grid-column: column 1/span 12;
    text-align: center;
  }
}
@media (min-width: 1180px) {
  .table-of-contents .table-of-contents__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .table-of-contents .table-of-contents__wrapper {
    grid-column: column 1/span 14;
  }
}
@media (min-width: 2260px) {
  .table-of-contents .table-of-contents__wrapper {
    grid-column: column 1/span 16;
  }
}

.storytelling-carousel {
  margin-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
  position: relative;
}
@media (min-width: 1480px) {
  .storytelling-carousel {
    margin-block-start: var(--block-margin);
  }
}
.storytelling-carousel .storytelling-carousel__wrapper {
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  display: flex;
  flex-direction: column;
  height: 100vh;
  position: relative;
}
.storytelling-carousel .storytelling-carousel__image-wrapper {
  flex: 50;
  position: relative;
}
.storytelling-carousel .storytelling-carousel__content-wrapper-outer {
  border-block-start: 1px solid currentcolor;
  flex: 50;
  position: relative;
}
.storytelling-carousel .storytelling-carousel__content-wrapper {
  --mask-height: 6.66rem;
  -webkit-mask-image: var(--mask-image-content);
          mask-image: var(--mask-image-content);
  -webkit-mask-position: 100% 0;
          mask-position: 100% 0;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-size: 100% 100%;
  --mask-image-content: linear-gradient(to bottom, #000 0%, #000 calc(100% - var(--mask-height) - 1.5rem), transparent);
  height: 100%;
  position: relative;
}
.storytelling-carousel .storytelling-carousel__slide {
  height: 100%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: opacity var(--easing-slow);
  width: 100%;
}
.storytelling-carousel .storytelling-carousel__slide[aria-hidden=false] {
  opacity: 1;
  pointer-events: initial;
  transition-delay: 0;
  z-index: 99;
}
.storytelling-carousel .storytelling-carousel__slide[aria-hidden=true] {
  transition-delay: var(--timing-slow);
  z-index: unset;
}
.storytelling-carousel .storytelling-carousel__slide--content {
  overflow: hidden scroll;
}
.storytelling-carousel .storytelling-carousel__slide--content,
.storytelling-carousel .storytelling-carousel__slide--cover-content {
  background-color: var(--color-white);
  color: var(--color-black);
  padding-block: var(--grid-padding) 0;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.storytelling-carousel .storytelling-carousel__slide-content-wrapper {
  padding-block-end: calc(var(--grid-padding) + 3.33rem + 1.5rem);
}
.storytelling-carousel .storytelling-carousel__navigation-buttons {
  bottom: -1px;
  pointer-events: none;
  position: absolute;
  right: -1px;
  width: 100%;
  z-index: 100;
}
[dir=rtl] .storytelling-carousel .storytelling-carousel__navigation-buttons {
  left: -1px;
  right: auto;
}
.storytelling-carousel .storytelling-carousel__navigation-buttons .button {
  background: var(--color-white);
  color: var(--color-black);
  min-width: unset;
  padding-inline: 0.8rem 0.8rem;
  pointer-events: initial;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
.storytelling-carousel .storytelling-carousel__navigation-buttons .button .button__span {
  display: none;
}
.storytelling-carousel .storytelling-carousel__navigation-buttons .button .button__icon {
  margin-inline-start: 0;
}
.storytelling-carousel .button--previous {
  right: calc(3.7rem - 1px);
}
[dir=rtl] .storytelling-carousel .button--previous {
  left: calc(3.7rem - 1px);
  right: auto;
}
.storytelling-carousel .button--next {
  right: 0;
}
[dir=rtl] .storytelling-carousel .button--next {
  left: 0;
  right: auto;
}
.storytelling-carousel .storytelling-carousel__slide-count {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__slide-count:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__slide-count[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.storytelling-carousel .storytelling-carousel__slide-title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  margin-block-end: 0.5rem;
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__slide-title:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__slide-title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.storytelling-carousel .storytelling-carousel__slide-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__slide-text:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__slide-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.storytelling-carousel .richtext {
  max-width: 35rem;
}
.storytelling-carousel .storytelling-carousel__coverslide {
  background: var(--color-white);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  border-inline-start: 1px solid currentcolor;
  color: var(--color-black);
  opacity: 0;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  pointer-events: none;
  position: relative;
  transform: translateY(50%);
  transition: opacity var(--easing-slow), transform var(--easing-slow);
}
.storytelling-carousel .storytelling-carousel__coverslide[aria-hidden=false] {
  opacity: 1;
  pointer-events: initial;
  transform: translateY(0);
}
.storytelling-carousel .storytelling-carousel__coverslide[aria-hidden=true] {
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--easing-default), transform var(--easing-default);
}
.storytelling-carousel .storytelling-carousel__coverslide-exhibition-labels {
  left: -1px;
  position: absolute;
  top: 0;
  transform: translateY(-100%);
}
.storytelling-carousel .storytelling-carousel__coverslide-title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__coverslide-title:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__coverslide-title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.storytelling-carousel .storytelling-carousel__coverslide-metadata {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  color: var(--color-grey);
  margin-block-start: 0.5rem;
  text-transform: uppercase;
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__coverslide-metadata:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__coverslide-metadata[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.storytelling-carousel .storytelling-carousel__coverslide-introduction {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: 1.5rem;
}
html:lang(ar) .storytelling-carousel .storytelling-carousel__coverslide-introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__coverslide-introduction[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 800px) {
  .storytelling-carousel .storytelling-carousel__coverslide-introduction {
    color: var(--introduction-color, currentColor);
    font-family: var(--introduction-font-family);
    font-feature-settings: var(--introduction-font-feature-settings);
    font-size: var(--introduction-font-size);
    font-style: var(--introduction-font-style);
    font-variant: var(--introduction-font-variant);
    font-weight: var(--introduction-font-weight);
    letter-spacing: var(--introduction-letter-spacing);
    line-height: var(--introduction-line-height);
    -webkit-text-decoration: var(--introduction-text-decoration);
            text-decoration: var(--introduction-text-decoration);
    text-decoration-thickness: var(--introduction-text-decoration-thickness);
    text-transform: var(--introduction-text-transform);
    text-underline-offset: var(--introduction-text-underline-offset);
    word-spacing: var(--introduction-word-spacing);
    padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  }
  html:lang(ar) .storytelling-carousel .storytelling-carousel__coverslide-introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .storytelling-carousel .storytelling-carousel__coverslide-introduction[lang=ar] {
    font-family: var(--introduction-ar-font-family);
    font-feature-settings: var(--introduction-ar-font-feature-settings);
    font-size: var(--introduction-ar-font-size);
    font-style: var(--introduction-ar-font-style);
    font-variant: var(--introduction-ar-font-variant);
    font-weight: var(--introduction-ar-font-weight);
    letter-spacing: var(--introduction-ar-letter-spacing);
    line-height: var(--introduction-ar-line-height);
    text-transform: var(--introduction-ar-text-transform);
    word-spacing: var(--introduction-ar-word-spacing);
  }
  .storytelling-carousel .storytelling-carousel__wrapper {
    flex-direction: row;
  }
  .storytelling-carousel .storytelling-carousel__image-wrapper {
    flex: 50;
  }
  .storytelling-carousel .storytelling-carousel__content-wrapper-outer {
    border-block-start: 0;
    flex: 50;
    height: 100%;
  }
  .storytelling-carousel .storytelling-carousel__content-wrapper {
    padding-block-end: 4.83rem;
  }
  .storytelling-carousel .storytelling-carousel__navigation-buttons {
    right: calc(50% - 3.7rem);
  }
  [dir=rtl] .storytelling-carousel .storytelling-carousel__navigation-buttons {
    left: calc(50% - 3.7rem);
    right: auto;
  }
  .storytelling-carousel .storytelling-carousel__slide--content,
  .storytelling-carousel .storytelling-carousel__slide--cover-content {
    border-inline-start: 1px solid currentcolor;
    display: flex;
    flex: 5;
    flex-direction: column;
  }
  .storytelling-carousel .storytelling-carousel__slide-content-wrapper {
    margin-block-start: calc(var(--grid-padding) * 7);
  }
  .storytelling-carousel .storytelling-carousel__coverslide {
    transform: translateX(-10%) translateY(50%);
    width: 100%;
  }
  [dir=rtl] .storytelling-carousel .storytelling-carousel__coverslide {
    transform: translateX(10%) translateY(50%);
  }
  .storytelling-carousel .storytelling-carousel__coverslide[aria-hidden=false] {
    transform: translateX(-10%) translateY(0);
  }
  [dir=rtl] .storytelling-carousel .storytelling-carousel__coverslide[aria-hidden=false] {
    transform: translateX(10%) translateY(0);
  }
  .storytelling-carousel .button--start {
    left: -1px;
    right: auto;
  }
  [dir=rtl] .storytelling-carousel .button--start {
    left: auto;
    right: -1px;
  }
}
@media (min-width: 1480px) {
  .storytelling-carousel .storytelling-carousel__wrapper {
    grid-column: column 3/span 10;
  }
}
@media (min-width: 2260px) {
  .storytelling-carousel .storytelling-carousel__wrapper {
    grid-column: column 4/span 10;
  }
}

@keyframes storyoverviewheaderslidefromstart {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes storyoverviewheaderslideup {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes storyoverviewheaderslidebordertoend {
  to {
    opacity: 1;
    width: 100%;
  }
}
.story-overview-header {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  align-items: flex-end;
  border-block-end: var(--grid-border);
  position: relative;
}
.story-overview-header .story-overview-header__flex-wrapper {
  display: flex;
  flex-direction: column;
  gap: 50px;
  grid-column: 1/-1;
  justify-content: space-between;
  margin: 50px 0;
  padding: 0 15px;
  width: 100%;
}
@media (min-width: 800px) {
  .story-overview-header .story-overview-header__flex-wrapper {
    align-items: flex-end;
    flex-direction: row;
    gap: 0px;
  }
}
.story-overview-header .story-overview-header__text-wrapper {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  .story-overview-header .story-overview-header__text-wrapper {
    max-width: 120ch;
  }
}
.story-overview-header .story-overview-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-bottom: 15px;
}
html:lang(ar) .story-overview-header .story-overview-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-overview-header .story-overview-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.story-overview-header .story-overview-header__description {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .story-overview-header .story-overview-header__description:not(:not(:lang(ar))), html:not(:lang(ar)) .story-overview-header .story-overview-header__description[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.story-overview-header.story-overview-header--animated {
  animation: storyoverviewheaderslidebordertoend var(--easing-extraslow) forwards;
  border: none;
}
.story-overview-header.story-overview-header--animated .story-overview-header__flex-wrapper {
  position: relative;
}
.story-overview-header.story-overview-header--animated .story-overview-header__flex-wrapper::after {
  animation: storyoverviewheaderslidebordertoend var(--easing-extraslow) forwards;
  background-color: var(--color-black);
  bottom: -50px;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  width: 0;
}
[dir=rtl] .story-overview-header.story-overview-header--animated .story-overview-header__flex-wrapper::after {
  right: 0;
}
.story-overview-header.story-overview-header--animated .story-overview-header__title {
  animation: storyoverviewheaderslidefromstart var(--easing-extraslow) forwards;
  opacity: 0;
  transform: translateX(-100%);
}
[dir=rtl] .story-overview-header.story-overview-header--animated .story-overview-header__title {
  transform: translateX(100%);
}
.story-overview-header.story-overview-header--animated .story-overview-header__description {
  animation: storyoverviewheaderslidefromstart var(--easing-extraslow) forwards;
  opacity: 0;
  transform: translateX(-300%);
}
[dir=rtl] .story-overview-header.story-overview-header--animated .story-overview-header__description {
  transform: translateX(300%);
}
.story-overview-header.story-overview-header--animated .button {
  animation: storyoverviewheaderslideup var(--easing-extraslow) forwards;
  max-width: -moz-fit-content;
  max-width: fit-content;
  opacity: 0;
  transform: translateY(100%);
}
@media (min-width: 800px) {
  .story-overview-header .story-overview-header__flex-wrapper {
    align-items: flex-end;
    flex-direction: row;
    gap: 0px;
  }
  .story-overview-header .story-overview-header__text-wrapper {
    max-width: 120ch;
  }
  .story-overview-header .button {
    margin-inline-start: 15px;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

@keyframes storyhighlightslideup {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.story-highlight {
  background-color: var(--color-black);
  color: var(--color-white);
  display: block;
  height: 75vh;
  min-height: 38rem;
  position: relative;
}
.story-highlight::after {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%), linear-gradient(180deg, rgba(0, 0, 0, 0.1) 76.42%, rgba(0, 0, 0, 0.45) 96.02%), linear-gradient(180deg, rgba(0, 0, 0, 0.55) 34.62%, rgba(0, 0, 0, 0.1) 68.58%);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.story-highlight .story-highlight__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  height: 100%;
  padding: 1.25rem 1rem 0;
  position: relative;
}
.story-highlight .story-highlight__flex-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
  justify-content: space-between;
}
.story-highlight .story-highlight__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.story-highlight .story-highlight__subject-tag {
  color: var(--tag-color, currentColor);
  font-family: var(--tag-font-family);
  font-feature-settings: var(--tag-font-feature-settings);
  font-size: var(--tag-font-size);
  font-style: var(--tag-font-style);
  font-variant: var(--tag-font-variant);
  font-weight: var(--tag-font-weight);
  letter-spacing: var(--tag-letter-spacing);
  line-height: var(--tag-line-height);
  -webkit-text-decoration: var(--tag-text-decoration);
          text-decoration: var(--tag-text-decoration);
  text-decoration-thickness: var(--tag-text-decoration-thickness);
  text-transform: var(--tag-text-transform);
  text-underline-offset: var(--tag-text-underline-offset);
  word-spacing: var(--tag-word-spacing);
  padding-block: var(--tag-padding-top) var(--tag-padding-bottom);
  border: solid 1px #fff;
  margin-bottom: 0.25rem;
  padding: 0.25rem 0.5rem;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
html:lang(ar) .story-highlight .story-highlight__subject-tag:not(:not(:lang(ar))), html:not(:lang(ar)) .story-highlight .story-highlight__subject-tag[lang=ar] {
  font-family: var(--tag-ar-font-family);
  font-feature-settings: var(--tag-ar-font-feature-settings);
  font-size: var(--tag-ar-font-size);
  font-style: var(--tag-ar-font-style);
  font-variant: var(--tag-ar-font-variant);
  font-weight: var(--tag-ar-font-weight);
  letter-spacing: var(--tag-ar-letter-spacing);
  line-height: var(--tag-ar-line-height);
  text-transform: var(--tag-ar-text-transform);
  word-spacing: var(--tag-ar-word-spacing);
}
.story-highlight .story-highlight__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  height: 100%;
  width: 100%;
}
html:lang(ar) .story-highlight .story-highlight__title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-highlight .story-highlight__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.story-highlight .story-highlight__title-underline {
  border-bottom: 1px solid transparent;
  transition: border-bottom var(--easing-extraslow);
}
.story-highlight .story-highlight__body-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  max-width: 90ch;
}
html:lang(ar) .story-highlight .story-highlight__body-text:not(:not(:lang(ar))), html:not(:lang(ar)) .story-highlight .story-highlight__body-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.story-highlight .story-highlight__author {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  color: var(--color-white);
}
html:lang(ar) .story-highlight .story-highlight__author:not(:not(:lang(ar))), html:not(:lang(ar)) .story-highlight .story-highlight__author[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.story-highlight .story-highlight__date {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  color: var(--color-white);
}
html:lang(ar) .story-highlight .story-highlight__date:not(:not(:lang(ar))), html:not(:lang(ar)) .story-highlight .story-highlight__date[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.story-highlight .story-highlight__more-info {
  align-items: center;
  border-top: #fff solid 1px;
  display: flex;
  justify-content: space-between;
}
.story-highlight .story-highlight__more-info-button {
  background: none;
  border: none;
  pointer-events: none;
}
.story-highlight:hover .story-highlight__flex-wrapper .story-highlight__title .story-highlight__title-underline, .story-highlight:focus .story-highlight__flex-wrapper .story-highlight__title .story-highlight__title-underline {
  border-bottom: 1px solid #fff;
}
.story-highlight.story-highlight--animated {
  animation: storyhighlightslideup var(--easing-extraslow) forwards;
  opacity: 0;
  transform: translateY(100%);
}
@media (min-width: 800px) {
  .story-highlight {
    height: 66vh;
    min-height: 27rem;
  }
}

.story-header {
  display: flex;
  justify-content: flex-end;
  position: relative;
}
.story-header .story-header__grid {
  margin-block-start: 70vh;
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.story-header .story-header__image-wrapper {
  height: 100vh;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.story-header .story-header__image-wrapper::before {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--color-black);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.story-header .story-header__image-wrapper::after {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--color-black);
  content: "";
  display: block;
  height: 100px;
  left: 0;
  pointer-events: none;
  position: absolute;
  transform: scaleY(0);
  width: 100%;
}
.story-header .story-header__image-wrapper .picture {
  background: var(--color-grey);
  color: var(--color-white);
}
.story-header .card .card__content.desktop {
  display: none;
}
.story-header .story-header__card-wrapper {
  grid-column: column 1/span 4;
  opacity: 0;
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1);
  transform: translate3d(0, calc(var(--block-margin) * 2), 0);
  transition: none;
}
.story-header .story-header__card-wrapper .card {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  box-shadow: inset 0 0 0 calc(var(--grid-padding) * 1.5) var(--color-white), 0 0 0 1px transparent;
  cursor: auto;
}
.story-header .story-header__card-wrapper .card .card__title {
  text-decoration: none;
}
.story-header .story-header__card-wrapper .card .card__title:hover span {
  border-block-end: solid 3px var(--color-black);
}
@media (min-width: 800px) {
  .story-header .story-header__card-wrapper .card .card__title:hover span {
    border-block-end: solid 4px var(--color-black);
  }
}
.story-header .story-header__card-wrapper .card .card__description {
  height: auto;
}
.story-header .story-header__card-wrapper .card,
.story-header .story-header__card-wrapper .card__wrapper {
  background-color: transparent;
  color: var(--color-white);
}
.story-header .story-header__card-wrapper .card__content {
  background-color: var(--color-white);
  color: var(--color-black);
  padding-block-start: 0;
  position: relative;
}
.story-header .story-header__card-wrapper .card__image::before {
  padding-block-start: 0;
}
.story-header .story-header__card-wrapper .card__title {
  font-size: var(--heading-1-font-size);
  font-weight: 100;
  line-height: 1.1;
}
.story-header.story-header--preload .story-header__card-wrapper {
  will-change: opacity, transform;
}
.story-header.story-header--preload .story-header__image-wrapper::after {
  will-change: transform;
}
.story-header.story-header--preload .story-header__image-wrapper .picture::after {
  will-change: opacity;
}
.story-header.story-header--loaded .story-header__card-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity var(--easing-slow) var(--timing-default), transform var(--easing-slow) var(--timing-default);
}
.story-header.story-header--loaded .story-header__image-wrapper::after {
  transform: scaleY(1);
  transform-origin: 50% 100%;
  transition: transform var(--easing-slow);
}
@media (min-width: 530px) {
  .story-header .story-header__card-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 800px) {
  .story-header .story-header__card-wrapper {
    grid-column: column 1/span 12;
  }
  .story-header .card {
    width: 65%;
  }
  .story-header .card.has-description {
    width: 100%;
  }
  .story-header .card.has-description .title {
    flex: 1;
  }
  .story-header .card.has-description .description {
    width: 35%;
  }
  .story-header .card__wrapper {
    padding-block: 0 0;
    padding-inline: 0 0;
  }
  .story-header .card .card__content.mobile {
    display: none;
  }
  .story-header .card .card__content.desktop {
    display: flex;
  }
  .story-header .card .card__content.desktop .title,
  .story-header .card .card__content.desktop .description {
    background-color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
    padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  }
}
@media (min-width: 1180px) {
  .story-header .story-header__card-wrapper {
    grid-column: column 2/span 10;
  }
}
@media (min-width: 1480px) {
  .story-header .story-header__card-wrapper {
    grid-column: column 2/span 12;
  }
}

.story-card-grid .story-card-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  position: relative;
}
.story-card-grid .story-card-grid__grid-orange {
  background: var(--color-orange);
}
.story-card-grid .story-card-grid__grid-blue {
  background: var(--color-blue);
}
.story-card-grid .story-card-grid__title-block {
  border-bottom: solid 1px var(--color-black);
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: column 1/span var(--grid-columns);
  justify-content: space-between;
  padding-block: 120px 15px;
  padding-inline: 15px;
}
@media (min-width: 800px) {
  .story-card-grid .story-card-grid__title-block {
    flex-direction: row;
    padding-block-start: 140px;
  }
}
.story-card-grid .story-card-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 10px;
  padding-block-start: calc(var(--block-margin) * 1.5);
}
html:lang(ar) .story-card-grid .story-card-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card-grid .story-card-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.story-card-grid .story-card-grid__introtext {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  max-width: 46em;
}
html:lang(ar) .story-card-grid .story-card-grid__introtext:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card-grid .story-card-grid__introtext[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 800px) {
  .story-card-grid .story-card-grid__introtext {
    margin-bottom: 0;
  }
}
.story-card-grid .story-card-grid__button {
  background: transparent;
  height: -moz-fit-content;
  height: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 800px) {
  .story-card-grid .story-card-grid__button {
    align-self: end;
  }
}
.story-card-grid .story-card-grid__cards {
  display: grid;
  grid-column: column 1/span var(--grid-columns);
  grid-template-columns: 100%;
}
.story-card-grid .story-card-grid__cards .story-card {
  border-block-end: 1px solid var(--color-black);
}
@media (min-width: 800px) {
  .story-card-grid .story-card-grid__cards .story-card {
    border-inline-end: 1px solid var(--color-black);
  }
}
.story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card__image {
  transition: var(--easing-default);
}
.story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(1) .story-card__image {
  clip-path: circle(100%);
}
@media screen and not (prefers-reduced-motion: reduce) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(1):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(1):focus .story-card__image {
    clip-path: circle(30%);
  }
}
.story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(2) .story-card__image {
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}
@media screen and not (prefers-reduced-motion: reduce) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(2):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(2):focus .story-card__image {
    clip-path: polygon(0 10%, 0 10%, 100% 50%, 100% 50%, 0 90%, 0 90%, 0 90%, 0 10%);
  }
}
.story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(3) .story-card__image {
  clip-path: polygon(0 0, 100% 0, 100% 0, 100% 100%, 100% 100%, 0 100%, 0 100%, 0 0);
}
@media screen and not (prefers-reduced-motion: reduce) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(3):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(3):focus .story-card__image {
    clip-path: polygon(50% 10%, 50% 10%, 90% 50%, 90% 50%, 50% 90%, 50% 90%, 10% 50%, 10% 50%);
  }
}
.story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4) .story-card__image {
  margin: auto;
  width: 100%;
}
@media screen and (not (prefers-reduced-motion: reduce)) and (min-width: 800px) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):focus .story-card__image {
    height: 180px;
    padding-bottom: 0;
    width: 180px;
  }
}
@media screen and (not (prefers-reduced-motion: reduce)) and (min-width: 1180px) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):focus .story-card__image {
    height: 225px;
    width: 225px;
  }
}
@media screen and (not (prefers-reduced-motion: reduce)) and (min-width: 1480px) {
  .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):hover .story-card__image, .story-card-grid .story-card-grid__cards.story-card-grid__card-grid--hover-animated .story-card:nth-child(4):focus .story-card__image {
    height: 300px;
    width: 300px;
  }
}
@media (min-width: 800px) {
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--1-cards .story-card {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--2-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--2-cards .story-card:nth-child(2) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--3-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--3-cards .story-card {
    max-width: 100%;
    min-width: 100px;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--3-cards .story-card:nth-child(3) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--4-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--4-cards .story-card {
    max-width: 100%;
    min-width: 100px;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--4-cards .story-card:nth-child(2),
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--4-cards :nth-child(4) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards {
    grid-template-columns: repeat(6, 1fr);
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards .story-card:nth-child(1) {
    grid-column: span 3;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards .story-card:nth-child(2) {
    border-inline-end: none;
    grid-column: span 3;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards .story-card:nth-child(3) {
    grid-column: span 2;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards .story-card:nth-child(4) {
    grid-column: span 2;
  }
  .story-card-grid.story-card-grid--standard .story-card-grid__cards--5-cards .story-card:nth-child(5) {
    border-inline-end: none;
    grid-column: span 2;
  }
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block {
  gap: 30px;
  padding-block-end: 15px;
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-button {
  align-self: flex-start;
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-start: 120px;
}
html:lang(ar) .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
@media (min-width: 800px) {
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-title {
    margin-block-start: 0;
  }
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-introtext {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-introtext:not(:not(:lang(ar))), html:not(:lang(ar)) .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block .story-card-grid__card-introtext[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block.story-card-grid__card-title-block--orange {
  background: var(--color-orange);
}
.story-card-grid.story-card-grid--first-card-as-title .story-card-grid__card-title-block.story-card-grid__card-title-block--blue {
  background: var(--color-blue);
}
@media (min-width: 800px) {
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--1-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--1-cards .story-card:nth-child(2) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--2-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--2-cards .story-card:nth-child(2) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--2-cards .story-card:nth-child(3) {
    border-inline-end: none;
    grid-column: span 2;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--3-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--3-cards .story-card:nth-child(2),
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--3-cards :nth-child(4) {
    border-inline-end: none;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards {
    grid-template-columns: repeat(6, 1fr);
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards .story-card:nth-child(1) {
    grid-column: span 3;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards .story-card:nth-child(2) {
    border-inline-end: none;
    grid-column: span 3;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards .story-card:nth-child(3) {
    grid-column: span 2;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards .story-card:nth-child(4) {
    grid-column: span 2;
  }
  .story-card-grid.story-card-grid--first-card-as-title .story-card-grid__cards--4-cards .story-card:nth-child(5) {
    border-inline-end: none;
    grid-column: span 2;
  }
}

.story-banner {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  margin-block-end: 5.125rem;
  padding-block: 1.875rem 1.875rem;
  position: relative;
  z-index: 1;
}
.story-banner .story-banner__content {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span 12;
  justify-content: flex-start;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.story-banner .story-banner__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: 1.875rem;
  margin-inline-start: -0.03em;
  padding-inline-end: 1.875rem;
  word-break: break-word;
}
html:lang(ar) .story-banner .story-banner__title:not(:not(:lang(ar))), html:not(:lang(ar)) .story-banner .story-banner__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.story-banner .story-banner__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  margin-block-end: 1.875rem;
  padding-inline-end: 1.875rem;
}
html:lang(ar) .story-banner .story-banner__text:not(:not(:lang(ar))), html:not(:lang(ar)) .story-banner .story-banner__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.story-banner .story-banner__button {
  width: -moz-fit-content;
  width: fit-content;
}
.story-banner .story-banner__card-wrapper {
  grid-column: column 1/span 12;
  margin-block-start: 1.875rem;
  padding-inline-end: var(--grid-padding);
  position: relative;
}
@media (max-width: 799px) {
  .story-banner .story-banner__card-wrapper {
    bottom: -81.5px;
    margin-block-start: -50px;
    padding-inline-start: var(--grid-padding);
  }
}
@media (min-width: 800px) {
  .story-banner .story-banner__content {
    grid-column: column 1/span 7;
  }
  .story-banner .story-banner__card-wrapper {
    align-self: end;
    bottom: -81.5px;
    grid-column: column 8/span 5;
    margin-block-start: 0;
  }
  .story-banner .story-banner__title {
    margin-inline-start: -0.05em;
  }
}
@media (min-width: 1480px) {
  .story-banner .story-banner__content {
    grid-column: column 2/span 7;
  }
  .story-banner .story-banner__card-wrapper {
    grid-column: column 9/span 6;
  }
}
@media (min-width: 2260px) {
  .story-banner .story-banner__content {
    grid-column: column 3/span 6;
  }
  .story-banner .story-banner__card-wrapper {
    grid-column: column 9/span 6;
  }
}

.story-banner--theme-blue {
  background-color: var(--color-blue);
  color: var(--color-black);
}

.story-banner--theme-yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.story-banner--theme-orange {
  background-color: var(--color-orange);
  color: var(--color-black);
}

.story-banner--theme-magenta {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.social-media-cards {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .social-media-cards:not(:not(:lang(ar))), html:not(:lang(ar)) .social-media-cards[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.social-media-cards .social-media-cards__container {
  margin-inline: auto auto;
  max-width: 90rem;
}
.social-media-cards .social-media-cards__logo {
  max-width: 22rem;
  pointer-events: none;
  position: relative;
  z-index: 10;
}
.social-media-cards .social-media-cards__heading {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  display: inline-block;
  margin-block-end: 1rem;
  vertical-align: top;
}
html:lang(ar) .social-media-cards .social-media-cards__heading:not(:not(:lang(ar))), html:not(:lang(ar)) .social-media-cards .social-media-cards__heading[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.social-media-cards .social-media-cards__grid {
  display: flex;
  overflow: auto;
  width: 100%;
}
.social-media-cards .social-media-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-inline-end: 1.5rem;
  min-width: 17rem;
  overflow: hidden;
  padding-block: 1rem 1rem;
  padding-inline: 1rem 1rem;
  position: relative;
  width: 33.33%;
}
.social-media-cards .social-media-card:last-child {
  margin-inline-end: 0;
}
.social-media-cards .social-media-card::after {
  background-color: rgba(0, 0, 0, 0.4);
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
.social-media-cards .social-media-card__heading {
  left: 1rem;
  position: absolute;
  width: calc(100% - 2rem);
}
.social-media-cards .social-media-card__media {
  height: 0;
  padding-block-start: 103%;
  width: 100%;
}
.social-media-cards .social-media-card__media .picture {
  height: 100%;
  left: 0;
  object-fit: fill;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 1180px) {
  .social-media-cards .social-media-cards__heading {
    margin-block-end: 3.5rem;
  }
  .social-media-cards .social-media-card {
    margin-inline-end: 2.5rem;
    padding-block: 2rem 2rem;
    padding-inline: 2rem 2rem;
  }
  .social-media-cards .social-media-card::after {
    opacity: 0;
  }
  .social-media-cards .social-media-card__heading {
    left: 2rem;
    width: calc(100% - 4rem);
  }
}

.simple-carousel {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.simple-carousel .simple-carousel__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  overflow: hidden;
}
.simple-carousel .simple-carousel__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  grid-column: column 1/span 4;
  margin-block-end: calc(var(--grid-padding) * 3.5);
  min-height: 2.125rem;
  padding-inline-start: calc(var(--grid-padding) * 1.5);
}
html:lang(ar) .simple-carousel .simple-carousel__title:not(:not(:lang(ar))), html:not(:lang(ar)) .simple-carousel .simple-carousel__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.simple-carousel .simple-carousel__wrapper {
  grid-column: column 1/span 12;
}
.simple-carousel .simple-carousel__swiper-navigation-wrapper {
  position: absolute;
  right: 0;
  top: 0;
}
[dir=rtl] .simple-carousel .simple-carousel__swiper-navigation-wrapper {
  left: 0;
  right: unset;
}
.simple-carousel .swiper-container {
  overflow: visible;
  position: relative;
}
.simple-carousel .swiper-wrapper {
  align-items: stretch;
}
.simple-carousel .swiper-slide {
  height: auto;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.simple-carousel .swiper-navigation {
  display: flex;
  justify-content: flex-end;
  margin-block-end: calc(var(--grid-padding) * 1.5);
  padding-inline-end: calc(var(--grid-padding) * 1.5);
}
.simple-carousel .swiper-button-prev,
.simple-carousel .swiper-button-next {
  background: var(--color-white);
  border-color: var(--color-black);
  border-style: solid;
  border-width: 1px;
  color: var(--color-black);
  display: inline-block;
  font-size: 1.665rem;
  height: 3.33rem;
  line-height: 1rem;
  padding-block: 0.8325rem 0.8325rem;
  padding-inline: 0.8325rem 0.8325rem;
  transition: background-color var(--easing-default), color var(--easing-default);
  width: 3.33rem;
}
.simple-carousel .swiper-button-prev:hover, .simple-carousel .swiper-button-prev:focus,
.simple-carousel .swiper-button-next:hover,
.simple-carousel .swiper-button-next:focus {
  background-color: var(--color-black);
  color: var(--color-white);
}
.simple-carousel .swiper-button-next {
  border-inline-start-width: 0;
}
.simple-carousel .swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.simple-carousel .swiper-button-disabled.swiper-button-prev {
  border-inline-end-width: 0;
}
.simple-carousel .swiper-button-disabled.swiper-button-prev + .swiper-button-next {
  border-inline-start-width: 1px;
}

.shared-ticker-bar {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.shared-ticker-bar .shared-ticker-bar__wrapper {
  background-color: var(--color-yellow);
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  color: var(--color-black);
  display: block;
  padding-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
  position: relative;
}
.shared-ticker-bar .shared-ticker-bar__title-wrapper {
  overflow: hidden;
}
.shared-ticker-bar .shared-ticker-bar__title {
  color: var(--ticker-bar-title-color, currentColor);
  font-family: var(--ticker-bar-title-font-family);
  font-feature-settings: var(--ticker-bar-title-font-feature-settings);
  font-size: var(--ticker-bar-title-font-size);
  font-style: var(--ticker-bar-title-font-style);
  font-variant: var(--ticker-bar-title-font-variant);
  font-weight: var(--ticker-bar-title-font-weight);
  letter-spacing: var(--ticker-bar-title-letter-spacing);
  line-height: var(--ticker-bar-title-line-height);
  -webkit-text-decoration: var(--ticker-bar-title-text-decoration);
          text-decoration: var(--ticker-bar-title-text-decoration);
  text-decoration-thickness: var(--ticker-bar-title-text-decoration-thickness);
  text-transform: var(--ticker-bar-title-text-transform);
  text-underline-offset: var(--ticker-bar-title-text-underline-offset);
  word-spacing: var(--ticker-bar-title-word-spacing);
  padding-block: var(--ticker-bar-title-padding-top) var(--ticker-bar-title-padding-bottom);
  display: flex;
  margin-block: -0.1em -0.1em;
  white-space: nowrap;
}
html:lang(ar) .shared-ticker-bar .shared-ticker-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .shared-ticker-bar .shared-ticker-bar__title[lang=ar] {
  font-family: var(--ticker-bar-title-ar-font-family);
  font-feature-settings: var(--ticker-bar-title-ar-font-feature-settings);
  font-size: var(--ticker-bar-title-ar-font-size);
  font-style: var(--ticker-bar-title-ar-font-style);
  font-variant: var(--ticker-bar-title-ar-font-variant);
  font-weight: var(--ticker-bar-title-ar-font-weight);
  letter-spacing: var(--ticker-bar-title-ar-letter-spacing);
  line-height: var(--ticker-bar-title-ar-line-height);
  text-transform: var(--ticker-bar-title-ar-text-transform);
  word-spacing: var(--ticker-bar-title-ar-word-spacing);
}
.shared-ticker-bar .shared-ticker-bar__title svg {
  display: inline-block;
  height: 1em;
  margin-inline: 0.12em 0.36em;
  overflow: visible;
  padding-block: 0.12em 0.12em;
  padding-inline: 0.12em 0.12em;
  vertical-align: baseline;
  width: auto;
}
[dir=rtl] .shared-ticker-bar .shared-ticker-bar__title svg {
  height: 1.5em;
  padding-block: 0.37em 0.37em;
}
@media screen and (prefers-reduced-motion: reduce) {
  .shared-ticker-bar .shared-ticker-bar__title-icon {
    display: none;
  }
}
.shared-ticker-bar .shared-ticker-bar__title-text {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: baseline;
}
[dir=rtl] .shared-ticker-bar .shared-ticker-bar__title-text {
  height: 1.5em;
}
.shared-ticker-bar .shared-ticker-bar__text {
  color: var(--ticker-bar-text-color, currentColor);
  font-family: var(--ticker-bar-text-font-family);
  font-feature-settings: var(--ticker-bar-text-font-feature-settings);
  font-size: var(--ticker-bar-text-font-size);
  font-style: var(--ticker-bar-text-font-style);
  font-variant: var(--ticker-bar-text-font-variant);
  font-weight: var(--ticker-bar-text-font-weight);
  letter-spacing: var(--ticker-bar-text-letter-spacing);
  line-height: var(--ticker-bar-text-line-height);
  -webkit-text-decoration: var(--ticker-bar-text-text-decoration);
          text-decoration: var(--ticker-bar-text-text-decoration);
  text-decoration-thickness: var(--ticker-bar-text-text-decoration-thickness);
  text-transform: var(--ticker-bar-text-text-transform);
  text-underline-offset: var(--ticker-bar-text-text-underline-offset);
  word-spacing: var(--ticker-bar-text-word-spacing);
  padding-block: var(--ticker-bar-text-padding-top) var(--ticker-bar-text-padding-bottom);
  margin-block-end: calc(var(--block-margin) * 0.33);
  max-width: 26em;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .shared-ticker-bar .shared-ticker-bar__text:not(:not(:lang(ar))), html:not(:lang(ar)) .shared-ticker-bar .shared-ticker-bar__text[lang=ar] {
  font-family: var(--ticker-bar-text-ar-font-family);
  font-feature-settings: var(--ticker-bar-text-ar-font-feature-settings);
  font-size: var(--ticker-bar-text-ar-font-size);
  font-style: var(--ticker-bar-text-ar-font-style);
  font-variant: var(--ticker-bar-text-ar-font-variant);
  font-weight: var(--ticker-bar-text-ar-font-weight);
  letter-spacing: var(--ticker-bar-text-ar-letter-spacing);
  line-height: var(--ticker-bar-text-ar-line-height);
  text-transform: var(--ticker-bar-text-ar-text-transform);
  word-spacing: var(--ticker-bar-text-ar-word-spacing);
}
@media (min-width: 800px) {
  .shared-ticker-bar .shared-ticker-bar__text {
    padding-inline: 1em 1em;
  }
}

.test {
  position: relative;
}

.selected-filters-bar {
  margin-block: 0.625rem;
}
.selected-filters-bar .selected-filters-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  height: 100%;
}
.selected-filters-bar .selected-filters-bar__filter-info {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: 3rem;
}
html:lang(ar) .selected-filters-bar .selected-filters-bar__filter-info:not(:not(:lang(ar))), html:not(:lang(ar)) .selected-filters-bar .selected-filters-bar__filter-info[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.selected-filters-bar .selected-filters-bar__flex-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding);
}
.selected-filters-bar .selected-filters-bar__clear-btn {
  align-items: center;
  display: flex;
  height: 2.5rem;
}
.selected-filters-bar .selected-filters-bar__filters {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
.selected-filters-bar .selected-filters-bar__filter-btn {
  align-items: center;
  display: flex;
  height: 2.5rem;
}

.related-tags {
  padding-block: 2rem;
}
.related-tags .related-tags__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.related-tags .related-tags__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  line-height: calc(var(--paragraph-line-height) * 1.5);
}
html:lang(ar) .related-tags .related-tags__text:not(:not(:lang(ar))), html:not(:lang(ar)) .related-tags .related-tags__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
html:lang(ar) .related-tags .related-tags__text:not(:not(:lang(ar))), html:not(:lang(ar)) .related-tags .related-tags__text[lang=ar] {
  line-height: calc(var(--paragraph-ar-line-height) * 1.5);
}
.related-tags .related-tags__title {
  margin-inline-end: 1rem;
}
.related-tags .related-tags__tags {
  grid-column: column 1/span 4;
  margin-inline: 10px;
}
@media (min-width: 530px) {
  .related-tags .related-tags__tags {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .related-tags .related-tags__tags {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .related-tags .related-tags__tags {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .related-tags .related-tags__tags {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .related-tags .related-tags__tags {
    grid-column: column 6/span 6;
  }
}
.related-tags .related-tags__tag {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-inline-end: 1rem;
  text-decoration: underline;
}
html:lang(ar) .related-tags .related-tags__tag:not(:not(:lang(ar))), html:not(:lang(ar)) .related-tags .related-tags__tag[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}

.press-release-list {
  margin-block-start: -1px;
  position: relative;
}
.press-release-list:last-child {
  margin-block-end: -1px;
}
.press-release-list .press-release-list__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.press-release-list .press-release-list__wrapper {
  grid-column: column 1/span 4;
  padding-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 1.5);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.press-release-list .press-release-list__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .press-release-list .press-release-list__title:not(:not(:lang(ar))), html:not(:lang(ar)) .press-release-list .press-release-list__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.press-release-list .press-release-list__cards {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.press-release-list .press-release-list__card {
  background: var(--color-white);
  color: var(--color-black);
  position: relative;
}
.press-release-list .press-release-list__card + .press-release-list__card {
  margin-block-start: calc(var(--block-margin) * 0.75);
}
.press-release-list .press-release-list__card-title-wrapper,
.press-release-list .press-release-list__card-content-wrapper {
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
}
.press-release-list .press-release-list__card-content-wrapper {
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0.8rem 0.8rem;
}
.press-release-list .press-release-list__card-button-wrapper {
  border-block-start: var(--grid-border);
  display: flex;
  flex-direction: row;
}
.press-release-list .press-release-list__card-button-wrapper .museum-tag {
  background: var(--color-white);
  border-block-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  color: var(--color-black);
  flex: 1;
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0.8rem 0.8rem;
}
.press-release-list .press-release-list__card-button-wrapper .button {
  border-block-start-width: 0;
  flex: 0 1 auto;
  min-width: 50px;
  padding-block: 0.5rem 0.6rem;
  pointer-events: none;
}
.press-release-list .press-release-list__card-button-wrapper .button:first-child {
  flex: 0 1 100%;
  max-width: none;
}
.press-release-list .press-release-list__card-button-wrapper .button:first-child .button__span {
  text-align: initial;
}
.press-release-list .press-release-list__card-title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  padding-block: 0.8rem 0.8rem;
  padding-inline: 0.8rem 0.8rem;
}
html:lang(ar) .press-release-list .press-release-list__card-title:not(:not(:lang(ar))), html:not(:lang(ar)) .press-release-list .press-release-list__card-title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.press-release-list .press-release-list__card-date,
.press-release-list .press-release-list__card-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: block;
  padding-block-end: 1rem;
}
html:lang(ar) .press-release-list .press-release-list__card-date:not(:not(:lang(ar))), html:not(:lang(ar)) .press-release-list .press-release-list__card-date[lang=ar],
html:lang(ar) .press-release-list .press-release-list__card-text:not(:not(:lang(ar))),
html:not(:lang(ar)) .press-release-list .press-release-list__card-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.press-release-list .press-release-list__card-date {
  font-weight: bold;
}
.press-release-list .press-release-list__pagination {
  padding-block: var(--block-margin) var(--block-margin);
  text-align: center;
}
@media (max-width: 529px) {
  .press-release-list .press-release-list__wrapper {
    padding-inline: 0 0;
  }
  .press-release-list .press-release-list__card {
    margin-inline: -1px -1px;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .press-release-list .press-release-list__wrapper {
    padding-inline: 0 0;
  }
  .press-release-list .press-release-list__card {
    margin-inline: -1px -1px;
  }
}
@media (min-width: 530px) {
  .press-release-list .press-release-list__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .press-release-list .press-release-list__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .press-release-list .press-release-list__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .press-release-list .press-release-list__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .press-release-list .press-release-list__wrapper {
    grid-column: column 6/span 6;
  }
}

.polaroid-header {
  position: relative;
}
.polaroid-header .polaroid-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.polaroid-header .polaroid-header__image-wrapper {
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 0;
}
.polaroid-header .polaroid-header__image-wrapper::before {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--color-black);
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.polaroid-header .polaroid-header__image-wrapper::after {
  background-color: var(--color-white);
  bottom: 0;
  color: var(--color-black);
  content: "";
  display: block;
  height: 160px;
  left: 0;
  pointer-events: none;
  position: absolute;
  transform: scaleY(0);
  width: 100%;
}
.polaroid-header .polaroid-header__image-wrapper .picture {
  background: var(--color-grey);
  color: var(--color-white);
}
.polaroid-header .polaroid-header__card-wrapper {
  grid-column: column 1/span 4;
  opacity: 0;
  padding-block-start: calc(var(--menu-bar-height) + var(--block-margin));
  padding-inline: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
  transform: translate3d(0, calc(var(--block-margin) * 2), 0);
  transition: none;
}
.polaroid-header .polaroid-header__card-wrapper .card {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  box-shadow: inset 0 0 0 calc(var(--grid-padding) * 1.5) var(--color-white), 0 0 0 1px transparent;
  height: 84vh;
  min-height: 84vh;
}
.polaroid-header .polaroid-header__card-wrapper .card,
.polaroid-header .polaroid-header__card-wrapper .card__wrapper {
  background-color: transparent;
  color: var(--color-white);
}
.polaroid-header .polaroid-header__card-wrapper .card__content {
  background-color: var(--color-white);
  color: var(--color-black);
  padding-block-start: calc(var(--grid-padding) * 2);
  position: relative;
}
.polaroid-header .polaroid-header__card-wrapper .card__content::before, .polaroid-header .polaroid-header__card-wrapper .card__content::after {
  background: var(--color-white);
  color: var(--color-black);
  content: "";
  display: none;
  height: calc(100% + var(--grid-padding) * 1.5 + 1px);
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 50vw;
  z-index: 0;
}
.polaroid-header .polaroid-header__card-wrapper .card__content::before {
  right: calc(-50vw - 1px - var(--grid-padding) * 1.5);
}
.polaroid-header .polaroid-header__card-wrapper .card__content::after {
  left: calc(-50vw - 1px - var(--grid-padding) * 1.5);
}
.polaroid-header .polaroid-header__card-wrapper .card__image::before {
  padding-block-start: 0;
}
.polaroid-header.polaroid-header--preload .polaroid-header__card-wrapper {
  will-change: opacity, transform;
}
.polaroid-header.polaroid-header--preload .polaroid-header__image-wrapper::after {
  will-change: transform;
}
.polaroid-header.polaroid-header--preload .polaroid-header__image-wrapper .picture::after {
  will-change: opacity;
}
.polaroid-header.polaroid-header--loaded .polaroid-header__card-wrapper {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: opacity var(--easing-slow) var(--timing-default), transform var(--easing-slow) var(--timing-default);
}
.polaroid-header.polaroid-header--loaded .polaroid-header__image-wrapper::after {
  transform: scaleY(1);
  transform-origin: 50% 100%;
  transition: transform var(--easing-slow);
}
@media (min-width: 530px) {
  .polaroid-header .polaroid-header__card-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 800px) {
  .polaroid-header .polaroid-header__card-wrapper {
    grid-column: column 2/span 10;
    padding-block-start: calc(var(--menu-bar-height) + var(--block-margin));
    padding-inline: 0 0;
  }
  .polaroid-header .polaroid-header__card-wrapper .card {
    height: 90vh;
  }
}
@media (min-width: 1180px) {
  .polaroid-header .polaroid-header__card-wrapper {
    grid-column: column 2/span 10;
  }
}
@media (min-width: 1480px) {
  .polaroid-header .polaroid-header__card-wrapper {
    grid-column: column 3/span 10;
  }
}
@media (min-width: 2260px) {
  .polaroid-header .polaroid-header__card-wrapper {
    grid-column: column 4/span 10;
  }
}

.playlist-video-panel .playlist-video-panel__button-close-wrapper {
  border-block-end: 1px solid var(--color-black);
  display: none;
}
[dir=rtl] .playlist-video-panel .playlist-video-panel__button-close-wrapper .button__icon--before {
  rotate: 180deg;
}
.playlist-video-panel .playlist-video-panel__content-wrapper {
  padding-block: calc(var(--grid-padding) * 2) calc(var(--grid-padding) * 2);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
.playlist-video-panel .playlist-video-panel__article-title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .playlist-video-panel .playlist-video-panel__article-title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-panel .playlist-video-panel__article-title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.playlist-video-panel .playlist-video-panel__pre-title {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 0.75rem;
  text-transform: uppercase;
}
html:lang(ar) .playlist-video-panel .playlist-video-panel__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-panel .playlist-video-panel__pre-title[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.playlist-video-panel .playlist-video-panel__title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  font-weight: 700;
}
html:lang(ar) .playlist-video-panel .playlist-video-panel__title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-panel .playlist-video-panel__title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.playlist-video-panel .playlist-video-panel__intro {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: calc(var(--grid-padding) * 1.5);
}
html:lang(ar) .playlist-video-panel .playlist-video-panel__intro:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-panel .playlist-video-panel__intro[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.playlist-video-panel .playlist-video-panel__cta-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--grid-padding);
  margin-block-start: 2.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
.playlist-video-panel .playlist-video-panel__items {
  display: flex;
  flex-flow: row nowrap;
  font-size: 0;
  height: auto;
  overflow: auto hidden;
  padding-block-end: calc(var(--grid-padding) * 2);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.playlist-video-panel .playlist-video-card {
  width: 75vw;
}
.playlist-video-panel .playlist-video-card:not(:last-child) {
  margin-inline-end: var(--grid-padding);
}
@media (min-width: 530px) {
  .playlist-video-panel .playlist-video-card {
    width: 40vw;
  }
}
@media (min-width: 800px) {
  .playlist-video-panel {
    border-block-start: 0px;
  }
  .playlist-video-panel .playlist-video-panel__button-close-wrapper {
    display: inherit;
  }
  .playlist-video-panel .playlist-video-panel__items {
    display: block;
    height: auto;
    overflow: hidden auto;
    padding-block-end: 0;
    padding-inline: 0 0;
    white-space: inherit;
  }
  .playlist-video-panel .playlist-video-card {
    height: 120px;
    overflow: hidden;
    width: 100%;
  }
  .playlist-video-panel .playlist-video-card .playlist-video-card__title {
    overflow: hidden;
  }
}

.playlist-video-panel--header .playlist-video-panel__intro {
  font-size: 16px;
}
.playlist-video-panel--header .playlist-video-panel__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
}
html:lang(ar) .playlist-video-panel--header .playlist-video-panel__title:not(:not(:lang(ar))), html:not(:lang(ar)) .playlist-video-panel--header .playlist-video-panel__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}

.playlist-carousel .playlist-carousel__desktop-wrapper {
  display: none;
}
@media (min-width: 800px) {
  .playlist-carousel .playlist-carousel__desktop-wrapper {
    display: initial;
  }
}
.playlist-carousel .playlist-carousel__mobile-wrapper {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  margin-block-start: calc(var(--grid-padding) * 2);
}
@media (min-width: 800px) {
  .playlist-carousel .playlist-carousel__mobile-wrapper {
    display: none;
  }
}

.overview-header {
  position: relative;
}
.overview-header:not(:first-child) .overview-header__content-wrapper {
  padding-block-start: calc(var(--block-margin) * 1);
}
.overview-header:not(:first-child) .overview-header__title {
  margin-block-end: 1rem;
}
.overview-header .overview-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.overview-header .overview-header__grid,
.overview-header .overview-header__image-wrapper {
  height: 100%;
}
.overview-header .overview-header__image-wrapper {
  border-block-end: var(--grid-border);
  padding-block-end: 100%;
}
.overview-header .overview-header__image-wrapper,
.overview-header .overview-header__content-wrapper {
  position: relative;
}
.overview-header .overview-header__card-wrapper {
  border-block-end: var(--grid-border);
  position: relative;
}
.overview-header .overview-header__title-wrapper,
.overview-header .overview-header__metadata-wrapper {
  border-block-end: var(--grid-border);
  grid-column: column 1/span 4;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.overview-header .overview-header__title-wrapper .button--back {
  transform: translate(calc(var(--grid-padding) * -1), calc(var(--grid-padding) * -1));
}
.overview-header .overview-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: var(--heading-1-line-height);
}
html:lang(ar) .overview-header .overview-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .overview-header .overview-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.overview-header .overview-header__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  margin-block: -1rem 1rem;
}
html:lang(ar) .overview-header .overview-header__text:not(:not(:lang(ar))), html:not(:lang(ar)) .overview-header .overview-header__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.overview-header .overview-header__content-image {
  display: none;
  width: 50%;
}
.overview-header .overview-header__picture-caption {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  display: inline-flex;
  max-width: 28rem;
  vertical-align: bottom;
}
html:lang(ar) .overview-header .overview-header__picture-caption:not(:not(:lang(ar))), html:not(:lang(ar)) .overview-header .overview-header__picture-caption[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.overview-header .overview-header__picture-caption .richtext--caption {
  display: inline-block;
  margin-block: 0 0;
  vertical-align: baseline;
}
.overview-header .overview-header__picture-caption .richtext--caption p {
  margin-block: 0 0;
}
.overview-header .overview-header__picture-caption .overview-header__picture-caption-icon {
  display: inline-block;
  flex: 0 0 var(--caption-line-height);
  height: var(--caption-line-height);
  margin-inline-start: -0.25em;
  vertical-align: top;
  width: var(--caption-line-height);
}
.overview-header .overview-header__picture-caption .overview-header__picture-caption-icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.overview-header .overview-header__image-wrapper--mask-round .picture {
  border-block-end: var(--grid-border);
  border-block-start: var(--grid-border);
  border-inline-end: var(--grid-border);
  border-inline-start: var(--grid-border);
  border-radius: 50%;
  overflow: hidden;
}
.overview-header .overview-header__buttons {
  font-size: 0;
  margin-block: 1rem calc(var(--block-margin) * 1);
}
.overview-header .overview-header__buttons::after {
  clear: both;
  content: "";
  display: table;
}
.overview-header .overview-header__buttons .button {
  clear: left;
  float: left;
  margin-block-end: -1px;
  margin-inline-end: -1px;
  width: auto;
}
[dir=rtl] .overview-header .overview-header__buttons .button {
  clear: right;
  float: right;
}
@media (max-width: 529px) {
  .overview-header .overview-header__metadata-wrapper--empty {
    display: none;
  }
}
@media (min-width: 530px) {
  .overview-header .overview-header__title-wrapper {
    grid-column: column 1/span 4;
  }
  .overview-header .overview-header__metadata-wrapper {
    grid-column: column 5/span 2;
  }
}
@media (max-width: 529px) {
  .overview-header:not(.overview-header--show-card-on-mobile) .overview-header__card-wrapper {
    display: none;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .overview-header:not(.overview-header--show-card-on-mobile) .overview-header__card-wrapper {
    display: none;
  }
}
@media (min-width: 800px) {
  .overview-header {
    display: flex;
    flex-direction: row;
  }
  .overview-header:not(:first-child) .overview-header__content-wrapper {
    padding-block-start: 0;
  }
  .overview-header .overview-header__image-wrapper {
    flex: 0 0 50%;
    padding-block-end: 50%;
  }
  .overview-header .overview-header__content-wrapper {
    border-block-end: var(--grid-border);
    display: flex;
    flex: 0 1 100%;
    flex-direction: column;
  }
  .overview-header .overview-header__card-wrapper {
    flex: 0 0 50%;
  }
  .overview-header .overview-header__image-wrapper,
  .overview-header .overview-header__card-wrapper {
    border-inline-start: 1px solid currentcolor;
  }
  .overview-header .overview-header__title-wrapper,
  .overview-header .overview-header__metadata-wrapper {
    border-block-end: none;
    grid-column: column 1/span 8;
  }
  .overview-header .overview-header__title-wrapper {
    margin-block-end: var(--heading-1-line-height);
  }
  .overview-header .overview-header__title-wrapper .button--back {
    align-self: flex-start;
  }
  .overview-header .overview-header__title {
    margin-block-end: calc(var(--heading-1-line-height) * 0.5);
  }
  .overview-header .overview-header__metadata-wrapper {
    margin-block-start: auto;
    text-align: end;
  }
}
@media (min-width: 1480px) {
  .overview-header .overview-header__title-wrapper,
  .overview-header .overview-header__metadata-wrapper {
    grid-column: column 1/span 9;
    padding-inline-start: calc(12.5% + var(--grid-padding) * 2);
  }
}
@media (min-width: 2260px) {
  .overview-header .overview-header__title-wrapper,
  .overview-header .overview-header__metadata-wrapper {
    grid-column: column 1/span 10;
    padding-inline-start: calc(25% + var(--grid-padding) * 2);
  }
}

.overview-header--theme-blue .overview-header__content-wrapper {
  background-color: var(--color-blue);
  color: var(--color-black);
}

.overview-header--theme-yellow .overview-header__content-wrapper {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.overview-header--theme-orange .overview-header__content-wrapper {
  background-color: var(--color-orange);
  color: var(--color-black);
}

.overview-header--theme-magenta .overview-header__content-wrapper {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.overlay-story-video .overlay-story-video__video-wrapper {
  position: relative;
  z-index: 0;
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__video-wrapper {
    border-block-end-width: 1px;
    height: 60vh;
    overflow: hidden;
  }
}
@media (min-width: 1180px) {
  .overlay-story-video .overlay-story-video__video-wrapper {
    height: 80vh;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video .overlay-story-video__video-wrapper {
    height: 90vh;
  }
}
.overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
  border-block-end: 1px solid var(--color-black);
  grid-column: column 1/span 14;
  min-height: 360px;
  position: relative;
}
@media (min-width: 530px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    height: 40vh;
    min-height: unset;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    border-block-end: 0;
    height: 60vh;
  }
}
@media (min-width: 1180px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    height: 80vh;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    height: 90vh;
  }
}
@media (min-width: 2260px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    grid-column: column 1/span 16;
  }
}
.overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__playlist-container {
  grid-column: column 1/span 12;
  overflow-x: auto;
  position: relative;
  z-index: 20;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__playlist-container {
    grid-column: column 9/span 4;
    height: auto;
    overflow: hidden auto;
    position: inherit;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__playlist-container {
    grid-column: column 11/span 4;
  }
}
@media (min-width: 2260px) {
  .overlay-story-video .overlay-story-video__video-wrapper .overlay-story-video__playlist-container {
    grid-column: column 13/span 4;
  }
}
.overlay-story-video .overlay-story-video__next-video-container {
  grid-column: column 1/span 6;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video .overlay-story-video__next-video-container {
    grid-column: column 6/span 4;
  }
}
@media (min-width: 2260px) {
  .overlay-story-video .overlay-story-video__next-video-container {
    grid-column: column 7/span 4;
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card {
  display: flex;
  flex-direction: row;
  padding-block-end: 0;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card {
    display: block;
    flex-direction: unset;
    padding-block-end: calc(var(--button-line-height) + 1.04rem + 2px);
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__content {
  min-width: unset;
  position: relative;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__content {
    min-width: 280px;
    position: absolute;
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__content-text {
  border-block-end: 0;
  border-block-start: 0;
  border-inline-end: 0;
  border-inline-start: 0;
}
@media (max-width: 529px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__content-text {
    padding-block: 5px 5px;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__content-text {
    border-block-end: var(--grid-border);
    border-block-start: var(--grid-border);
    border-inline-end: var(--grid-border);
    border-inline-start: var(--grid-border);
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__content-text .composition-card__title {
  padding-block: 0 0.25rem;
  text-transform: none;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__content-text .composition-card__title {
    padding-block: 0.75rem 0.75rem;
    text-transform: uppercase;
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper {
  flex-direction: column;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper {
    flex-direction: row;
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .button {
  border-color: transparent;
  padding-block-start: 0;
}
@media (max-width: 529px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .button {
    padding-block-end: 5px;
  }
}
@media (min-width: 530px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .button {
    padding-block-start: 0.5rem;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .button {
    border-color: var(--color-black);
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .button .button__span {
  margin-inline-start: 0.325rem;
  text-align: start;
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .museum-tag {
  border-block-end: 0;
  border-inline-start: 0;
  padding-block-start: 0;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .museum-tag {
    border-block-end: var(--grid-border);
    border-inline-start: var(--grid-border);
    padding-block-start: 0.8rem;
  }
}
.overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .museum-tag .museum-tag__icon {
  display: none;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-container .composition-card__button-wrapper .museum-tag .museum-tag__icon {
    display: block;
  }
}
.overlay-story-video .video-embed {
  display: block;
  height: 100%;
  opacity: 1;
  overflow: hidden;
  position: relative;
}
.overlay-story-video .video-embed::before {
  content: "";
  display: block;
  padding-block-start: 56.25%;
}
.overlay-story-video .video-embed[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.overlay-story-video .video-embed__container {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.overlay-story-video .video-embed__picture {
  height: 100%;
  padding-inline: 0 0;
}
.overlay-story-video .video-embed__picture .picture {
  height: 100%;
}
.overlay-story-video .article-video-embed .video-embed__container::after {
  border-style: none;
}
.overlay-story-video .overlay-story-video__button-close-wrapper {
  border-bottom: 1px solid var(--color-black);
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 800px) {
  .overlay-story-video .playlist-video-panel__back {
    left: -8px;
    position: absolute;
    top: 0;
  }
  .overlay-story-video .playlist-video-panel__back .button .button__span {
    text-transform: none;
  }
  [dir=rtl] .overlay-story-video .playlist-video-panel__back {
    left: unset;
    right: -1px;
  }
}
.overlay-story-video .overlay-story-video__button {
  background-color: var(--color-white);
  border-block-end: 0;
  border-block-start: 0;
  border-inline-end: 0;
}
@media (min-width: 530px) {
  .overlay-story-video .overlay-story-video__button {
    border-block-end-width: 0;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__button {
    border-block-end: 0;
    border-block-start: 0;
    border-inline-end: var(--grid-border);
    border-inline-start-width: 0;
  }
  .overlay-story-video .overlay-story-video__button:focus, .overlay-story-video .overlay-story-video__button:hover {
    border-inline-end: var(--grid-border);
  }
}
.overlay-story-video .overlay-story-video__next-video-wrapper {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  align-items: center;
  height: 100%;
  inset: 0;
  padding-inline: 10px 10px;
  position: absolute;
  transition: opacity var(--timing-slow) ease;
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-wrapper {
    padding-inline: 0 0;
  }
}
.overlay-story-video .overlay-story-video__next-video-wrapper[aria-hidden=true] {
  opacity: 0;
}
.overlay-story-video .overlay-story-video__next-video-header {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block: 15px 20px;
  text-transform: uppercase;
}
html:lang(ar) .overlay-story-video .overlay-story-video__next-video-header:not(:not(:lang(ar))), html:not(:lang(ar)) .overlay-story-video .overlay-story-video__next-video-header[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
@media (min-width: 800px) {
  .overlay-story-video .overlay-story-video__next-video-header {
    margin-block-start: 0;
  }
}
.overlay-story-video .composition-card__image {
  width: 100%;
}
@media (min-width: 800px) {
  .overlay-story-video .composition-card__image {
    width: 101%;
  }
}
.overlay-story-video .overlay-story-video__next-video-replay {
  background-color: var(--color-white);
  border-width: 0;
  color: var(--color-black);
  margin-block: 5px 5px;
  padding-block: 10px 10px;
}
.overlay-story-video .overlay-story-video__next-video-replay .button__icon {
  margin-block-start: 3px;
}
.overlay-story-video .transcription-block {
  margin-block-start: -160px;
  padding-block-end: var(--block-margin);
}
@media (min-width: 530px) {
  .overlay-story-video .transcription-block {
    margin-block-start: -120px;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .transcription-block {
    margin-block-start: -160px;
  }
}
@media (min-width: 800px) {
  .overlay-story-video .transcription-block {
    margin-block-start: -80px;
  }
}
.overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__button-close-wrapper {
  border-inline-end-width: 0;
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__button-close-wrapper {
    display: none;
  }
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .playlist-video-panel {
    border-inline-start: 1px solid var(--color-black);
  }
}
.overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper {
  border-block-end: 0px;
  position: relative;
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper {
    border-block-end: 1px solid var(--color-black);
  }
}
@media (min-width: 1480px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper {
    margin-block-end: 0;
  }
}
.overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
  grid-column: column 1/span 5;
}
@media (min-width: 530px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
    grid-column: column 2/span 4;
  }
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
    grid-column: column 3/span 8;
  }
}
@media (min-width: 1180px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__next-video-container {
    grid-column: column 6/span 6;
  }
}
.overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__video-container {
  grid-column: column 1/span 12;
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    grid-column: column 1/span 8;
    padding-bottom: 0;
  }
}
@media (min-width: 1480px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    grid-column: column 1/span 10;
  }
}
@media (min-width: 2260px) {
  .overlay-story-video.overlay-story-video--has-playlist .overlay-story-video__video-wrapper .overlay-story-video__video-container {
    grid-column: column 1/span 12;
  }
}
.overlay-story-video.overlay-story-video--has-playlist .transcription-block {
  margin-block-start: -40px;
}
@media (min-width: 530px) {
  .overlay-story-video.overlay-story-video--has-playlist .transcription-block {
    margin-block-start: 20px;
  }
}
@media (min-width: 800px) {
  .overlay-story-video.overlay-story-video--has-playlist .transcription-block {
    margin-block-start: -160px;
  }
}
@media (min-width: 1180px) {
  .overlay-story-video.overlay-story-video--has-playlist .transcription-block {
    margin-block-start: -80px;
  }
}

.overlay-story-slideshow .storytelling-carousel {
  margin-block-start: 0;
}
.overlay-story-slideshow .storytelling-carousel .storytelling-carousel__wrapper {
  border-block-start: 0;
}
.overlay-story-slideshow .overlay-story-slideshow__button-close-wrapper {
  border-bottom: 1px solid var(--color-black);
  display: block;
  position: relative;
  width: 100%;
}
@media (min-width: 800px) {
  .overlay-story-slideshow .overlay-story-slideshow__button-close-wrapper {
    left: auto;
    right: -1px;
    top: -1px;
  }
  [dir=rtl] .overlay-story-slideshow .overlay-story-slideshow__button-close-wrapper {
    left: -1px;
    right: unset;
  }
}
.overlay-story-slideshow .overlay-story-slideshow__button {
  background-color: var(--color-white);
  border-block-end: 0;
  border-block-start: 0;
  border-inline-end: 0;
}
@media (min-width: 530px) {
  .overlay-story-slideshow .overlay-story-slideshow__button {
    border-block-end-width: 0;
  }
}
@media (min-width: 800px) {
  .overlay-story-slideshow .overlay-story-slideshow__button {
    border-block-end: 0;
    border-block-start: 0;
    border-inline-end: var(--grid-border);
    border-inline-start-width: 0;
  }
  .overlay-story-slideshow .overlay-story-slideshow__button:focus, .overlay-story-slideshow .overlay-story-slideshow__button:hover {
    border-inline-end: var(--grid-border);
  }
}

.overlay-dropdown-filter-bar-mobile {
  background-color: var(--color-white);
  bottom: 0;
  left: 0;
  opacity: 1;
  pointer-events: auto;
  position: fixed;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
html.has-js.overlay-dropdown-filter-bar-visible .overlay-dropdown-filter-bar-mobile {
  opacity: 1;
  pointer-events: auto;
}
html:not(.has-js).overlay-dropdown-filter-bar-visible .overlay-dropdown-filter-bar-mobile {
  display: block;
}
.overlay-dropdown-filter-bar-mobile[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.overlay-dropdown-filter-bar-mobile .overlay-dropdown-filter-bar__form {
  display: flex;
  flex-direction: column;
  height: 100dvh;
}
.overlay-dropdown-filter-bar-mobile .overlay-dropdown-filter-bar__form-options-container {
  overflow-y: scroll;
  padding-block: 1rem;
}
.overlay-dropdown-filter-bar-mobile .overlay-dropdown-filter-bar__form-button-container-top {
  display: flex;
  justify-content: flex-end;
}
.overlay-dropdown-filter-bar-mobile .overlay-dropdown-filter-bar__form-button-container-bottom {
  border-block-start: 1px solid var(--color-black);
  margin-top: auto;
  padding: 0.625rem;
}
.overlay-dropdown-filter-bar-mobile .overlay-dropdown-filter-bar-mobile__dialog-submit-button {
  max-width: 100%;
  padding-right: 0;
  width: 100%;
}
@media (min-width: 800px) {
  .overlay-dropdown-filter-bar-mobile {
    display: none;
  }
}

.object-slider-carousel {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.object-slider-carousel .object-slider-carousel__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.object-slider-carousel .object-slider-carousel__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.object-slider-carousel .object-slider-carousel__swiper-navigation-wrapper {
  display: flex;
  flex-direction: column-reverse;
  left: var(--grid-padding);
  overflow: visible;
  pointer-events: none;
  position: relative;
  width: calc(100% - (var(--grid-padding) * 2));
  z-index: 100;
}
[dir=rtl] .object-slider-carousel .object-slider-carousel__swiper-navigation-wrapper {
  left: auto;
  right: var(--grid-padding);
}
.object-slider-carousel .swiper-container {
  overflow: visible;
  position: relative;
}
.object-slider-carousel .swiper-wrapper {
  align-items: stretch;
}
.object-slider-carousel .swiper-pagination {
  left: 0;
  pointer-events: initial;
  position: relative;
  top: 15px;
  width: 100%;
}
[dir=rtl] .object-slider-carousel .swiper-pagination {
  left: auto;
  right: 0;
}
.object-slider-carousel .pagination-caption,
.object-slider-carousel .pagination-numbers {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block: var(--caption-margin-top) var(--caption-margin-bottom);
}
html:lang(ar) .object-slider-carousel .pagination-caption:not(:not(:lang(ar))), html:not(:lang(ar)) .object-slider-carousel .pagination-caption[lang=ar],
html:lang(ar) .object-slider-carousel .pagination-numbers:not(:not(:lang(ar))),
html:not(:lang(ar)) .object-slider-carousel .pagination-numbers[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.object-slider-carousel .swiper-navigation {
  display: flex;
  justify-content: flex-end;
  margin-top: -1px;
  pointer-events: initial;
  right: 0;
  width: 100%;
}
[dir=rtl] .object-slider-carousel .swiper-navigation {
  left: 0;
  right: auto;
}
@media (min-width: 800px) {
  .object-slider-carousel .swiper-navigation {
    position: absolute;
    right: -10px;
    top: 0;
  }
}
@media (min-width: 1180px) {
  .object-slider-carousel .swiper-navigation {
    right: -6px;
  }
}
@media (min-width: 1480px) {
  .object-slider-carousel .swiper-navigation {
    right: -7px;
  }
}
@media (min-width: 2260px) {
  .object-slider-carousel .swiper-navigation {
    right: -10px;
  }
}
.object-slider-carousel .swiper-button-prev,
.object-slider-carousel .swiper-button-next {
  background: var(--color-white);
  border-color: var(--color-black);
  border-style: solid;
  border-width: 1px;
  color: var(--color-black);
  display: inline-block;
  font-size: 1.665rem;
  height: 3.33rem;
  line-height: 1rem;
  padding-block: 0.8325rem 0.8325rem;
  padding-inline: 0.8325rem 0.8325rem;
  transition: background-color var(--easing-default), color var(--easing-default);
  width: 3.33rem;
}
.object-slider-carousel .swiper-button-prev:hover, .object-slider-carousel .swiper-button-prev:focus,
.object-slider-carousel .swiper-button-next:hover,
.object-slider-carousel .swiper-button-next:focus {
  background-color: var(--color-black);
  color: var(--color-white);
}
[dir=rtl] .object-slider-carousel .swiper-button-prev {
  margin-left: -1px;
  right: auto;
}
.object-slider-carousel .swiper-button-next {
  margin-left: -1px;
}
[dir=rtl] .object-slider-carousel .swiper-button-next {
  right: auto;
}
.object-slider-carousel .swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.object-slider-carousel .picture--background {
  display: flex;
  justify-content: center;
}
.object-slider-carousel .picture__image-wrapper {
  display: inline-block;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: unset;
}
.object-slider-carousel .object-figure {
  display: flex;
  flex: 0 1 100%;
  flex-direction: column;
}
.object-slider-carousel .picture::after {
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.object-slider-carousel .object-figure__caption,
.object-slider-carousel .pagination-caption {
  background: var(--color-white);
  color: var(--color-black);
  min-height: 5rem;
  padding-inline-start: 50px;
  width: 100%;
}
@media (min-width: 1180px) {
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    min-height: 7rem;
  }
}
.object-slider-carousel .pagination-caption .richtext--caption {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.object-slider-carousel .object-figure__caption {
  opacity: 0;
  position: absolute;
}
.object-slider-carousel .pagination-numbers {
  left: 0;
  margin-block: 0 0;
  position: absolute;
  top: 0;
  width: auto;
}
[dir=rtl] .object-slider-carousel .pagination-numbers {
  left: auto;
  right: 0;
}
[dir=rtl] .object-slider-carousel .object-figure__caption-title,
[dir=rtl] .object-slider-carousel .object-figure__caption-subtitle {
  padding-block-end: 0.2rem;
}
@media (min-width: 530px) {
  .object-slider-carousel .object-slider-carousel__wrapper {
    grid-column: column 1/span 6;
  }
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    padding-inline-start: 10%;
  }
}
@media (min-width: 800px) {
  .object-slider-carousel .object-slider-carousel__wrapper {
    grid-column: column 2/span 10;
  }
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    padding-inline: 10% 20%;
  }
  .object-slider-carousel .swiper-button-prev,
  .object-slider-carousel .swiper-button-next {
    top: -1px;
  }
  .object-slider-carousel .swiper-pagination {
    top: 6px;
  }
}
@media (min-width: 1180px) {
  .object-slider-carousel .object-slider-carousel__wrapper {
    grid-column: column 2/span 10;
  }
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    padding-inline: 20% 20%;
  }
}
@media (min-width: 1480px) {
  .object-slider-carousel .object-slider-carousel__wrapper {
    grid-column: column 2/span 12;
  }
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    padding-inline: 25% 25%;
  }
}
@media (min-width: 2260px) {
  .object-slider-carousel .object-slider-carousel__wrapper {
    grid-column: column 3/span 12;
  }
  .object-slider-carousel .object-figure__caption,
  .object-slider-carousel .pagination-caption {
    padding-inline: 25% 25%;
  }
}
.object-slider-carousel a .picture__image {
  transition: transform var(--easing-slow);
}
.object-slider-carousel a .picture__image:hover, .object-slider-carousel a .picture__image:focus {
  transform: scale(1.025) translate3d(0, 0, 0);
  transition: transform var(--easing-slow);
}
.object-slider-carousel .pagination-caption__link.hover .object-figure__caption-title,
.object-slider-carousel .pagination-caption__link:hover .object-figure__caption-title,
.object-slider-carousel .pagination-caption__link:focus .object-figure__caption-title {
  text-decoration: underline;
}

.object-card-grid .object-card-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  position: relative;
}
@media (min-width: 800px) {
  .object-card-grid.object-card-grid--standard .object-card-grid__cards--multiple-cards .object-card {
    max-width: 100%;
    min-width: 100px;
  }
}
.object-card-grid .object-card-grid__title-block {
  border-bottom: solid 1px var(--color-black);
  display: flex;
  flex-direction: column;
  gap: 30px;
  grid-column: column 1/span var(--grid-columns);
  justify-content: space-between;
  padding-block: 120px 15px;
  padding-inline: 15px;
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__title-block {
    flex-direction: row;
    padding-block-start: 140px;
  }
}
.object-card-grid .object-card-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 10px;
  padding-block-start: calc(var(--block-margin) * 1.5);
}
html:lang(ar) .object-card-grid .object-card-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card-grid .object-card-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.object-card-grid .object-card-grid__introtext {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  max-width: 46em;
}
html:lang(ar) .object-card-grid .object-card-grid__introtext:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card-grid .object-card-grid__introtext[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__introtext {
    margin-bottom: 0;
  }
}
.object-card-grid .object-card-grid__button {
  background: transparent;
  height: -moz-fit-content;
  height: fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__button {
    align-self: end;
  }
}
.object-card-grid .object-card-grid__cards {
  display: grid;
  grid-column: column 1/span var(--grid-columns);
  grid-template-columns: 100%;
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__cards {
    height: 692px;
  }
}
.object-card-grid .object-card-grid__cards .object-card {
  border-block-end: 1px solid var(--color-black);
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__cards .object-card {
    border-inline-end: 1px solid var(--color-black);
  }
}
.object-card-grid .object-card-grid__cards.object-card-grid__card-grid--hover-animated .object-card__image {
  transition: var(--easing-default);
}
.object-card-grid .object-card-grid__cards--multiple-cards .picture__image-wrapper {
  height: unset;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  width: unset;
}
.object-card-grid .object-card-grid__cards--multiple-cards .object-card .object-card__image-container .object-card__image {
  max-height: unset;
}
.object-card-grid .object-card-grid__cards--multiple-cards .object-card .object-card__image-container .object-card__image-container {
  max-height: unset;
}
.object-card-grid .object-card-grid__cards--multiple-cards .picture__image {
  aspect-ratio: 1/1;
  height: auto;
  transition: transform var(--easing-slow);
  width: 100%;
}
@media (min-width: 800px) {
  .object-card-grid .object-card-grid__cards--multiple-cards .picture__image {
    aspect-ratio: unset;
    max-height: 668px;
  }
}
.object-card-grid .object-card-grid__cards--multiple-cards .picture__image--is-landscape {
  aspect-ratio: unset;
}
.object-card-grid .object-card-grid__cards--multiple-cards a:hover .picture__image, .object-card-grid .object-card-grid__cards--multiple-cards a:focus .picture__image {
  transform: scale(1.025) translate3d(0, 0, 0);
  transition: transform var(--easing-slow);
}
@media (min-width: 800px) {
  .object-card-grid.object-card-grid--standard .object-card-grid__cards--multiple-cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .object-card-grid.object-card-grid--standard .object-card-grid__cards--multiple-cards.object-card-grid__cards {
    height: 100%;
  }
}
.object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block {
  gap: 30px;
  padding-block-end: 15px;
}
.object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-button {
  align-self: flex-start;
}
.object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-start: 120px;
}
html:lang(ar) .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-title:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
@media (min-width: 800px) {
  .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-title {
    margin-block-start: 0;
  }
}
.object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-introtext {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-introtext:not(:not(:lang(ar))), html:not(:lang(ar)) .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__card-title-block .object-card-grid__card-introtext[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 800px) {
  .object-card-grid.object-card-grid--first-card-as-title .object-card:nth-child(2) {
    border-inline-end: none;
  }
  .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__cards--multiple-cards {
    grid-template-columns: repeat(2, 50%);
  }
  .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__cards--multiple-cards .object-card:nth-child(2),
  .object-card-grid.object-card-grid--first-card-as-title .object-card-grid__cards--multiple-cards :nth-child(4) {
    border-inline-end: none;
  }
}

.non-image-card-grid {
  margin-block-start: -1px;
  padding-block-end: calc(var(--grid-padding) * 8);
  position: relative;
}
.non-image-card-grid:last-child {
  margin-block-end: -1px;
}
.non-image-card-grid .non-image-card-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.non-image-card-grid .non-image-card-grid__wrapper {
  grid-column: column 1/span 4;
}
.non-image-card-grid .non-image-card-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .non-image-card-grid .non-image-card-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card-grid .non-image-card-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.non-image-card-grid .non-image-card-grid__introduction {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 1rem;
  max-width: 600px;
}
html:lang(ar) .non-image-card-grid .non-image-card-grid__introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card-grid .non-image-card-grid__introduction[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.non-image-card-grid .non-image-card-grid__cards {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.non-image-card-grid .non-image-card-grid__text-wrapper,
.non-image-card-grid .non-image-card-grid__pagination,
.non-image-card-grid .non-image-card-grid__title-wrapper,
.non-image-card-grid .non-image-card-grid__button-wrapper {
  grid-column: column 1/span 4;
}
.non-image-card-grid .non-image-card-grid__text-wrapper,
.non-image-card-grid .non-image-card-grid__pagination {
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.non-image-card-grid .non-image-card-grid__title-wrapper,
.non-image-card-grid .non-image-card-grid__button-wrapper {
  padding-inline: var(--grid-padding);
}
.non-image-card-grid .non-image-card-grid__button-wrapper {
  padding-block: calc(var(--block-margin) * 0.5) calc(var(--block-margin) * 1.5);
  position: relative;
}
.non-image-card-grid .non-image-card-grid__text-container {
  border-block-start: 1px solid currentcolor;
  padding-block: var(--block-margin) calc(var(--block-margin) * 3);
}
.non-image-card-grid .non-image-card-grid__title-button {
  order: 3;
}
.non-image-card-grid .non-image-card-grid__results_title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  color: var(--color-black);
}
html:lang(ar) .non-image-card-grid .non-image-card-grid__results_title:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card-grid .non-image-card-grid__results_title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.non-image-card-grid .non-image-card-grid__pagination {
  padding-block: var(--block-margin) var(--block-margin);
  text-align: center;
}
.non-image-card-grid .non-image-card-grid__filter-wrapper {
  display: flex;
  flex-direction: column-reverse;
  grid-column: column 1/span var(--grid-columns);
  justify-content: space-between;
  padding-inline: var(--grid-padding);
}
.non-image-card-grid .non-image-card-grid__filter-wrapper .non-image-card-grid__results_title-container {
  width: 100%;
}
.non-image-card-grid .non-image-card-grid__filter-wrapper .link-dropdown {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  flex: auto;
  margin-block: auto 1rem;
}
html:lang(ar) .non-image-card-grid .non-image-card-grid__filter-wrapper .link-dropdown:not(:not(:lang(ar))), html:not(:lang(ar)) .non-image-card-grid .non-image-card-grid__filter-wrapper .link-dropdown[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.non-image-card-grid .non-image-card-grid__filter-wrapper .non-image-card-grid__results_title {
  margin-block-end: 1rem;
}
.non-image-card-grid .non-image-card-grid__title-wrapper {
  display: flex;
  flex-direction: column;
  padding-block-end: 1rem;
}
.non-image-card-grid .non-image-card-grid__title-wrapper .non-image-card-grid__title-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.non-image-card-grid .non-image-card-grid__title-wrapper .non-image-card-grid__title-container .button {
  margin-block-end: 1rem;
}
@media (min-width: 530px) {
  .non-image-card-grid .non-image-card-grid__filter-wrapper {
    flex-direction: row;
  }
  .non-image-card-grid .non-image-card-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .non-image-card-grid .non-image-card-grid__text-wrapper,
  .non-image-card-grid .non-image-card-grid__title-wrapper,
  .non-image-card-grid .non-image-card-grid__pagination {
    grid-column: column 1/span 6;
  }
  .non-image-card-grid .non-image-card-grid__title-wrapper .non-image-card-grid__title-container {
    display: flex;
    flex-direction: column;
  }
  .non-image-card-grid .non-image-card-grid__title-wrapper .non-image-card-grid__title-container .non-image-card-grid__title-button {
    order: unset;
    padding-inline-start: 1rem;
  }
  .non-image-card-grid .non-image-card-grid__wrapper {
    grid-column: column 1/span 6;
  }
  .non-image-card-grid .call-card {
    grid-column: 1/3;
  }
}
@media (min-width: 800px) {
  .non-image-card-grid {
    padding-block-start: calc(var(--block-margin) * 1.5);
  }
  .non-image-card-grid .non-image-card-grid__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .non-image-card-grid .non-image-card-grid__text-wrapper,
  .non-image-card-grid .non-image-card-grid__title-wrapper,
  .non-image-card-grid .non-image-card-grid__pagination {
    grid-column: column 1/span 12;
  }
  .non-image-card-grid .non-image-card-grid__wrapper {
    grid-column: column 1/span 12;
  }
  .non-image-card-grid .call-card__image-mobile {
    display: none;
  }
}
@media (min-width: 1180px) {
  .non-image-card-grid .non-image-card-grid__cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .non-image-card-grid .non-image-card-grid__text-wrapper,
  .non-image-card-grid .non-image-card-grid__pagination {
    grid-column: column 1/span 12;
  }
  .non-image-card-grid .non-image-card-grid__title-wrapper {
    align-items: flex-end;
    flex-direction: row;
    grid-column: column 1/span 12;
    justify-content: space-between;
    padding-inline-start: var(--grid-padding);
  }
  .non-image-card-grid .non-image-card-grid__introduction-wrapper {
    grid-column: column 1/span 6;
  }
  .non-image-card-grid .non-image-card-grid__wrapper {
    grid-column: column 1/span 12;
  }
  .non-image-card-grid .call-card__image-mobile {
    display: none;
  }
  .non-image-card-grid .call-card {
    grid-column: 1/4;
  }
}
@media (min-width: 800px) {
  .non-image-card-grid .non-image-card__content {
    max-width: 42rem;
  }
}
@media (min-width: 1480px) {
  .non-image-card-grid .non-image-card-grid__text-wrapper,
  .non-image-card-grid .non-image-card-grid__title-wrapper,
  .non-image-card-grid .non-image-card-grid__pagination {
    grid-column: column 2/span 12;
  }
  .non-image-card-grid .non-image-card-grid__introduction-wrapper {
    grid-column: column 2/span 6;
    padding-inline-start: 0;
  }
  .non-image-card-grid .non-image-card-grid__title-wrapper {
    padding-inline-start: 0;
  }
  .non-image-card-grid .non-image-card-grid__wrapper {
    grid-column: column 1/span 14;
  }
  .non-image-card-grid .call-card {
    grid-column: 3/5;
  }
  .non-image-card-grid.call-card__desktop-three-fourth {
    grid-column-start: 2;
  }
}
@media (min-width: 2260px) {
  .non-image-card-grid .non-image-card-grid__text-wrapper,
  .non-image-card-grid .non-image-card-grid__title-wrapper,
  .non-image-card-grid .non-image-card-grid__pagination {
    grid-column: column 3/span 12;
  }
  .non-image-card-grid .non-image-card-grid__wrapper {
    grid-column: column 1/span 16;
  }
  .non-image-card-grid .call-card {
    grid-column: 2/5;
  }
}

.non-image-card-grid--default .non-image-card-grid__cards .card {
  border-block-end: 1px solid currentcolor;
}
.non-image-card-grid--default .non-image-card-grid__cards .card:first-child {
  border-block-start: 1px solid currentcolor;
}
@media (max-width: 529px) {
  .non-image-card-grid--default .non-image-card-grid__cards {
    row-gap: calc(var(--grid-padding) * 1.5);
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .non-image-card-grid--default .non-image-card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(1), .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(2) {
    border-block-start: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(2n+2) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  .non-image-card-grid--default .non-image-card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(1), .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(2) {
    border-block-start: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(2n+2) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 1180px) and (max-width: 1479px) {
  .non-image-card-grid--default .non-image-card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(1), .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(2), .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(3) {
    border-block-start: 1px solid currentcolor;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(3n+2), .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(3n+3) {
    border-inline-start-width: 0;
  }
  .non-image-card-grid--default .non-image-card-grid__cards .card:nth-child(3n+3) {
    border-inline-end-width: 0;
  }
}

@media (min-width: 530px) {
  .non-image-card-grid__cards--3-cards .non-image-card {
    min-height: 20rem;
  }
}
@media (min-width: 800px) {
  .non-image-card-grid__cards--3-cards .non-image-card-grid__cards {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (min-width: 800px) {
  .non-image-card-grid__cards--2-cards .non-image-card-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
}

.most-popular-selected-filters-bar {
  background-color: var(--color-white);
  padding-block: 0.625rem;
  position: relative;
  z-index: 2;
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  height: 100%;
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__filter-info {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: 3rem;
}
html:lang(ar) .most-popular-selected-filters-bar .most-popular-selected-filters-bar__filter-info:not(:not(:lang(ar))), html:not(:lang(ar)) .most-popular-selected-filters-bar .most-popular-selected-filters-bar__filter-info[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .most-popular-selected-filters-bar .most-popular-selected-filters-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .most-popular-selected-filters-bar .most-popular-selected-filters-bar__title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__flex-wrapper {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  grid-column: column 1/span var(--grid-columns);
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__flex-wrapper .most-popular-selected-filters-bar__title {
  padding-inline: var(--grid-padding);
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__clear-btn {
  align-items: center;
  display: flex;
  height: 2.5rem;
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__filters {
  display: flex;
  gap: 0.625rem;
  overflow-y: scroll;
  padding-block-end: 0.3rem;
  padding-inline: var(--grid-padding) 0;
  padding-right: var(--grid-padding);
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__filters .button {
  max-width: initial;
  min-width: initial;
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__filters .button__span {
  text-overflow: initial;
}
.most-popular-selected-filters-bar .most-popular-selected-filters-bar__filter-btn {
  align-items: center;
  display: flex;
  height: 2.5rem;
}
@media (min-width: 800px) {
  .most-popular-selected-filters-bar {
    padding-block-end: 1.5rem;
    position: initial;
  }
  .most-popular-selected-filters-bar .most-popular-selected-filters-bar__flex-wrapper {
    padding-inline: var(--grid-padding);
  }
  .most-popular-selected-filters-bar .most-popular-selected-filters-bar__flex-wrapper .most-popular-selected-filters-bar__title {
    padding-inline: 0;
  }
  .most-popular-selected-filters-bar .most-popular-selected-filters-bar__filters {
    flex-wrap: wrap;
    padding-inline: 0;
    padding-right: 0;
  }
}

.member-tier-selector .member-tier-selector__form {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-block-end: 40px;
}
.member-tier-selector .member-tier-selector__subtitle {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .member-tier-selector .member-tier-selector__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .member-tier-selector .member-tier-selector__subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-tier-selector .member-tier-selector__content {
  flex: 1;
  max-width: 525px;
  padding-block-end: 7.5px;
}
.member-tier-selector .button {
  margin-block-start: 15px;
}
.member-tier-selector .member-tier-selector__large-text {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
}
html:lang(ar) .member-tier-selector .member-tier-selector__large-text:not(:not(:lang(ar))), html:not(:lang(ar)) .member-tier-selector .member-tier-selector__large-text[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
@media (min-width: 530px) {
  .member-tier-selector .member-tier-selector__form {
    align-items: flex-end;
    flex-direction: row;
  }
  .member-tier-selector .button {
    margin-block-start: 0;
    margin-inline-start: 15px;
  }
}

.member-tickets {
  position: relative;
}
.member-tickets .member-tickets__ticket {
  padding-block: 25px 25px;
}
.member-tickets .member-tickets__large-text {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  text-transform: none;
}
html:lang(ar) .member-tickets .member-tickets__large-text:not(:not(:lang(ar))), html:not(:lang(ar)) .member-tickets .member-tickets__large-text[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.member-tickets .member-tickets__small-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .member-tickets .member-tickets__small-text:not(:not(:lang(ar))), html:not(:lang(ar)) .member-tickets .member-tickets__small-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-tickets .member-tickets__ticket-lines {
  margin-block: 10px 15px;
}

.member-login .member-login__form {
  max-width: 625px;
  width: 100%;
}
.member-login .member-login__form h5 {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
}
html:lang(ar) .member-login .member-login__form h5:not(:not(:lang(ar))), html:not(:lang(ar)) .member-login .member-login__form h5[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.member-login .member-login__form p.caption {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .member-login .member-login__form p.caption:not(:not(:lang(ar))), html:not(:lang(ar)) .member-login .member-login__form p.caption[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.member-login .member-login__form p.introduction {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .member-login .member-login__form p.introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .member-login .member-login__form p.introduction[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}

.member-list {
  margin-block-start: 40px;
  max-width: 450px;
}
.member-list h4 {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  margin-block-end: 10px;
}
html:lang(ar) .member-list h4:not(:not(:lang(ar))), html:not(:lang(ar)) .member-list h4[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.member-list .list {
  list-style-type: none;
  padding-inline-start: 0;
}
.member-list .list li {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-inline-start: 30px;
  position: relative;
}
html:lang(ar) .member-list .list li:not(:not(:lang(ar))), html:not(:lang(ar)) .member-list .list li[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-list .list li::before {
  background-color: var(--color-black);
  border-radius: 1.75px;
  content: "";
  height: 3.5px;
  left: 2px;
  position: absolute;
  top: 11px;
  width: 3.5px;
}

.member-info .member-info__item-label {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  font-weight: 700;
}
html:lang(ar) .member-info .member-info__item-label:not(:not(:lang(ar))), html:not(:lang(ar)) .member-info .member-info__item-label[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-info .member-info__item-value {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  font-weight: 300;
  padding-block-end: 20px;
  text-transform: none;
}
html:lang(ar) .member-info .member-info__item-value:not(:not(:lang(ar))), html:not(:lang(ar)) .member-info .member-info__item-value[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.member-info .member-info__item-value--email {
  word-break: break-all;
}
.member-info .button {
  margin-block-start: 20px;
}
.member-info .member-info__link {
  color: var(--color-black);
  display: block;
  margin-block-start: 20px;
  text-decoration: underline;
}

.member-header {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.member-header h1 {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: var(--heading-1-line-height);
  max-width: 700px;
}
html:lang(ar) .member-header h1:not(:not(:lang(ar))), html:not(:lang(ar)) .member-header h1[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.member-header .member-header__back-link {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  align-items: center;
  color: var(--color-black);
  display: flex;
  margin-block-end: 20px;
  text-transform: uppercase;
  width: -moz-fit-content;
  width: fit-content;
}
html:lang(ar) .member-header .member-header__back-link:not(:not(:lang(ar))), html:not(:lang(ar)) .member-header .member-header__back-link[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-header .member-header__back-link .member-header__back-link-icon {
  height: 1.75em;
  width: 1.75em;
}
.member-header .member-header__back-link:hover {
  text-decoration: underline;
}
.member-header .member-header__actions {
  display: flex;
}
.member-header .member-header__actions > div {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
}
.member-header .member-header__buttons {
  display: flex;
  flex-direction: column;
}
.member-header .member-header__links {
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-inline-start: 10px;
}
.member-header .member-header__links a {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  text-decoration: underline;
}
html:lang(ar) .member-header .member-header__links a:not(:not(:lang(ar))), html:not(:lang(ar)) .member-header .member-header__links a[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-header .member-header__renew-button {
  margin-block-start: 10px;
}
.member-header .member-header__renew-button .button__icon--before svg {
  padding-block-start: 3px;
  padding-inline-start: 3px;
}
.member-header .member-header__section {
  border-block-end: var(--grid-border);
  grid-column: column 1/span 6;
  padding-block: var(--grid-padding) 20px;
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.member-header .member-header__section--empty {
  display: none;
}
.member-header .member-header__section--left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.member-header .member-header__pass {
  border-radius: 10px;
  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.33);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-block: 30px 30px;
  margin-inline: 30px 30px;
  max-width: 400px;
  min-height: 216px;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.member-header .member-header__pass h3 {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
  font-size: 1.3rem;
  text-transform: uppercase;
}
html:lang(ar) .member-header .member-header__pass h3:not(:not(:lang(ar))), html:not(:lang(ar)) .member-header .member-header__pass h3[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.member-header .member-header__pass--orange {
  background-color: var(--color-orange);
}
.member-header .member-header__pass--blue {
  background-color: var(--color-blue);
}
.member-header .member-header__pass--yellow {
  background-color: var(--color-yellow);
}
.member-header .member-header__pass--magenta {
  background-color: var(--color-magenta);
}
.member-header .member-header__pass-content p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .member-header .member-header__pass-content p:not(:not(:lang(ar))), html:not(:lang(ar)) .member-header .member-header__pass-content p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.member-header .member-header__pass-content p:first-child {
  font-weight: 400;
}
@media (max-width: 529px) {
  .member-header .member-header__pass {
    margin-inline: 0 0;
  }
}
@media (min-width: 800px) {
  .member-header .member-header__section--empty {
    display: unset;
  }
  .member-header .member-header__buttons {
    flex-direction: row;
  }
  .member-header .member-header__renew-button {
    margin-block-start: 0;
    margin-inline-start: 10px;
  }
  .member-header .member-header__section--left {
    grid-column: column 1/span 8;
    padding-block-end: var(--grid-padding);
  }
  .member-header .member-header__section--right {
    border-inline-start: var(--grid-border);
    grid-column: column 9/span 4;
  }
}
@media (min-width: 1180px) {
  .member-header .member-header__section--left {
    grid-column: column 1/span 8;
  }
  .member-header .member-header__section--right {
    grid-column: column 9/span 4;
  }
}
@media (min-width: 1480px) {
  .member-header .member-header__section--left {
    grid-column: column 1/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 1);
  }
  .member-header .member-header__section--right {
    grid-column: column 10/span 5;
    padding-inline-end: calc(16.6666666667% + var(--grid-padding) * 1);
  }
}
@media (min-width: 2260px) {
  .member-header .member-header__section--left {
    grid-column: column 1/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 1);
  }
  .member-header .member-header__section--right {
    grid-column: column 11/span 6;
    padding-inline-end: calc(33.3333333333% + var(--grid-padding) * 1);
  }
}

.member-action-bar {
  border-block-end: var(--grid-border);
  display: flex;
  justify-content: center;
  padding-block: var(--grid-padding) calc(var(--grid-padding) + 30px);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.member-action-bar .member-action-bar__content {
  width: 100%;
}
.member-action-bar .member-action-bar__content h3 {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: var(--grid-padding);
}
html:lang(ar) .member-action-bar .member-action-bar__content h3:not(:not(:lang(ar))), html:not(:lang(ar)) .member-action-bar .member-action-bar__content h3[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}

.member-action-bar--no-border {
  border-block-end: none;
}

.member-action-bar--color-blue {
  background-color: var(--color-blue);
}

.member-action-bar--color-orange {
  background-color: var(--color-orange);
}

.mathaf-biography-overlay {
  background-color: var(--color-black);
  bottom: 0;
  color: var(--color-white);
  left: 0;
  opacity: 1;
  padding-block: var(--grid-spacing) var(--grid-spacing);
  padding-inline: var(--grid-spacing) var(--grid-spacing);
  pointer-events: auto;
  position: fixed;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
.mathaf-biography-overlay[aria-hidden=true] {
  display: none;
  opacity: 0;
}

:root {
  --color-mal-lawal-aqua: #0ff;
  --color-mal-lawal-yellow: #ff0;
  --color-mal-lawal-yellow-dark: #acaa57;
  --color-mal-lawal-green: #247a2e;
  --color-mal-lawal-blue: #40afdd;
  --color-mal-lawal-dark-blue: #181667;
  --mallawal-text-color: #b6f963;
  --mallawal-secondary-text-color: #fffc81;
  --mallawal-button-shadow: #0003;
  --mallawal-button-shadow-secondary: #ffffff1a;
  --mallawal-key-button-shadow: #000c;
}

.mal-lawal-game {
  color: var(--mal-lawal-game-color, currentColor);
  font-family: var(--mal-lawal-game-font-family);
  font-feature-settings: var(--mal-lawal-game-font-feature-settings);
  font-size: var(--mal-lawal-game-font-size);
  font-style: var(--mal-lawal-game-font-style);
  font-variant: var(--mal-lawal-game-font-variant);
  font-weight: var(--mal-lawal-game-font-weight);
  letter-spacing: var(--mal-lawal-game-letter-spacing);
  line-height: var(--mal-lawal-game-line-height);
  -webkit-text-decoration: var(--mal-lawal-game-text-decoration);
          text-decoration: var(--mal-lawal-game-text-decoration);
  text-decoration-thickness: var(--mal-lawal-game-text-decoration-thickness);
  text-transform: var(--mal-lawal-game-text-transform);
  text-underline-offset: var(--mal-lawal-game-text-underline-offset);
  word-spacing: var(--mal-lawal-game-word-spacing);
  padding-block: var(--mal-lawal-game-padding-top) var(--mal-lawal-game-padding-bottom);
  background-color: var(--color-black);
  color: var(--mallawal-text-color);
  text-align: center;
}
html:lang(ar) .mal-lawal-game:not(:not(:lang(ar))), html:not(:lang(ar)) .mal-lawal-game[lang=ar] {
  font-family: var(--mal-lawal-game-ar-font-family);
  font-feature-settings: var(--mal-lawal-game-ar-font-feature-settings);
  font-size: var(--mal-lawal-game-ar-font-size);
  font-style: var(--mal-lawal-game-ar-font-style);
  font-variant: var(--mal-lawal-game-ar-font-variant);
  font-weight: var(--mal-lawal-game-ar-font-weight);
  letter-spacing: var(--mal-lawal-game-ar-letter-spacing);
  line-height: var(--mal-lawal-game-ar-line-height);
  text-transform: var(--mal-lawal-game-ar-text-transform);
  word-spacing: var(--mal-lawal-game-ar-word-spacing);
}
.mal-lawal-game .mal-lawal-game__mal-lawal-wrapper {
  box-sizing: border-box;
}
.mal-lawal-game .mal-lawal-game__audio-button {
  all: unset;
  background-color: transparent;
  color: var(--mallawal-text-color);
  cursor: pointer;
  font-size: 12px;
  padding: 10px 16px;
  text-decoration: none;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__audio-button {
  font-size: 1rem;
}
.mal-lawal-game .mal-lawal-game__audio-button:focus {
  outline: revert;
}
.mal-lawal-game .mal-lawal-game__audio-button:hover {
  text-decoration: underline;
}
.mal-lawal-game .mal-lawal-game__game-container {
  height: calc(100dvh - 140px);
  position: relative;
  width: 100%;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__score-container {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 60px 10px 30px;
  z-index: 9;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__top-bar-bg {
  background-image: url("/static/media/game-mal-lawal-2024/waves.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: cover; /* L'immagine prende il 100% dell'altezza */
  height: 60px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg {
  background-image: url("/static/media/game-mal-lawal-2024/bg-noship-2.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: auto 100%; /* L'immagine prende il 100% dell'altezza */
  height: calc(100% - 60px);
  left: 0;
  position: absolute;
  top: 60px;
  width: 100%;
  z-index: 0;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mia-logo-8bit,
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mallawal-logo-8bit {
  bottom: 10px;
  display: block;
  height: auto;
  position: absolute;
  z-index: 0;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mia-logo-8bit {
  left: 10px;
  width: 90px;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mallawal-logo-8bit {
  right: 10px;
  width: 120px;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-info-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  justify-content: center;
  padding: 10px 0 0;
  position: relative;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-info-wrapper .mal-lawal-game__game-over-text {
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-title {
  font-size: 26px;
  line-height: 2rem;
  margin: 0;
  text-align: center;
  text-shadow: 2px 2px 0px var(--color-black);
  text-transform: uppercase;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__info-overlay-wrapper {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  padding: 40px 20px;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__info-pop-up {
  align-items: center;
  background-color: var(--color-mal-lawal-dark-blue);
  display: flex;
  flex-direction: column;
  font-size: 16px;
  gap: 40px;
  justify-content: flex-start;
  line-height: 130%;
  max-height: 0;
  max-width: 820px;
  overflow: hidden;
  padding: 0px;
  position: relative;
  text-align: left;
  transition: all 0.6s ease;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__info-pop-up p {
  margin-bottom: 1.3em;
  margin-top: 0;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .active {
  max-height: 100%;
  overflow-y: auto;
  pointer-events: all;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__close-info-pop-up {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding: 20px;
  position: absolute;
  right: 0;
  top: 0;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__close-info-pop-up img {
  width: 32px;
}
.mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__description-container {
  align-items: center;
  border: 2px var(--mallawal-text-color) solid;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  font-size: 12px;
  gap: 20px;
  height: 100%;
  justify-content: flex-start;
  padding: 40px 10px;
  width: 100%;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__description-container h4 {
  font-size: 1.1rem;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__description-container {
  font-size: 1rem;
}
.mal-lawal-game .mal-lawal-game__game-main-wrapper {
  box-sizing: border-box;
  height: calc(100dvh + 90px);
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.mal-lawal-game .mal-lawal-game__game-main-wrapper #game-area {
  align-items: center;
  box-sizing: border-box;
  display: flex; /* Assicura che il div prenda tutto lo spazio disponibile */
  height: calc(100dvh - 230px);
  justify-content: center;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.mal-lawal-game .mal-lawal-game__game-main-wrapper .mal-lawal-game__top-area-container {
  align-items: flex-start;
  background-color: var(--color-mal-lawal-aqua);
  background-image: url("/static/media/game-mal-lawal-2024/waves.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: cover; /* L'immagine prende il 100% dell'altezza */
  box-sizing: border-box;
  display: flex;
  height: 90px;
  justify-content: space-between;
  padding: 6px 5px;
}
.mal-lawal-game .mal-lawal-game__game-main-wrapper .mal-lawal-game__ground-sprite {
  background-image: url("/static/media/game-mal-lawal-2024/ground.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: auto 100%; /* L'immagine prende il 100% dell'altezza */
  bottom: 0;
  height: 6dvh;
  position: absolute;
  right: 0;
}
.mal-lawal-game .mal-lawal-game__ship-sprite {
  bottom: 0;
  height: 100px;
  position: absolute;
  right: 0px;
}
.mal-lawal-game .mal-lawal-game__title-wrapper {
  background-color: var(--color-white);
  color: initial;
  grid-column: column 1/span 4;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
  text-align: initial;
}
.mal-lawal-game .mal-lawal-game__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: var(--heading-2-line-height);
}
html:lang(ar) .mal-lawal-game .mal-lawal-game__title:not(:not(:lang(ar))), html:not(:lang(ar)) .mal-lawal-game .mal-lawal-game__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.mal-lawal-game .mal-lawal-game__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .mal-lawal-game .mal-lawal-game__text:not(:not(:lang(ar))), html:not(:lang(ar)) .mal-lawal-game .mal-lawal-game__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.mal-lawal-game #cancel-game-button,
.mal-lawal-game #score,
.mal-lawal-game #timer {
  font-size: 14px;
}
[dir=rtl] .mal-lawal-game #cancel-game-button,
[dir=rtl] .mal-lawal-game #score,
[dir=rtl] .mal-lawal-game #timer {
  line-height: 1rem;
}
.mal-lawal-game .mal-lawal-game__reduce-motion-text {
  display: none;
}
.mal-lawal-game .mal-lawal-game__reduce-motion-text.mal-lawal-game__visible {
  display: block;
  max-width: 50%;
}
.mal-lawal-game #start-button {
  display: block;
}
.mal-lawal-game #start-button.mal-lawal-game__hidden {
  display: none;
}
.mal-lawal-game #start-button.mal-lawal-game__visible {
  display: block;
}
.mal-lawal-game #start-screen,
.mal-lawal-game #end-screen {
  align-items: center;
  background: var(--color-black);
  background-image: url("/static/media/game-mal-lawal-2024/bg-no-ship.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: auto 100%; /* L'immagine prende il 100% dell'altezza */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.mal-lawal-game #end-screen {
  background-image: url("/static/media/game-mal-lawal-2024/bg-no-ship.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */
  background-repeat: no-repeat; /* Evita che l'immagine si ripeta */
  background-size: auto 100%; /* L'immagine prende il 100% dell'altezza */
  display: none;
}
.mal-lawal-game #start-screen {
  display: block;
}
.mal-lawal-game #game-area {
  display: none;
}
.mal-lawal-game #cancel-game-button,
.mal-lawal-game #start-button,
.mal-lawal-game #play-again-button,
.mal-lawal-game .mal-lawal-game__link-button {
  color: var(--mal-lawal-game-color, currentColor);
  font-family: var(--mal-lawal-game-font-family);
  font-feature-settings: var(--mal-lawal-game-font-feature-settings);
  font-size: var(--mal-lawal-game-font-size);
  font-style: var(--mal-lawal-game-font-style);
  font-variant: var(--mal-lawal-game-font-variant);
  font-weight: var(--mal-lawal-game-font-weight);
  letter-spacing: var(--mal-lawal-game-letter-spacing);
  line-height: var(--mal-lawal-game-line-height);
  -webkit-text-decoration: var(--mal-lawal-game-text-decoration);
          text-decoration: var(--mal-lawal-game-text-decoration);
  text-decoration-thickness: var(--mal-lawal-game-text-decoration-thickness);
  text-transform: var(--mal-lawal-game-text-transform);
  text-underline-offset: var(--mal-lawal-game-text-underline-offset);
  word-spacing: var(--mal-lawal-game-word-spacing);
  padding-block: var(--mal-lawal-game-padding-top) var(--mal-lawal-game-padding-bottom);
  background-color: transparent;
  border: 2px var(--mallawal-text-color) solid;
  color: var(--mallawal-text-color);
  cursor: pointer;
  font-size: 12px;
  line-height: 0;
  padding-block: 1.2rem;
  padding-inline: 1rem;
  text-align: center;
  text-decoration: none;
}
html:lang(ar) .mal-lawal-game #cancel-game-button:not(:not(:lang(ar))), html:not(:lang(ar)) .mal-lawal-game #cancel-game-button[lang=ar],
html:lang(ar) .mal-lawal-game #start-button:not(:not(:lang(ar))),
html:not(:lang(ar)) .mal-lawal-game #start-button[lang=ar],
html:lang(ar) .mal-lawal-game #play-again-button:not(:not(:lang(ar))),
html:not(:lang(ar)) .mal-lawal-game #play-again-button[lang=ar],
html:lang(ar) .mal-lawal-game .mal-lawal-game__link-button:not(:not(:lang(ar))),
html:not(:lang(ar)) .mal-lawal-game .mal-lawal-game__link-button[lang=ar] {
  font-family: var(--mal-lawal-game-ar-font-family);
  font-feature-settings: var(--mal-lawal-game-ar-font-feature-settings);
  font-size: var(--mal-lawal-game-ar-font-size);
  font-style: var(--mal-lawal-game-ar-font-style);
  font-variant: var(--mal-lawal-game-ar-font-variant);
  font-weight: var(--mal-lawal-game-ar-font-weight);
  letter-spacing: var(--mal-lawal-game-ar-letter-spacing);
  line-height: var(--mal-lawal-game-ar-line-height);
  text-transform: var(--mal-lawal-game-ar-text-transform);
  word-spacing: var(--mal-lawal-game-ar-word-spacing);
}
[dir=rtl] .mal-lawal-game #cancel-game-button,
[dir=rtl] .mal-lawal-game #start-button,
[dir=rtl] .mal-lawal-game #play-again-button,
[dir=rtl] .mal-lawal-game .mal-lawal-game__link-button {
  padding-block: 0.8rem 1.2rem;
}
.mal-lawal-game #cancel-game-button:hover,
.mal-lawal-game #start-button:hover,
.mal-lawal-game #play-again-button:hover,
.mal-lawal-game .mal-lawal-game__link-button:hover {
  background-color: var(--mallawal-text-color);
  color: var(--color-mal-lawal-dark-blue);
}
.mal-lawal-game #cancel-game-button {
  padding-block: 1.1rem 0.7rem;
}
[dir=rtl] .mal-lawal-game #cancel-game-button {
  padding-block: 0 0.6rem;
}
.mal-lawal-game .mal-lawal-game__main-title-wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 20px;
}
.mal-lawal-game .mal-lawal-game__main-title-wrapper h3 {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  margin: 0;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__main-title-wrapper h3 {
  font-size: 1.4rem;
}
.mal-lawal-game .mal-lawal-game__main-title-wrapper p {
  margin: 0;
}
.mal-lawal-game .mal-lawal-game__main-title-wrapper .mal-lawal-game__main-title {
  font-size: 26px;
  line-height: 100%;
  margin: 0;
  max-width: none;
  text-align: center;
  text-shadow: 2px 2px 0px var(--color-black);
  text-transform: uppercase;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__main-title-wrapper .mal-lawal-game__main-title {
  font-size: 2.2rem;
}
.mal-lawal-game .p5Canvas {
  background-image: url("/static/media/game-mal-lawal-2024/bg-noship-2.png");
  background-position: bottom center; /* L'immagine è allineata al fondo e centrata */ /* Evita che l'immagine si ripeta */
  background-repeat: repeat; /* L'immagine prende il 100% dell'altezza */
  background-size: auto 100%;
  box-sizing: border-box;
  height: 100%;
  margin: 0;
  min-height: calc(100dvh - 230px);
  overflow: hidden;
  padding: 0;
  width: 100%;
}
.mal-lawal-game .mal-lawal-game__show-buttons .mal-lawal-game__game-bottom-section {
  display: flex;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section {
  background-color: var(--mallawal-text-color);
  display: none;
  justify-content: flex-start;
  padding: 10px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container {
  background: radial-gradient(circle at top left, var(--mallawal-button-shadow), var(--mallawal-button-shadow-secondary));
  border: 1px var(--color-mal-lawal-yellow-dark) solid;
  border-radius: 400px;
  box-shadow: inset -10px -10px 30px var(--mallawal-button-shadow), inset 10px 10px 30px var(--mallawal-button-shadow-secondary);
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr;
  height: 120px;
  position: relative;
  width: 120px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button {
  height: 40px;
  position: relative;
  width: 40px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button img {
  display: block;
  height: 100%;
  margin: 0;
  object-fit: cover;
  overflow: hidden;
  padding: 0;
  pointer-events: none;
  position: absolute;
  transition: all 0.2s ease;
  width: 100%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button:active img {
  height: 94%;
  width: 94%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-down,
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-up {
  display: flex;
  justify-content: center;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-right,
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-left {
  align-items: center;
  display: flex;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-up {
  grid-column: 2/3;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-up img {
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-up:focus {
  outline: none;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-up:active img {
  box-shadow: 0px -0.5px 0.5px 1px var(--mallawal-key-button-shadow);
  margin-top: 6%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-down {
  grid-column: 2/3;
  grid-row: 3;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-down img {
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-down:active img {
  box-shadow: 0px 0.5px 0.5px 1px var(--mallawal-key-button-shadow);
  margin-bottom: 6%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-right {
  grid-column: 3/4;
  grid-row: 2;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-right {
  grid-column: 1/2;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-right img {
  border-bottom-right-radius: 14px;
  border-top-right-radius: 14px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-right:active img {
  box-shadow: 0.5px 0px 0.5px 1px var(--mallawal-key-button-shadow);
  margin-right: 6%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-left {
  grid-column: 1/2;
  grid-row: 2;
}
[dir=rtl] .mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-left {
  grid-column: 3/4;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-left img {
  border-bottom-left-radius: 14px;
  border-top-left-radius: 14px;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__button-left:active img {
  box-shadow: -0.5px 0px 0.5px 1px var(--mallawal-key-button-shadow);
  margin-left: 6%;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__center-block {
  grid-column: 2/3;
  grid-row: 2;
}
.mal-lawal-game .mal-lawal-game__game-bottom-section .mal-lawal-game__buttons-container .mal-lawal-game__key-button.mal-lawal-game__center-block:active img {
  height: 100%;
  width: 100%;
}
@media (min-width: 530px) {
  .mal-lawal-game .mal-lawal-game__ship-sprite {
    height: 40dvh;
    right: 10dvh;
  }
  .mal-lawal-game .mal-lawal-game__audio-button {
    font-size: 16px;
    padding: 16px 28px;
  }
  [dir=rtl] .mal-lawal-game .mal-lawal-game__audio-button {
    font-size: 1.3rem;
  }
  .mal-lawal-game .ground-sprite {
    height: 10dvh;
  }
  .mal-lawal-game .mal-lawal-game__show-buttons {
    display: flex;
    flex-direction: row-reverse;
  }
  .mal-lawal-game .mal-lawal-game__show-buttons .mal-lawal-game__game-bottom-section {
    align-items: flex-end;
    display: flex;
    z-index: 1;
  }
  .mal-lawal-game .mal-lawal-game__show-buttons .mal-lawal-game__game-main-wrapper {
    width: calc(100vw - 140px);
  }
  .mal-lawal-game .mal-lawal-game__show-buttons .p5Canvas {
    max-width: calc(100vw - 140px);
  }
  .mal-lawal-game #cancel-game-button {
    align-items: flex-start;
    display: flex;
    padding-block: 1.4rem 0.9rem;
  }
  .mal-lawal-game #cancel-game-button,
  .mal-lawal-game #score,
  .mal-lawal-game #timer {
    font-size: 20px;
  }
  [dir=rtl] .mal-lawal-game #cancel-game-button,
  [dir=rtl] .mal-lawal-game #score,
  [dir=rtl] .mal-lawal-game #timer {
    font-size: 2rem;
  }
  .mal-lawal-game .mal-lawal-game__game-main-wrapper {
    height: 100dvh;
  }
  .mal-lawal-game .mal-lawal-game__game-main-wrapper #game-area {
    height: calc(100dvh - 100px);
  }
  .mal-lawal-game .mal-lawal-game__game-main-wrapper .mal-lawal-game__top-area-container {
    height: 100px;
    padding: 6px;
  }
  .mal-lawal-game .mal-lawal-game__game-container {
    height: 100dvh;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__score-container {
    flex-direction: row;
    gap: 2rem;
    padding: 1rem 0;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page {
    padding: 100px 20px 40px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__top-bar-bg {
    height: 100px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-title {
    font-size: 7dvh;
    line-height: 100%;
    max-width: 12em;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__description-container {
    justify-content: flex-start;
    padding: 40px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg {
    height: calc(100% - 100px);
    top: 100px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mia-logo-8bit,
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mallawal-logo-8bit {
    bottom: 20px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mia-logo-8bit {
    left: 20px;
    width: 24dvh;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__main-bg .mal-lawal-game__mallawal-logo-8bit {
    right: 20px;
    width: 30dvh;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-info-wrapper {
    padding: 20px 0 0;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-info-wrapper .mal-lawal-game__game-won-text,
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-info-wrapper .mal-lawal-game__game-over-text {
    line-height: 2rem;
    max-width: 80rem;
  }
  .mal-lawal-game #start-button,
  .mal-lawal-game #play-again-button,
  .mal-lawal-game .mal-lawal-game__link-button {
    font-size: 16px;
    line-height: 0.4rem;
    padding-block: 1.4rem;
  }
  [dir=rtl] .mal-lawal-game #start-button,
  [dir=rtl] .mal-lawal-game #play-again-button,
  [dir=rtl] .mal-lawal-game .mal-lawal-game__link-button {
    font-size: 1.2rem;
  }
  .mal-lawal-game .mal-lawal-game__main-title-wrapper {
    margin-bottom: 40px;
  }
  .mal-lawal-game .mal-lawal-game__main-title-wrapper .mal-lawal-game__main-title {
    font-size: 7dvh;
  }
  [dir=rtl] .mal-lawal-game .mal-lawal-game__main-title-wrapper .mal-lawal-game__main-title {
    font-size: 8dvh;
  }
  .mal-lawal-game .mal-lawal-game__main-title-wrapper h3 {
    font-size: 24px;
    line-height: 100%;
  }
  [dir=rtl] .mal-lawal-game .mal-lawal-game__main-title-wrapper h3 {
    font-size: 2rem;
  }
}
@media (min-width: 800px) {
  .mal-lawal-game .mal-lawal-game__title-wrapper {
    grid-column: column 1/span 8;
  }
  .mal-lawal-game .mal-lawal-game__game-main-wrapper .mal-lawal-game__top-area-container {
    height: 120px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__top-bar-bg {
    height: 120px;
  }
}
@media (min-width: 1480px) {
  .mal-lawal-game .mal-lawal-game__title-wrapper {
    grid-column: column 1/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 1);
  }
  .mal-lawal-game .mal-lawal-game__game-main-wrapper .mal-lawal-game__top-area-container {
    height: 135px;
  }
  .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__top-bar-bg {
    height: 135px;
    z-index: 1;
  }
}
@media (min-width: 2260px) {
  .mal-lawal-game .mal-lawal-game__title-wrapper {
    grid-column: column 1/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 1);
  }
}
@media only screen and (width <= 1180px) and (orientation: landscape) {
  .mal-lawal-game .mal-lawal-game__main-title-wrapper {
    margin-bottom: 0;
  }
  [dir=rtl] .mal-lawal-game .mal-lawal-game__main-title-wrapper {
    margin-bottom: 1rem;
  }
  [dir=rtl] .mal-lawal-game #final-score {
    margin-bottom: 2rem;
  }
  [dir=rtl] .mal-lawal-game .mal-lawal-game__game-container .mal-lawal-game__screen-page .mal-lawal-game__screen-title {
    margin-bottom: 0.5rem;
  }
  [dir=rtl] .mal-lawal-game #cancel-game-button {
    padding-block: 1rem 1.6rem;
  }
}

.logo-list {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.logo-list .logo-list__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.logo-list .logo-list__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.logo-list .logo-list__flex-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 800px) {
  .logo-list .logo-list__flex-wrapper {
    flex-direction: row;
  }
}
.logo-list .logo-list__title-wrapper--higlight {
  width: 100%;
}
@media (min-width: 800px) {
  .logo-list .logo-list__title-wrapper--higlight {
    width: 41.6666666667%;
  }
}
.logo-list .logo-list__title {
  color: var(--heading-6-color, currentColor);
  font-family: var(--heading-6-font-family);
  font-feature-settings: var(--heading-6-font-feature-settings);
  font-size: var(--heading-6-font-size);
  font-style: var(--heading-6-font-style);
  font-variant: var(--heading-6-font-variant);
  font-weight: var(--heading-6-font-weight);
  letter-spacing: var(--heading-6-letter-spacing);
  line-height: var(--heading-6-line-height);
  -webkit-text-decoration: var(--heading-6-text-decoration);
          text-decoration: var(--heading-6-text-decoration);
  text-decoration-thickness: var(--heading-6-text-decoration-thickness);
  text-transform: var(--heading-6-text-transform);
  text-underline-offset: var(--heading-6-text-underline-offset);
  word-spacing: var(--heading-6-word-spacing);
  padding-block: var(--heading-6-padding-top) var(--heading-6-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .logo-list .logo-list__title:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-list .logo-list__title[lang=ar] {
  font-family: var(--heading-6-ar-font-family);
  font-feature-settings: var(--heading-6-ar-font-feature-settings);
  font-size: var(--heading-6-ar-font-size);
  font-style: var(--heading-6-ar-font-style);
  font-variant: var(--heading-6-ar-font-variant);
  font-weight: var(--heading-6-ar-font-weight);
  letter-spacing: var(--heading-6-ar-letter-spacing);
  line-height: var(--heading-6-ar-line-height);
  text-transform: var(--heading-6-ar-text-transform);
  word-spacing: var(--heading-6-ar-word-spacing);
}
.logo-list .logo-list__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: 1rem;
}
html:lang(ar) .logo-list .logo-list__text:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-list .logo-list__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.logo-list .logo-list__logos {
  font-size: 0;
  padding-block-start: 1px;
  padding-inline-start: 1px;
}
.logo-list .logo-list__logo {
  display: inline-block;
  margin-block-start: -1px;
  margin-inline-start: -1px;
  max-width: 100%;
  min-width: 0;
  position: relative;
  vertical-align: bottom;
}
.logo-list .logo-list__logo-wrapper {
  height: 100%;
  padding-block-end: 100%;
  width: 100%;
}
.logo-list .logo-list__logo-container {
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.logo-list .logo-list__logo-container .picture--background {
  position: relative;
}
@media (min-width: 530px) {
  .logo-list .logo-list__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .logo-list .logo-list__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .logo-list .logo-list__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .logo-list .logo-list__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .logo-list .logo-list__wrapper {
    grid-column: column 6/span 6;
  }
}

.logo-list--default .logo-list__logo {
  margin-inline-end: 2rem;
  width: 120px;
}
.logo-list--default .logo-list__logo-wrapper {
  padding-block-end: 56.25%;
}

.logo-list--highlight .logo-list__title--highlight {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .logo-list--highlight .logo-list__title--highlight:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-list--highlight .logo-list__title--highlight[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.logo-list--highlight .logo-list__title-wrapper--higlight {
  margin-block-end: 1rem;
}
.logo-list--highlight .logo-list__logo--highlight {
  aspect-ratio: 4/3;
  display: flex;
  justify-content: center;
  margin-block-end: 30px;
  min-width: calc(50% - 5px);
}
.logo-list--highlight .logo-list__logo--highlight:nth-child(even) {
  margin-inline-start: 10px;
}
@media (min-width: 530px) {
  .logo-list--highlight .logo-list__logo--highlight {
    max-height: 140px;
    min-width: calc(33.3333333333% - 15px);
  }
  .logo-list--highlight .logo-list__logo--highlight:nth-child(even) {
    margin-inline-start: 0;
  }
  .logo-list--highlight .logo-list__logo--highlight:nth-child(3n+2), .logo-list--highlight .logo-list__logo--highlight:nth-child(3n+3) {
    margin-inline-start: 22px;
  }
}
.logo-list--highlight .logo-list__logo--highlight .logo-list__logo-wrapper {
  padding-block-end: 0;
}
.logo-list--highlight .logo-list__logos--highlight {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
@media (min-width: 800px) {
  .logo-list--highlight .logo-list__logos--highlight {
    margin-inline-start: 12.5%;
    width: 58.3333333333%;
  }
}

.logo-list--large .logo-list__logo {
  margin-inline-end: 4rem;
  width: 240px;
}
.logo-list--large .logo-list__logo-wrapper {
  padding-block-end: 50%;
}

.logo-grid {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.logo-grid .logo-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.logo-grid .logo-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .logo-grid .logo-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-grid .logo-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.logo-grid .logo-grid__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  grid-column: column 1/span var(--grid-columns);
  margin-block-start: 1rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
html:lang(ar) .logo-grid .logo-grid__text:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-grid .logo-grid__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.logo-grid .logo-grid__wrapper {
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.logo-grid .logo-grid__logo {
  height: auto;
  width: 100%;
}
.logo-grid .logo-grid__logo .logo-grid__logo-wrapper {
  padding: calc(var(--grid-padding) * 2);
}
.logo-grid .logo-grid__logo-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
}
.logo-grid .logo-grid__logo-wrapper .logo-grid__logo-container {
  aspect-ratio: 3/2;
  height: 100%;
  width: 100%;
}
.logo-grid .logo-grid__logo-wrapper .logo-grid__logo-container .picture--background {
  position: relative;
}
.logo-grid .logo-grid__logo-title {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
}
html:lang(ar) .logo-grid .logo-grid__logo-title:not(:not(:lang(ar))), html:not(:lang(ar)) .logo-grid .logo-grid__logo-title[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.logo-grid .logo-grid__logos {
  display: grid;
  gap: calc(var(--grid-padding) * 3) calc(var(--grid-padding) * 3);
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media (min-width: 800px) {
  .logo-grid .logo-grid__logos {
    grid-template-columns: repeat(6, 1fr);
    row-gap: calc(var(--grid-padding) * 6);
  }
  .logo-grid .logo-grid__text {
    grid-column: column 1/span 7;
  }
}

.location-bar {
  margin-block-start: -1px;
  position: relative;
}
.location-bar::before {
  border-block-end: 1px solid var(--color-black);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
}
.location-bar .location-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.location-bar .location-bar__wrapper,
.location-bar .location-bar__buttons-wrapper,
.location-bar .location-bar__title-wrapper {
  grid-column: column 1/span 4;
}
.location-bar .location-bar__title-wrapper {
  padding-inline-start: var(--grid-padding);
}
.location-bar .location-bar__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
  padding-block-start: 2rem;
}
html:lang(ar) .location-bar .location-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .location-bar .location-bar__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.location-bar .location-bar__date-container {
  border-block-start: 1px solid var(--color-black);
  position: relative;
}
.location-bar .location-bar__date-container .button {
  margin-block-start: -1px;
}
.location-bar .location-bar__date-buttons,
.location-bar .location-bar__location-tags {
  font-size: 0;
  text-align: left;
}
.location-bar .location-bar__date-buttons .button + .button, .location-bar .location-bar__date-buttons .button:first-child {
  margin-inline-start: -1px;
}
.location-bar .location-bar__location-tags {
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
.location-bar .location-bar__location-tags .museum-tag {
  display: inline-flex;
  margin-block: 0.5rem 0.5rem;
  margin-inline: 1rem 1rem;
}
.location-bar .location-bar__disclosure-button--date[aria-expanded=true] .button__span--expand,
.location-bar .location-bar__disclosure-button--date[aria-expanded=true] .button__icon--expand,
.location-bar .location-bar__disclosure-button--locations[aria-expanded=true] .button__span--expand,
.location-bar .location-bar__disclosure-button--locations[aria-expanded=true] .button__icon--expand {
  display: none;
}
.location-bar .location-bar__disclosure-button--date:not([aria-expanded=true]) .button__span--collapse,
.location-bar .location-bar__disclosure-button--date:not([aria-expanded=true]) .button__icon--collapse,
.location-bar .location-bar__disclosure-button--locations:not([aria-expanded=true]) .button__span--collapse,
.location-bar .location-bar__disclosure-button--locations:not([aria-expanded=true]) .button__icon--collapse {
  display: none;
}
.location-bar .location-bar__disclosure-content-container {
  display: none;
  padding-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
}
.location-bar .location-bar__disclosure-content-container:not([aria-hidden=true]) {
  display: block;
}
.location-bar .location-bar__disclosure-content-container--date .location-bar__wrapper,
.location-bar .location-bar__disclosure-content-container--date .location-bar__buttons-wrapper {
  position: relative;
  text-align: center;
}
.location-bar .location-bar__datepicker,
.location-bar .location-bar__datepicker-range {
  display: inline-block;
  vertical-align: bottom;
}
.location-bar .button--outline:hover,
.location-bar .button--outline:focus,
.location-bar .button--selected {
  background-color: var(--color-grey);
  border-color: var(--color-grey);
  color: var(--color-white);
}
.location-bar .button--clean .button__span, .location-bar .button--clean .button__span:active .location-bar .button--clean .button__span:hover, .location-bar .button--clean .button__span:focus {
  text-decoration: none;
}
@media (min-width: 530px) {
  .location-bar .location-bar__wrapper,
  .location-bar .location-bar__buttons-wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .location-bar {
    margin-block-start: var(--block-margin);
  }
  .location-bar .location-bar__wrapper,
  .location-bar .location-bar__buttons-wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .location-bar .location-bar__wrapper,
  .location-bar .location-bar__buttons-wrapper {
    grid-column: column 1/span 12;
  }
  .location-bar .location-bar__title-wrapper {
    grid-column: column 1/span 12;
  }
  .location-bar .location-bar__date-buttons,
  .location-bar .location-bar__location-tags {
    text-align: center;
  }
  .location-bar .location-bar__date-buttons {
    padding-inline: 10rem 10rem;
  }
  .location-bar .location-bar__date-buttons .button:first-child {
    border-inline-start-width: 1px;
  }
  .location-bar .location-bar__disclosure-button--locations {
    position: absolute;
    right: 0;
    top: 0;
  }
  [dir=rtl] .location-bar .location-bar__disclosure-button--locations {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1480px) {
  .location-bar .location-bar__wrapper,
  .location-bar .location-bar__buttons-wrapper {
    grid-column: column 2/span 12;
  }
  .location-bar .location-bar__title-wrapper {
    grid-column: column 2/span 12;
    padding-inline-start: 0;
  }
}
@media (min-width: 2260px) {
  .location-bar .location-bar__wrapper,
  .location-bar .location-bar__buttons-wrapper {
    grid-column: column 3/span 12;
  }
  .location-bar .location-bar__title-wrapper {
    grid-column: column 3/span 12;
  }
}

.isolated-button-list {
  background-color: #464646;
  color: #fff;
  position: relative;
}
.isolated-button-list .isolated-button-list__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.isolated-button-list .isolated-button-list__wrapper {
  grid-column: column 1/span 4;
  padding-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
.isolated-button-list .isolated-button-list__wrapper:first-child:not(:last-child) {
  padding-block-end: 0;
}
.isolated-button-list .isolated-button-list__title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.1em;
  margin-block-end: 32px;
}
[lang=ar] .isolated-button-list .isolated-button-list__title {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 34px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25em;
}
@media (min-width: 800px) {
  .isolated-button-list .isolated-button-list__title {
    font-size: 50px;
    line-height: 1.05em;
  }
  [lang=ar] .isolated-button-list .isolated-button-list__title {
    font-size: 50px;
    line-height: 1.15em;
  }
}
.isolated-button-list .isolated-button-list__subtitle {
  padding-inline-start: 2px;
}
.isolated-button-list .isolated-button-list__subtitle p {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 27px;
}
.isolated-button-list .isolated-button-list__subtitle p strong,
.isolated-button-list .isolated-button-list__subtitle p b {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
[lang=ar] .isolated-button-list .isolated-button-list__subtitle p {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 18px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.5em;
}
[lang=ar] .isolated-button-list .isolated-button-list__subtitle p strong,
[lang=ar] .isolated-button-list .isolated-button-list__subtitle p b {
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
}
.isolated-button-list .isolated-button-list__text p {
  font-size: 0;
  line-height: 29px;
}
[lang=ar] .isolated-button-list .isolated-button-list__text p {
  line-height: 23px;
}
.isolated-button-list .isolated-button-list__text p span,
.isolated-button-list .isolated-button-list__text p a {
  display: inline-block;
  margin-block-end: -1px;
  margin-inline-end: -1px;
}
.isolated-button-list .isolated-button-list__text p span {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 26px;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 40px;
  padding-block: 5px 5px;
  padding-inline: 15px 15px;
  vertical-align: top;
}
[lang=ar] .isolated-button-list .isolated-button-list__text p span {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 40px;
}
@media (min-width: 800px) {
  .isolated-button-list .isolated-button-list__text p span {
    font-size: 30px;
    line-height: 50px;
  }
  [lang=ar] .isolated-button-list .isolated-button-list__text p span {
    font-size: 32px;
    line-height: 50px;
  }
}
.isolated-button-list .isolated-button-list__text p span:first-child {
  padding-inline-start: 0;
}
.isolated-button-list .isolated-button-list__text p a {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: -0.02em;
  line-height: 1em;
  text-transform: uppercase;
  border-color: currentcolor;
  border-style: solid;
  border-width: 1px;
  padding-block: 11px 11px;
  padding-inline: 14px 14px;
  text-decoration: none;
  transition: background-color var(--easing-default), color var(--easing-default), border-color var(--easing-default);
  vertical-align: baseline;
}
[lang=ar] .isolated-button-list .isolated-button-list__text p a {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1em;
  text-transform: uppercase;
}
@media (min-width: 800px) {
  .isolated-button-list .isolated-button-list__text p a {
    font-size: 30px;
  }
  [lang=ar] .isolated-button-list .isolated-button-list__text p a {
    font-size: 30px;
  }
}
.isolated-button-list .isolated-button-list__text p a:hover, .isolated-button-list .isolated-button-list__text p a:focus {
  background-color: #fff;
  border-color: #fff;
  color: #000;
}
.isolated-button-list.isolated-button-list--large {
  background-color: var(--color-orange);
  color: var(--color-black);
}
.isolated-button-list.isolated-button-list--large .isolated-button-list__text p a {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 3.75rem;
  font-weight: 300;
  letter-spacing: -0.05em;
  line-height: 1em;
  padding-block: 0.1em 0.1em;
}
[lang=ar] .isolated-button-list.isolated-button-list--large .isolated-button-list__text p a {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 2.667rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.25em;
}
@media (min-width: 800px) {
  .isolated-button-list.isolated-button-list--large .isolated-button-list__text p a {
    font-size: 5rem;
  }
  [lang=ar] .isolated-button-list.isolated-button-list--large .isolated-button-list__text p a {
    font-size: 5.33rem;
  }
}
.isolated-button-list.isolated-button-list--large .isolated-button-list__text p a:hover, .isolated-button-list.isolated-button-list--large .isolated-button-list__text p a:focus {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
@media (max-width: 529px) {
  .isolated-button-list .isolated-button-list__text p::after {
    clear: both;
    content: "";
    display: table;
  }
  .isolated-button-list .isolated-button-list__text p span,
  .isolated-button-list .isolated-button-list__text p a {
    clear: left;
    float: left;
  }
}
@media (min-width: 530px) {
  .isolated-button-list .isolated-button-list__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .isolated-button-list .isolated-button-list__wrapper {
    grid-column: column 1/span 12;
  }
  .isolated-button-list .isolated-button-list__text p {
    font-size: 0;
    line-height: 35px;
  }
  [lang=ar] .isolated-button-list .isolated-button-list__text p {
    line-height: 29px;
  }
  .isolated-button-list .isolated-button-list__text p a {
    padding-block: 14px 14px;
    padding-inline: 16px 16px;
  }
}
@media (min-width: 1180px) {
  .isolated-button-list .isolated-button-list__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .isolated-button-list .isolated-button-list__wrapper {
    grid-column: column 2/span 12;
  }
}
@media (min-width: 2260px) {
  .isolated-button-list .isolated-button-list__wrapper {
    grid-column: column 3/span 12;
  }
}

.highlight-header {
  display: block;
  height: calc(var(--like-100vh, 100vh) - var(--menu-bar-height) - var(--endorsement-bar-height));
  position: relative;
}
.highlight-header::before {
  background-image: linear-gradient(to bottom, transparent 25%, rgba(0, 0, 0, 0.8) 90%);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
}
.highlight-header .highlight-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  grid-template-rows: 1fr 1fr;
  height: 100%;
}
.highlight-header .highlight-header__grid .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.highlight-header .highlight-header__title-wrapper {
  grid-column: column 1/span 4;
  grid-row: row 1/span 1;
  padding-block-start: calc(var(--grid-padding) * 2);
  padding-inline-start: var(--grid-padding);
}
.highlight-header .highlight-header__metadata-wrapper {
  align-self: end;
  color: var(--color-white);
  grid-column: column 1/span 4;
  grid-row: row 2/span 2;
  padding-block-end: calc(var(--grid-padding) * 2);
  padding-inline-start: var(--grid-padding);
  z-index: 1;
}
@media (min-width: 530px) {
  .highlight-header .highlight-header__title-wrapper,
  .highlight-header .highlight-header__metadata-wrapper {
    grid-column: column 1/span 4;
  }
}
@media (min-width: 800px) {
  .highlight-header .highlight-header__title-wrapper,
  .highlight-header .highlight-header__metadata-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 1180px) {
  .highlight-header .highlight-header__title-wrapper,
  .highlight-header .highlight-header__metadata-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 1480px) {
  .highlight-header .highlight-header__title-wrapper,
  .highlight-header .highlight-header__metadata-wrapper {
    grid-column: column 1/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 2);
  }
  .highlight-header .highlight-header__metadata-wrapper {
    padding-block-end: calc(var(--grid-padding) * 3);
  }
}
@media (min-width: 2260px) {
  .highlight-header .highlight-header__title-wrapper,
  .highlight-header .highlight-header__metadata-wrapper {
    grid-column: column 1/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 2);
  }
}
.highlight-header .highlight-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
}
html:lang(ar) .highlight-header .highlight-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .highlight-header .highlight-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.highlight-header .highlight-header__pre-subtitle {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block-end: 8px;
}
html:lang(ar) .highlight-header .highlight-header__pre-subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .highlight-header .highlight-header__pre-subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.highlight-header .highlight-header__subtitle {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .highlight-header .highlight-header__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .highlight-header .highlight-header__subtitle[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.highlight-header .highlight-header__post-subtitle {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block-start: 8px;
}
html:lang(ar) .highlight-header .highlight-header__post-subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .highlight-header .highlight-header__post-subtitle[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}

.highlight-call-card {
  position: relative;
}
.highlight-call-card .highlight-call-card__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.highlight-call-card .highlight-call-card__wrapper {
  grid-column: column 1/span var(--grid-columns);
}

.hero .hero__heading {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: 2rem;
  z-index: 1;
}
html:lang(ar) .hero .hero__heading:not(:not(:lang(ar))), html:not(:lang(ar)) .hero .hero__heading[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}

.hero--regular {
  height: 48rem;
}
.hero--regular .hero__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  height: 100%;
}

.hero--media {
  height: 85vh;
  padding-block: 0 0;
  padding-inline: 0 0;
  width: var(--like-100vw);
}
.hero--media .hero__container {
  height: 100%;
  position: relative;
}
.hero--media .hero__media {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 800px) {
  .hero--media {
    height: calc(100vh - 40px);
  }
}
.hero--media.hero--video .hero__media {
  align-items: center;
  background-color: var(--color-black);
  display: flex;
}
@media (min-width: 800px) {
  .hero--media.hero--image {
    height: calc(var(--like-100vh, 100vh) - (var(--endorsement-bar-height) - 0.125rem));
  }
}

.header-meta {
  border-block-end: var(--grid-border);
  position: relative;
}
.header-meta .header-meta__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.header-meta .header-meta__item {
  border-block-end: var(--grid-border);
  grid-column: 1/-1;
  margin-bottom: -1px;
  padding-block: 1.5rem 1.5rem;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.header-meta .header-meta__label {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block-end: 10px;
}
html:lang(ar) .header-meta .header-meta__label:not(:not(:lang(ar))), html:not(:lang(ar)) .header-meta .header-meta__label[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.header-meta .header-meta__text {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-inline: 0 10px;
}
html:lang(ar) .header-meta .header-meta__text:not(:not(:lang(ar))), html:not(:lang(ar)) .header-meta .header-meta__text[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
@media (min-width: 800px) {
  .header-meta .header-meta__item {
    grid-column: span calc(var(--grid-columns) / 2);
    padding-block: 2rem 2rem;
  }
  .header-meta .header-meta__item:nth-child(even) {
    border-inline-start: 1px solid var(--color-black);
  }
}

.filter-header {
  position: relative;
}
.filter-header .filter-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.filter-header .filter-header__wrapper {
  grid-column: column 1/span var(--grid-columns);
  padding-inline: 15px;
}
.filter-header .filter-header__wrapper:first-child {
  border-block-end: var(--grid-border);
}
.filter-header .filter-header__filter-sentence {
  color: var(--quote-color, currentColor);
  font-family: var(--quote-font-family);
  font-feature-settings: var(--quote-font-feature-settings);
  font-size: var(--quote-font-size);
  font-style: var(--quote-font-style);
  font-variant: var(--quote-font-variant);
  font-weight: var(--quote-font-weight);
  letter-spacing: var(--quote-letter-spacing);
  line-height: var(--quote-line-height);
  -webkit-text-decoration: var(--quote-text-decoration);
          text-decoration: var(--quote-text-decoration);
  text-decoration-thickness: var(--quote-text-decoration-thickness);
  text-transform: var(--quote-text-transform);
  text-underline-offset: var(--quote-text-underline-offset);
  word-spacing: var(--quote-word-spacing);
  padding-block: var(--quote-padding-top) var(--quote-padding-bottom);
  display: flex;
  flex-wrap: wrap;
  gap: 0 0.35em;
  padding: 4rem 0 2.5rem;
}
html:lang(ar) .filter-header .filter-header__filter-sentence:not(:not(:lang(ar))), html:not(:lang(ar)) .filter-header .filter-header__filter-sentence[lang=ar] {
  font-family: var(--quote-ar-font-family);
  font-feature-settings: var(--quote-ar-font-feature-settings);
  font-size: var(--quote-ar-font-size);
  font-style: var(--quote-ar-font-style);
  font-variant: var(--quote-ar-font-variant);
  font-weight: var(--quote-ar-font-weight);
  letter-spacing: var(--quote-ar-letter-spacing);
  line-height: var(--quote-ar-line-height);
  text-transform: var(--quote-ar-text-transform);
  word-spacing: var(--quote-ar-word-spacing);
}
.filter-header .filter-header__filter-sentence .link-dropdown {
  border-block-end: 0.05em solid var(--color-black);
}
.filter-header .filter-header__filter-sentence .link-dropdown__button {
  text-transform: lowercase;
}
.filter-header .filter-header__filter-sentence .link-dropdown__button-icon {
  height: 0.7em;
  margin-block-end: 0.15em;
  margin-inline: 0;
  width: 0.7em;
}
.filter-header .filter-header__filter-sentence-paragraph {
  text-wrap: nowrap;
}
.filter-header .loader__wrap {
  background: rgba(255, 255, 255, 0.5);
  inset: 0;
  position: fixed;
}
@media (min-width: 800px) {
  .filter-header .filter-header__filter-sentence {
    padding: 7.5rem 0 3.75rem;
  }
}

.filter-date-bar {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.filter-date-bar .filter-date-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.filter-date-bar .filter-date-bar__wrapper {
  grid-column: column 1/span 4;
}
.filter-date-bar .filter-date-bar__filter-buttons {
  font-size: 0;
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  text-align: left;
}
.filter-date-bar .filter-date-bar__filter-buttons :not(:first-child) {
  margin-inline-start: 1px;
}
[dir=rtl] .filter-date-bar .filter-date-bar__filter-buttons {
  text-align: unset;
}
.filter-date-bar .filter-date-bar__disclosure-button[aria-expanded=true] .button__span--expand,
.filter-date-bar .filter-date-bar__disclosure-button[aria-expanded=true] .button__icon--expand {
  display: none;
}
.filter-date-bar .filter-date-bar__disclosure-button:not([aria-expanded=true]) .button__span--collapse,
.filter-date-bar .filter-date-bar__disclosure-button:not([aria-expanded=true]) .button__icon--collapse {
  display: none;
}
.filter-date-bar .filter-date-bar__disclosure-content-container {
  display: none;
}
.filter-date-bar .filter-date-bar__disclosure-content-container:not([aria-hidden=true]) {
  display: inline;
}
.filter-date-bar .filter-date-bar__disclosure-content-container--date {
  display: none;
  padding-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
}
.filter-date-bar .filter-date-bar__disclosure-content-container--date .filter-date-bar__wrapper {
  text-align: center;
}
.filter-date-bar .filter-date-bar__disclosure-content-container--date:not([aria-hidden=true]) {
  display: block;
}
.filter-date-bar .filter-date-bar__datepicker {
  display: inline-block;
  vertical-align: bottom;
}
@media (min-width: 530px) {
  .filter-date-bar .filter-date-bar__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .filter-date-bar .filter-date-bar__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .filter-date-bar .filter-date-bar__wrapper {
    grid-column: column 1/span 12;
  }
  .filter-date-bar .filter-date-bar__filter-buttons {
    padding-inline-end: 10rem;
  }
  .filter-date-bar .filter-date-bar__disclosure-button--date {
    position: absolute;
    right: 0;
    top: 0;
  }
  [dir=rtl] .filter-date-bar .filter-date-bar__disclosure-button--date {
    left: 0;
    right: unset;
  }
  .filter-date-bar .button--selected-date {
    position: absolute;
    right: calc(var(--grid-padding) * 1.5);
    top: 0;
  }
  [dir=rtl] .filter-date-bar .button--selected-date {
    left: calc(var(--grid-padding) * 1.5);
    right: unset;
  }
}
@media (min-width: 1480px) {
  .filter-date-bar .filter-date-bar__wrapper {
    grid-column: column 1/span 14;
  }
}
@media (min-width: 2260px) {
  .filter-date-bar .filter-date-bar__wrapper {
    grid-column: column 1/span 16;
  }
}

.filter-bar {
  margin-block: calc(var(--block-margin) / 2) calc(var(--block-margin) / 2);
  position: relative;
}
.filter-bar .filter-bar__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.filter-bar .filter-bar__wrapper {
  grid-column: column 1/span 4;
}
.filter-bar .filter-bar__filter-buttons {
  font-size: 0;
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  text-align: left;
}
.filter-bar .filter-bar__disclosure-button[aria-expanded=true] .button__span--expand,
.filter-bar .filter-bar__disclosure-button[aria-expanded=true] .button__icon--expand {
  display: none;
}
.filter-bar .filter-bar__disclosure-button:not([aria-expanded=true]) .button__span--collapse,
.filter-bar .filter-bar__disclosure-button:not([aria-expanded=true]) .button__icon--collapse {
  display: none;
}
.filter-bar .filter-bar__disclosure-content-container {
  display: none;
}
.filter-bar .filter-bar__disclosure-content-container:not([aria-hidden=true]) {
  display: inline;
}
@media (min-width: 530px) {
  .filter-bar .filter-bar__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .filter-bar .filter-bar__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .filter-bar .filter-bar__wrapper {
    grid-column: column 1/span 12;
  }
  .filter-bar .filter-bar__filter-buttons {
    padding-inline: 10rem 10rem;
    text-align: center;
  }
  .filter-bar .filter-bar__disclosure-button {
    position: absolute;
    right: 0;
    top: 0;
  }
  [dir=rtl] .filter-bar .filter-bar__disclosure-button {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1480px) {
  .filter-bar .filter-bar__wrapper {
    grid-column: column 2/span 12;
  }
}
@media (min-width: 2260px) {
  .filter-bar .filter-bar__wrapper {
    grid-column: column 3/span 12;
  }
}

.figure-overlay {
  background-color: var(--color-black);
  bottom: 0;
  color: var(--color-white);
  left: 0;
  opacity: 1;
  padding-block: var(--grid-spacing) var(--grid-spacing);
  padding-inline: var(--grid-spacing) var(--grid-spacing);
  pointer-events: auto;
  position: fixed;
  top: 0;
  transition: opacity var(--easing-default);
  width: 100%;
}
.figure-overlay::after {
  clear: both;
  content: "";
  display: table;
}
.figure-overlay[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.figure-overlay .figure-overlay__wrapper {
  height: 100vh;
  opacity: 1;
  overflow: hidden auto;
  right: 0;
}
[dir=rtl] .figure-overlay .figure-overlay__wrapper {
  height: 100vh;
  left: 0;
  overflow: hidden auto;
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__closer {
  color: var(--color-white);
  left: auto;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
[dir=rtl] .figure-overlay .figure-overlay__wrapper .figure-overlay__closer {
  left: 0;
  right: unset;
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__content-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin-block: calc(2 * var(--block-margin)) calc(2 * var(--grid-padding));
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__content-container .figure-overlay__image .picture {
  height: auto;
  width: 100%;
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__content-container .figure-overlay__image .picture__image {
  height: auto;
  width: 100%;
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__content-container .figure-overlay__caption {
  flex: 1;
  min-width: 24vw;
  padding-block: var(--grid-padding) var(--grid-padding);
}
.figure-overlay .figure-overlay__wrapper .figure-overlay__content-container .figure-overlay__caption .richtext--regular {
  color: var(--color-white);
}
.figure-overlay.figure-overlay-portrait .figure-overlay__caption {
  min-width: 33vw;
}
@media (min-width: 800px) {
  .figure-overlay .figure-overlay__wrapper .figure-overlay__content-container {
    flex-direction: row;
    margin-block: 0 0;
  }
  .figure-overlay .figure-overlay__wrapper .figure-overlay__caption {
    margin-block-start: var(--block-margin);
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__image {
    margin-block: 0 0;
    padding-inline-end: var(--grid-padding);
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__image .picture {
    height: auto;
    width: 100%;
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__image .picture__image {
    height: 100%;
    max-height: calc(100vh - 2 * var(--grid-spacing));
    width: auto;
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__caption {
    flex: 1;
    margin-block-start: var(--block-margin);
    max-width: 33vw;
    padding-inline-start: var(--grid-padding);
  }
}
@media (min-width: 1180px) {
  .figure-overlay .figure-overlay__wrapper .figure-overlay__image {
    margin-block: 0 0;
    padding-inline-end: var(--grid-padding);
  }
  .figure-overlay .figure-overlay__wrapper .figure-overlay__caption {
    flex: 1;
    margin-block-start: var(--block-margin);
    padding-inline-start: var(--grid-padding);
  }
  .figure-overlay.figure-overlay-landscape .figure-overlay__wrapper {
    display: flex;
    flex-direction: row;
  }
  .figure-overlay.figure-overlay-landscape .figure-overlay__image {
    max-width: 75%;
  }
  .figure-overlay.figure-overlay-landscape .figure-overlay__image picture {
    height: auto;
    width: 100%;
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__overlay-image .picture {
    height: auto;
    width: auto;
  }
  .figure-overlay.figure-overlay-portrait .figure-overlay__overlay-image .picture__image {
    height: 100%;
    width: auto;
  }
}
@media (min-width: 1480px) {
  .figure-overlay.figure-overlay-portrait .figure-overlay__image .picture {
    height: 100%;
    max-width: unset;
    width: auto;
  }
}

.exhibition-header {
  position: relative;
}
.exhibition-header .exhibition-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.exhibition-header .exhibition-header__title-wrapper,
.exhibition-header .exhibition-header__metadata-wrapper {
  border-block-end: var(--grid-border);
  grid-column: column 1/span 4;
  position: relative;
}
.exhibition-header .exhibition-header__title-content,
.exhibition-header .exhibition-header__metadata-content {
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.exhibition-header .exhibition-header__title-wrapper .button--back {
  transform: translate(calc(var(--grid-padding) * -1), calc(var(--grid-padding) * -1));
}
.exhibition-header .exhibition-header__metadata-content {
  position: relative;
}
.exhibition-header .exhibition-header__metadata-content > .exhibition-header__item {
  margin-block: 1rem;
  padding-block-start: calc(var(--grid-padding) * 0.5);
  padding-inline-start: calc(var(--grid-padding) * 0.5);
}
.exhibition-header .exhibition-header__metadata-content > .exhibition-header__item .exhibition-header__item-label {
  color: var(--field-label-color, currentColor);
  font-family: var(--field-label-font-family);
  font-feature-settings: var(--field-label-font-feature-settings);
  font-size: var(--field-label-font-size);
  font-style: var(--field-label-font-style);
  font-variant: var(--field-label-font-variant);
  font-weight: var(--field-label-font-weight);
  letter-spacing: var(--field-label-letter-spacing);
  line-height: var(--field-label-line-height);
  -webkit-text-decoration: var(--field-label-text-decoration);
          text-decoration: var(--field-label-text-decoration);
  text-decoration-thickness: var(--field-label-text-decoration-thickness);
  text-transform: var(--field-label-text-transform);
  text-underline-offset: var(--field-label-text-underline-offset);
  word-spacing: var(--field-label-word-spacing);
  padding-block: var(--field-label-padding-top) var(--field-label-padding-bottom);
  line-height: var(--paragraph-line-height);
  text-transform: uppercase;
}
html:lang(ar) .exhibition-header .exhibition-header__metadata-content > .exhibition-header__item .exhibition-header__item-label:not(:not(:lang(ar))), html:not(:lang(ar)) .exhibition-header .exhibition-header__metadata-content > .exhibition-header__item .exhibition-header__item-label[lang=ar] {
  font-family: var(--field-label-ar-font-family);
  font-feature-settings: var(--field-label-ar-font-feature-settings);
  font-size: var(--field-label-ar-font-size);
  font-style: var(--field-label-ar-font-style);
  font-variant: var(--field-label-ar-font-variant);
  font-weight: var(--field-label-ar-font-weight);
  letter-spacing: var(--field-label-ar-letter-spacing);
  line-height: var(--field-label-ar-line-height);
  text-transform: var(--field-label-ar-text-transform);
  word-spacing: var(--field-label-ar-word-spacing);
}
.exhibition-header .exhibition-header__metadata-content > .exhibition-header__item .exhibition-header__item-buttons {
  display: flex;
  flex-direction: column;
}
.exhibition-header .exhibition-header__metadata-content > .exhibition-header__item ~ .exhibition-header__item {
  margin-block-start: 0;
}
.exhibition-header .exhibition-header__metadata-buttons,
.exhibition-header .exhibition-header__address,
.exhibition-header .exhibition-header__description,
.exhibition-header .exhibition-header__date {
  padding-block-start: calc(var(--grid-padding) * 0.5);
  padding-inline-start: calc(var(--grid-padding) * 0.5);
}
.exhibition-header .exhibition-header__address,
.exhibition-header .exhibition-header__date {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .exhibition-header .exhibition-header__address:not(:not(:lang(ar))), html:not(:lang(ar)) .exhibition-header .exhibition-header__address[lang=ar],
html:lang(ar) .exhibition-header .exhibition-header__date:not(:not(:lang(ar))),
html:not(:lang(ar)) .exhibition-header .exhibition-header__date[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.exhibition-header .exhibition-header__date {
  font-weight: bold;
  margin-block-start: 1em;
}
.exhibition-header .exhibition-header__address {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
}
.exhibition-header .exhibition-header__address .exhibition-header__address-icon {
  height: auto;
  width: 1rem;
}
.exhibition-header .exhibition-header__address .exhibition-header__address-metadata {
  display: flex;
  flex-direction: column;
}
.exhibition-header .exhibition-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: var(--grid-padding);
}
html:lang(ar) .exhibition-header .exhibition-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .exhibition-header .exhibition-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.exhibition-header .exhibition-header__subtitle {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  margin-block: auto 0.2em;
  margin-block-end: calc(var(--grid-padding) * 5);
}
html:lang(ar) .exhibition-header .exhibition-header__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .exhibition-header .exhibition-header__subtitle[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.exhibition-header .exhibition-header__description {
  margin-block: 0.5rem 1rem;
}
.exhibition-header .exhibition-header__description .custom-location {
  align-items: center;
  display: flex;
  flex-flow: row nowrap;
}
.exhibition-header .exhibition-header__description .custom-location > p:not(:first-child) {
  margin-block-start: 0;
}
.exhibition-header .exhibition-header__description .location-icon {
  display: block;
  flex: 0 0 1.7em;
  height: 1.5em;
  margin-inline-end: 0.5em;
  padding-block: 0.1em 0.1em;
  padding-inline: 0.1em 0.1em;
  width: 1.5em;
}
.exhibition-header .exhibition-header__description .location-icon svg {
  padding-block: 3px 3px;
  padding-inline: 3px 3px;
}
.exhibition-header .museum-tag {
  border-block-start: 1px solid currentcolor;
  margin-top: auto;
  width: 100%;
}
.exhibition-header .exhibition-header__figure-overlay-button {
  align-items: center;
  appearance: none;
  background-color: rgba(0, 0, 0, 0.35);
  bottom: 0;
  color: var(--color-black);
  cursor: pointer;
  display: inline-flex;
  flex-direction: row;
  height: 64px;
  justify-content: center;
  max-width: auto;
  min-width: auto;
  overflow: hidden;
  position: absolute;
  right: 0;
  text-align: center;
  text-overflow: ellipsis;
  transition: color var(--easing-default), background-color var(--easing-default), border-color var(--easing-default);
  -webkit-user-select: none;
          user-select: none;
  vertical-align: bottom;
  white-space: nowrap;
  width: 64px;
  z-index: 2;
}
[dir=rtl] .exhibition-header .exhibition-header__figure-overlay-button {
  left: 0;
  right: auto;
}
.exhibition-header .exhibition-header__figure-overlay-button .button__icon {
  display: block;
  height: 16px;
  width: 16px;
}
.exhibition-header .exhibition-header__figure-overlay-button .button__icon--before {
  margin-inline: unset;
}
.exhibition-header .exhibition-header__disclosure-button-container {
  margin-block-start: auto;
  padding-block-start: 1.5rem;
}
.exhibition-header .exhibition-header__disclosure-button-container .button {
  margin-block-end: calc(var(--grid-padding) * -1);
  margin-inline-start: calc(var(--grid-padding) * -1);
}
.exhibition-header .exhibition-header__content,
.exhibition-header .exhibition-header__aside {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.exhibition-header .exhibition-header__disclosure-button {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
.exhibition-header .exhibition-header__disclosure-button:hover:not(.button--disabled, :disabled), .exhibition-header .exhibition-header__disclosure-button:focus:not(.button--disabled, :disabled), .exhibition-header .exhibition-header__disclosure-button.button--selected, .exhibition-header .exhibition-header__disclosure-button[aria-expanded=true] {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
.exhibition-header .exhibition-header__disclosure-button:hover:not(.button--disabled, :disabled) .button__span, .exhibition-header .exhibition-header__disclosure-button:focus:not(.button--disabled, :disabled) .button__span, .exhibition-header .exhibition-header__disclosure-button.button--selected .button__span, .exhibition-header .exhibition-header__disclosure-button[aria-expanded=true] .button__span {
  text-decoration: underline;
}
.exhibition-header .exhibition-header__disclosure-content-container[aria-hidden=true] {
  display: none;
}
.exhibition-header .exhibition-header__disclosure-content-container .exhibition-header__grid {
  border-block-end: 1px solid currentcolor;
  padding-block: var(--block-margin) var(--block-margin);
}
.exhibition-header.exhibition-header--disclosure-expanded .exhibition-header__disclosure-button .button__icon--expand {
  display: none;
}
.exhibition-header:not(.exhibition-header--disclosure-expanded) .exhibition-header__disclosure-button .button__icon--collapse {
  display: none;
}
.exhibition-header .exhibition-header__exhibition-labels {
  bottom: 0;
  display: inline-block;
  font-size: 0;
  left: 0;
  position: absolute;
  vertical-align: bottom;
  width: auto;
}
.exhibition-header .exhibition-header__exhibition-labels .exhibition-label {
  border-block-end-width: 0;
  border-inline-start-width: 0;
}
[dir=rtl] .exhibition-header .exhibition-header__exhibition-labels {
  left: auto;
  right: 0;
}
.exhibition-header .exhibition-header__fake-image {
  border-block-end: 1px solid var(--color-black);
  padding-block-end: calc(var(--block-margin) * 2.5);
  position: relative;
}
@media (max-width: 529px) {
  .exhibition-header .exhibition-header__metadata-wrapper--empty {
    display: none;
  }
}
@media (min-width: 530px) {
  .exhibition-header .exhibition-header__title-wrapper,
  .exhibition-header .exhibition-header__metadata-wrapper,
  .exhibition-header .exhibition-header__content,
  .exhibition-header .exhibition-header__aside {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .exhibition-header .exhibition-header__title-wrapper {
    grid-column: column 1/span 8;
  }
  .exhibition-header .exhibition-header__title-wrapper .button--back {
    align-self: flex-start;
  }
  .exhibition-header .exhibition-header__metadata-wrapper {
    border-inline-start: var(--grid-border);
    grid-column: column 9/span 4;
  }
  .exhibition-header .exhibition-header__title-wrapper,
  .exhibition-header .exhibition-header__metadata-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .exhibition-header .exhibition-header__metadata-content {
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .exhibition-header .exhibition-header__content {
    grid-column: column 1/span 8;
  }
  .exhibition-header .exhibition-header__aside {
    grid-column: column 9/span 3;
  }
  .exhibition-header .exhibition-header__fake-image {
    padding-block-end: calc(var(--block-margin) * 2);
  }
  .exhibition-header .link__hover-container--default .link__icon--after,
  .exhibition-header .link__hover-container--default .link__icon--before {
    display: none;
  }
}
@media (min-width: 1180px) {
  .exhibition-header .exhibition-header__title-wrapper {
    grid-column: column 1/span 8;
  }
  .exhibition-header .exhibition-header__metadata-wrapper {
    grid-column: column 9/span 4;
  }
  .exhibition-header .exhibition-header__content {
    grid-column: column 4/span 5;
  }
  .exhibition-header .exhibition-header__aside {
    grid-column: column 9/span 3;
  }
}
@media (min-width: 1480px) {
  .exhibition-header .exhibition-header__title-wrapper {
    grid-column: column 1/span 9;
  }
  .exhibition-header .exhibition-header__title-content,
  .exhibition-header .museum-tag {
    padding-inline-start: calc(10% + var(--grid-padding));
  }
  .exhibition-header .exhibition-header__metadata-wrapper {
    grid-column: column 10/span 5;
  }
  .exhibition-header .exhibition-header__metadata-content {
    padding-inline-end: calc(16.6666666667% + var(--grid-padding));
  }
  .exhibition-header .exhibition-header__content {
    grid-column: column 5/span 5;
  }
  .exhibition-header .exhibition-header__aside {
    grid-column: column 10/span 4;
  }
}
@media (min-width: 2260px) {
  .exhibition-header .exhibition-header__title-wrapper {
    grid-column: column 1/span 10;
  }
  .exhibition-header .exhibition-header__metadata-wrapper {
    grid-column: column 11/span 6;
  }
  .exhibition-header .exhibition-header__metadata-content {
    padding-inline-end: calc(33.3333333333% + var(--grid-padding));
  }
  .exhibition-header .exhibition-header__content {
    grid-column: column 6/span 5;
  }
  .exhibition-header .exhibition-header__aside {
    grid-column: column 11/span 3;
  }
}

.exhibition-header--default .button--back + .exhibition-header__title {
  margin-block-start: -1rem;
}
.exhibition-header--default.exhibition-header--theme-blue .exhibition-header__title-wrapper {
  background-color: var(--color-blue);
  color: var(--color-black);
}
.exhibition-header--default.exhibition-header--theme-yellow .exhibition-header__title-wrapper {
  background-color: var(--color-yellow);
  color: var(--color-black);
}
.exhibition-header--default.exhibition-header--theme-orange .exhibition-header__title-wrapper {
  background-color: var(--color-orange);
  color: var(--color-black);
}
.exhibition-header--default.exhibition-header--theme-magenta .exhibition-header__title-wrapper {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.exhibition-header--image .button--back {
  margin-block-start: var(--menu-bar-height);
}
.exhibition-header--image .exhibition-header__flex-wrapper-portrait .button--back {
  margin-block-start: 0;
}
.exhibition-header--image .exhibition-header__flex-wrapper-portrait .museum-tag {
  margin-top: var(--grid-padding);
}
.exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__flex-image {
  border-block-end: 1px solid var(--color-black);
  min-height: 70vh;
}
.exhibition-header--image .exhibition-header__grid,
.exhibition-header--image .exhibition-header__image-wrapper {
  height: 100%;
}
.exhibition-header--image .exhibition-header__image-wrapper {
  min-height: 80vh;
  padding-block-start: 0;
}
.exhibition-header--image .exhibition-header__image-wrapper .picture::after {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
  content: "";
  display: block;
  height: calc(var(--menu-bar-height) * 3);
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.exhibition-header--image .exhibition-header__flex-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: calc(var(--like-100vh, 100vh) - var(--menu-bar-height));
}
.exhibition-header--image .exhibition-header__flex-image,
.exhibition-header--image .exhibition-header__flex-content {
  position: relative;
}
.exhibition-header--image .exhibition-header__flex-image {
  flex: 1;
}
.exhibition-header--image .exhibition-header__flex-content {
  border-block-start: 1px solid var(--color-black);
  flex: 0;
}
.exhibition-header--image .exhibition-header__flex-content > svg {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scaleX(1);
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 0;
}
.exhibition-header--image .exhibition-header__flex-content > svg + * {
  z-index: 1;
}
[dir=rtl] .exhibition-header--image .exhibition-header__flex-content > svg {
  transform: scaleX(-1);
  transform-origin: 50% 50%;
}
.exhibition-header--image .exhibition-header__title-wrapper .button--back {
  position: absolute;
}
@media (min-width: 800px) {
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__title-wrapper {
    border-inline-start: var(--grid-border);
  }
}
@media (min-width: 1180px) {
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait {
    flex-direction: row;
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__flex-content {
    border-block-start: initial;
    flex: 1;
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__flex-image {
    max-height: 100vh;
    position: sticky;
    top: 0;
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__grid {
    display: flex;
    flex-direction: column;
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__title-wrapper {
    flex: 2;
    justify-content: flex-end;
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__title {
    margin-block: var(--grid-padding) calc(var(--grid-padding) * 2);
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__subtitle {
    margin-block: var(--grid-spacing) var(--grid-spacing);
  }
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__metadata-wrapper {
    flex: 1;
  }
}
@media (min-width: 1480px) {
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .exhibition-header__title-content,
  .exhibition-header--image .exhibition-header__flex-wrapper-portrait .museum-tag {
    padding-inline-start: var(--grid-spacing);
  }
}

.dropdown-filter-bar .dropdown-filter-bar__form {
  display: none;
}
.dropdown-filter-bar .dropdown-filter-bar__title {
  display: none;
}
.dropdown-filter-bar .dropdown-filter-bar__filter-button-mobile {
  background-color: var(--color-white);
  padding-inline: var(--grid-padding);
  width: 100%;
}
.dropdown-filter-bar .fixed--button {
  bottom: 0;
  left: 0;
  position: fixed;
  visibility: visible;
  z-index: 1;
}
[dir=rtl] .dropdown-filter-bar .fixed--button {
  left: auto;
  right: 0;
}
@media (min-width: 800px) {
  .dropdown-filter-bar {
    justify-content: center;
    margin-block: 0.625rem;
  }
  .dropdown-filter-bar .dropdown-filter-bar__filter-button-mobile {
    display: none;
  }
  .dropdown-filter-bar .dropdown-filter-bar__form {
    display: flex;
    gap: 30px;
  }
  .dropdown-filter-bar .dropdown-filter-bar-mobile__button {
    display: none;
  }
  .dropdown-filter-bar .dropdown-filter-bar__grid {
    display: grid;
    grid-gap: 0 var(--grid-gutter);
    grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
    margin-inline: auto auto;
    max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
    padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
    height: 100%;
  }
  .dropdown-filter-bar .dropdown-filter-bar__title {
    color: var(--caption-color, currentColor);
    font-family: var(--caption-font-family);
    font-feature-settings: var(--caption-font-feature-settings);
    font-size: var(--caption-font-size);
    font-style: var(--caption-font-style);
    font-variant: var(--caption-font-variant);
    font-weight: var(--caption-font-weight);
    letter-spacing: var(--caption-letter-spacing);
    line-height: var(--caption-line-height);
    -webkit-text-decoration: var(--caption-text-decoration);
            text-decoration: var(--caption-text-decoration);
    text-decoration-thickness: var(--caption-text-decoration-thickness);
    text-transform: var(--caption-text-transform);
    text-underline-offset: var(--caption-text-underline-offset);
    word-spacing: var(--caption-word-spacing);
    padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  }
  html:lang(ar) .dropdown-filter-bar .dropdown-filter-bar__title:not(:not(:lang(ar))), html:not(:lang(ar)) .dropdown-filter-bar .dropdown-filter-bar__title[lang=ar] {
    font-family: var(--caption-ar-font-family);
    font-feature-settings: var(--caption-ar-font-feature-settings);
    font-size: var(--caption-ar-font-size);
    font-style: var(--caption-ar-font-style);
    font-variant: var(--caption-ar-font-variant);
    font-weight: var(--caption-ar-font-weight);
    letter-spacing: var(--caption-ar-letter-spacing);
    line-height: var(--caption-ar-line-height);
    text-transform: var(--caption-ar-text-transform);
    word-spacing: var(--caption-ar-word-spacing);
  }
  .dropdown-filter-bar .dropdown-filter-bar__flex-wrapper {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    grid-column: column 1/span var(--grid-columns);
    height: 100%;
    padding-inline: var(--grid-padding);
  }
}

.dropdown-filter-bar__relative-container .fixed--button {
  position: initial;
}

.composition-card-header {
  position: relative;
}
.composition-card-header .composition-card .picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.composition-card-header .composition-card .composition-card__content {
  padding-inline-start: var(--grid-padding);
}
.composition-card-header .composition-card .composition-card__image {
  border-block-start-width: 0;
  border-inline-end-width: 0;
  border-inline-start-width: 0;
}

.composition-card-grid {
  margin-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 1.5);
  overflow: hidden;
  position: relative;
}
.composition-card-grid .composition-card-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.composition-card-grid .composition-card-grid__title-wrapper,
.composition-card-grid .composition-card-grid__button-wrapper,
.composition-card-grid .composition-card-grid__card-wrapper {
  grid-column: column 1/span 4;
}
.composition-card-grid .composition-card-grid__card-wrapper {
  margin-block-end: 2rem;
  position: relative;
  z-index: 1;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(1) {
  z-index: 1;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(1):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(1):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(2) {
  z-index: 2;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(2):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(2):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(3) {
  z-index: 3;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(3):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(3):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(4) {
  z-index: 4;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(4):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(4):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(5) {
  z-index: 5;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(5):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(5):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(6) {
  z-index: 6;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(6):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(6):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(7) {
  z-index: 7;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(7):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(7):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(8) {
  z-index: 8;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(8):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(8):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(9) {
  z-index: 9;
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(9):hover, .composition-card-grid .composition-card-grid__card-wrapper:nth-child(9):focus-within {
  z-index: 10;
}
.composition-card-grid .composition-card-grid__card-wrapper:first-child .composition-card .composition-card__image,
.composition-card-grid .composition-card-grid__card-wrapper:first-child .composition-card .composition-card__video,
.composition-card-grid .composition-card-grid__card-wrapper:first-child .composition-card .composition-card__content {
  transition-delay: calc(var(--timing-default) / 7 * 1);
}
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(2) .composition-card .composition-card__image,
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(2) .composition-card .composition-card__video,
.composition-card-grid .composition-card-grid__card-wrapper:nth-child(2) .composition-card .composition-card__content {
  transition-delay: calc(var(--timing-default) / 7 * 3);
}
.composition-card-grid .composition-card-grid__card-wrapper:last-child .composition-card .composition-card__image,
.composition-card-grid .composition-card-grid__card-wrapper:last-child .composition-card .composition-card__video,
.composition-card-grid .composition-card-grid__card-wrapper:last-child .composition-card .composition-card__content {
  transition-delay: calc(var(--timing-default) / 7 * 5);
}
.composition-card-grid .composition-card {
  transform: translate3d(0, 0, 0);
  will-change: transform;
}
.composition-card-grid .composition-card .composition-card__image,
.composition-card-grid .composition-card .composition-card__content {
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 100px, 0);
  transition: opacity var(--timing-slow) ease-out, transform var(--timing-slow) ease-out;
  will-change: opacity, transform;
}
.composition-card-grid .composition-card--inview .composition-card__image,
.composition-card-grid .composition-card--inview .composition-card__content {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
.composition-card-grid .composition-card-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
  padding-block-start: calc(var(--block-margin) * 1.5);
  padding-inline-start: calc(var(--grid-padding) * 1.5);
}
html:lang(ar) .composition-card-grid .composition-card-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .composition-card-grid .composition-card-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.composition-card-grid .composition-card-grid__rows {
  position: relative;
  z-index: 1;
}
.composition-card-grid .composition-card-grid__buttons {
  pointer-events: none;
  position: relative;
  z-index: 2;
}
.composition-card-grid .composition-card-grid__buttons .button {
  pointer-events: initial;
}
.composition-card-grid .composition-card-grid__row {
  min-height: calc(var(--block-margin) * 2);
}
.composition-card-grid .composition-card-grid__title-wrapper,
.composition-card-grid .composition-card-grid__button-wrapper,
.composition-card-grid .composition-card-grid__card-wrapper-inner {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .composition-card-grid .composition-card-grid__title-wrapper,
  .composition-card-grid .composition-card-grid__button-wrapper,
  .composition-card-grid .composition-card-grid__card-wrapper {
    grid-column: column 1/span 6;
  }
  .composition-card-grid .composition-card-grid__card-wrapper {
    grid-column: column 2/span 4;
  }
  .composition-card-grid .composition-card-grid__card-wrapper:first-child {
    grid-column: column 1/span 4;
  }
  .composition-card-grid .composition-card-grid__card-wrapper:last-child {
    grid-column: column 3/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:first-child {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .composition-card-grid .composition-card-grid__title-wrapper,
  .composition-card-grid .composition-card-grid__button-wrapper {
    grid-column: column 1/span 12;
  }
  .composition-card-grid .composition-card-grid__buttons {
    margin-block-start: calc(var(--block-margin) * -1);
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:first-child {
    grid-column: column 1/span 9;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:nth-child(2) .composition-card-grid__card-wrapper-inner {
    --overlap: calc(((100% / 3) * 2) * -1);
    left: var(--overlap);
    position: absolute;
    right: 0;
    top: 7.5rem;
  }
  [dir=rtl] .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:nth-child(2) .composition-card-grid__card-wrapper-inner {
    left: 0;
    right: var(--overlap);
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:first-child {
    grid-column: column 1/span 5;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 6/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(2) .composition-card-grid__card-wrapper-inner {
    padding-block-start: 7.5rem;
    padding-inline-start: 0;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(3) .composition-card-grid__card-wrapper-inner {
    --overlap: calc(((100% / 3) * 2) * -1);
    left: var(--overlap);
    position: absolute;
    right: 0;
    top: -4rem;
  }
  [dir=rtl] .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(3) .composition-card-grid__card-wrapper-inner {
    left: 0;
    right: var(--overlap);
  }
  .composition-card-grid .composition-card-grid__row--composition-c {
    margin-block-end: calc(var(--block-margin) * 0.5);
    padding-block-start: var(--block-margin);
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:first-child {
    grid-column: column 1/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 6/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(2) .composition-card-grid__card-wrapper-inner {
    padding-block-start: 7.5rem;
    padding-inline-start: 0;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(3) .composition-card-grid__card-wrapper-inner {
    --overlap: calc(((100% / 3) * 2) * -1);
    left: var(--overlap);
    position: absolute;
    right: 0;
    top: -6rem;
  }
  [dir=rtl] .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(3) .composition-card-grid__card-wrapper-inner {
    left: 0;
    right: var(--overlap);
  }
}
@media (min-width: 1180px) {
  .composition-card-grid .composition-card-grid__title-wrapper,
  .composition-card-grid .composition-card-grid__button-wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .composition-card-grid .composition-card-grid__title-wrapper,
  .composition-card-grid .composition-card-grid__button-wrapper {
    grid-column: column 2/span 12;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:first-child {
    grid-column: column 2/span 9;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:first-child {
    grid-column: column 2/span 5;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 7/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:first-child {
    grid-column: column 2/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 7/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
}
@media (min-width: 2260px) {
  .composition-card-grid .composition-card-grid__title-wrapper,
  .composition-card-grid .composition-card-grid__button-wrapper {
    grid-column: column 3/span 12;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:first-child {
    grid-column: column 3/span 9;
  }
  .composition-card-grid .composition-card-grid__row--composition-a .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:first-child {
    grid-column: column 3/span 5;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 8/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-b .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:first-child {
    grid-column: column 3/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(2) {
    grid-column: column 8/span 4;
  }
  .composition-card-grid .composition-card-grid__row--composition-c .composition-card-grid__card-wrapper:nth-child(3) {
    grid-column: span 3;
  }
}

.celebration-header {
  color: var(--color-black);
  display: flex;
  flex-direction: column;
  padding-block: calc(var(--grid-padding) * 6) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 2);
  width: 100%;
}
.celebration-header:not([href]) {
  cursor: initial;
}
.celebration-header .celebration-header__content {
  display: flex;
  flex: 4 1 100%;
  flex-direction: column;
  justify-content: flex-start;
  padding-block-start: calc(var(--grid-padding) * 2);
}
.celebration-header .celebration-header__image-mobile {
  display: inherit;
  position: relative;
}
.celebration-header .celebration-header__image-mobile .picture {
  background-color: transparent;
}
.celebration-header .celebration-header__image-notebook {
  display: none;
}
.celebration-header .celebration-header__image-notebook .picture {
  background-color: transparent;
}
.celebration-header .celebration-header__title {
  color: var(--celebration-banner-title-color, currentColor);
  font-family: var(--celebration-banner-title-font-family);
  font-feature-settings: var(--celebration-banner-title-font-feature-settings);
  font-size: var(--celebration-banner-title-font-size);
  font-style: var(--celebration-banner-title-font-style);
  font-variant: var(--celebration-banner-title-font-variant);
  font-weight: var(--celebration-banner-title-font-weight);
  letter-spacing: var(--celebration-banner-title-letter-spacing);
  line-height: var(--celebration-banner-title-line-height);
  -webkit-text-decoration: var(--celebration-banner-title-text-decoration);
          text-decoration: var(--celebration-banner-title-text-decoration);
  text-decoration-thickness: var(--celebration-banner-title-text-decoration-thickness);
  text-transform: var(--celebration-banner-title-text-transform);
  text-underline-offset: var(--celebration-banner-title-text-underline-offset);
  word-spacing: var(--celebration-banner-title-word-spacing);
  padding-block: var(--celebration-banner-title-padding-top) var(--celebration-banner-title-padding-bottom);
  line-height: 0.85em;
  margin-block-end: 2.85rem;
  word-break: break-word;
}
html:lang(ar) .celebration-header .celebration-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .celebration-header .celebration-header__title[lang=ar] {
  font-family: var(--celebration-banner-title-ar-font-family);
  font-feature-settings: var(--celebration-banner-title-ar-font-feature-settings);
  font-size: var(--celebration-banner-title-ar-font-size);
  font-style: var(--celebration-banner-title-ar-font-style);
  font-variant: var(--celebration-banner-title-ar-font-variant);
  font-weight: var(--celebration-banner-title-ar-font-weight);
  letter-spacing: var(--celebration-banner-title-ar-letter-spacing);
  line-height: var(--celebration-banner-title-ar-line-height);
  text-transform: var(--celebration-banner-title-ar-text-transform);
  word-spacing: var(--celebration-banner-title-ar-word-spacing);
}
.celebration-header .celebration-header__arrow {
  color: var(--color-black);
  padding-block-end: calc(var(--grid-padding) * 3);
  width: 60px;
}
.celebration-header .celebration-header__arrow svg {
  height: auto;
}
@media (min-width: 530px) {
  .celebration-header .celebration-header__arrow {
    width: 80px;
  }
}
@media (min-width: 800px) {
  .celebration-header .celebration-header__arrow {
    width: 100px;
  }
}
.celebration-header .celebration-header__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  display: flex;
  flex: 1 1 auto;
  flex-direction: column-reverse;
  font-size: 30px;
}
html:lang(ar) .celebration-header .celebration-header__text:not(:not(:lang(ar))), html:not(:lang(ar)) .celebration-header .celebration-header__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (max-width: 529px) {
  .celebration-header .celebration-header__content .celebration-header__text {
    font-size: 28px;
  }
}
@media (min-width: 530px) {
  .celebration-header .celebration-header__link {
    width: 40px;
  }
}
@media (min-width: 800px) {
  .celebration-header {
    padding-block-start: calc(var(--grid-padding) * 10);
  }
  .celebration-header .celebration-header__content {
    padding-block-start: 0;
  }
  .celebration-header .celebration-header__link {
    width: 80px;
  }
}
@media (min-width: 1180px) {
  .celebration-header .celebration-header__image {
    flex: 1 1 0;
  }
  .celebration-header .celebration-header__image .celebration-header__image-mobile {
    display: none;
  }
  .celebration-header .celebration-header__image .celebration-header__image-notebook {
    display: inline-block;
    height: 100%;
  }
  .celebration-header .celebration-header__image .celebration-header__image-notebook picture {
    height: 100%;
  }
}

.celebration-header--theme-blue {
  background-color: var(--color-blue);
  color: var(--color-black);
}

.celebration-header--theme-yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}

.celebration-header--theme-orange {
  background-color: var(--color-orange);
  color: var(--color-black);
}

.celebration-header--theme-magenta {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

.card-overlay {
  background-color: rgba(255, 255, 255, 0.3);
  pointer-events: none;
  position: fixed;
  top: 0;
  transition: background-color var(--timing-default) ease-in;
  width: 100%;
  z-index: 10;
}
.card-overlay[aria-hidden=true] {
  display: none;
  opacity: 0;
}
.card-overlay.card-overlay--active {
  background-color: rgba(255, 255, 255, 0.8);
  bottom: 0;
  left: 0;
  opacity: 1;
  pointer-events: auto;
}
.card-overlay.card-overlay--active .card-overlay__wrapper {
  height: 100vh;
  opacity: 1;
  overflow: hidden auto;
  right: 0;
}
[dir=rtl] .card-overlay.card-overlay--active .card-overlay__wrapper {
  height: 100vh;
  left: 0;
  overflow: hidden auto;
}
.card-overlay .card-overlay--closer {
  cursor: pointer;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}
.card-overlay .card-overlay__content-container {
  background: var(--color-white);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 0px solid var(--color-black);
  border-inline-end: 0px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  height: auto;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
  pointer-events: initial;
}
[dir=rtl] .card-overlay .card-overlay__content-container {
  border-block-end-width: 1px;
  border-block-start-width: 1px;
  border-inline-end-width: 1px;
  border-inline-start-width: 1px;
}
.card-overlay .card-overlay__wrapper {
  bottom: 0;
  color: var(--color-black);
  display: block;
  float: right;
  height: auto;
  overflow-y: auto;
  pointer-events: none;
  position: relative;
  right: -100%;
  top: 0;
  transition: right var(--timing-default) ease-out;
  width: 100%;
}
@media (min-width: 800px) {
  .card-overlay .card-overlay__wrapper {
    max-width: 75%;
  }
}
@media (min-width: 1180px) {
  .card-overlay .card-overlay__wrapper {
    max-width: 50%;
  }
}
[dir=rtl] .card-overlay .card-overlay__wrapper {
  float: left;
  left: -100%;
  max-width: 100%;
  right: inherit;
  transition: left var(--timing-default) ease-out;
}
@media (min-width: 800px) {
  [dir=rtl] .card-overlay .card-overlay__wrapper {
    max-width: 75%;
  }
}
@media (min-width: 1180px) {
  [dir=rtl] .card-overlay .card-overlay__wrapper {
    max-width: 63.9%;
  }
}
.card-overlay .card-overlay__wrapper .button--close {
  background: var(--color-white);
  border-block-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  min-width: 0px;
  overflow: hidden;
  padding-block: calc(var(--grid-padding) * 0.5) calc(var(--grid-padding) * 0.5);
  padding-inline: calc(var(--grid-padding) * 1.3) calc(var(--grid-padding) * 1.5);
  position: absolute;
  right: 0;
  transform: translateX(0px) translateY(-15px);
  z-index: 10;
}
.card-overlay .card-overlay__wrapper .button--close:focus {
  outline-offset: 1px;
}
.card-overlay .card-overlay__wrapper .button--close:hover {
  background: var(--color-black);
  color: var(--color-white);
}
[dir=rtl] .card-overlay .card-overlay__wrapper .button--close {
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
}
@media (min-width: 530px) {
  .card-overlay .card-overlay__wrapper .card-overlay__title {
    padding-inline-end: 0;
  }
}
.card-overlay .card-overlay__wrapper .card-overlay__button-holder .button {
  margin-block-end: var(--grid-padding);
  margin-inline-end: var(--grid-padding);
}
.card-overlay .card-overlay__wrapper .card-overlay__description {
  min-height: 3em;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-items {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  flex: 0 0 50%;
  list-style-type: none;
  margin-block-start: 20px;
  padding-inline-start: 0;
}
html:lang(ar) .card-overlay .card-overlay__wrapper .card-overlay__metadata-items:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__wrapper .card-overlay__metadata-items[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item {
  display: flex;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item .richtext--simple > p {
  margin-block: 0 0;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item + .card-overlay__metadata-item {
  margin-block-start: 0.5em;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item-icon {
  display: block;
  flex: 0 0 1.7em;
  height: 1.5em;
  margin-inline-end: 0.5em;
  padding-block: 0.1em 0.1em;
  padding-inline: 0.1em 0.1em;
  width: 1.5em;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item-icon [dir=rtl] {
  margin-block-start: 0.2em;
}
.card-overlay .card-overlay__wrapper .card-overlay__metadata-item-icon > svg {
  padding-block: 3px 3px;
  padding-inline: 3px 3px;
}
.card-overlay .card-overlay__wrapper .card-overlay__details-cta {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  border-inline-end: 1px solid var(--color-black);
  border-inline-start: 1px solid var(--color-black);
  display: block;
  line-height: var(--button-line-height);
  margin-block: var(--grid-padding) var(--grid-padding);
  margin-inline-start: 0;
  max-width: 180px;
  overflow: hidden;
  padding-block: calc(var(--grid-padding) * 1.4) calc(var(--grid-padding) * 1.2);
  padding-inline-start: calc(var(--grid-padding) * 4.4);
  position: relative;
  text-transform: uppercase;
}
html:lang(ar) .card-overlay .card-overlay__wrapper .card-overlay__details-cta:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__wrapper .card-overlay__details-cta[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
@media (min-width: 530px) {
  .card-overlay .card-overlay__wrapper .card-overlay__details-cta {
    display: inline-block;
    margin-block-start: 0;
    margin-inline-start: 1.2rem;
    min-width: 180px;
    position: absolute;
  }
}
[dir=rtl] .card-overlay .card-overlay__wrapper .card-overlay__details-cta {
  padding-block-end: calc(var(--grid-padding) * 1.5);
}
[dir=rtl] .card-overlay .card-overlay__wrapper .card-overlay__details-cta .link__icon svg {
  margin-top: 6px;
}
.card-overlay .card-overlay__wrapper .card-overlay__details-cta .link__icon {
  height: 40px;
  left: 11px;
  position: absolute;
  top: 7px;
  width: 40px;
}
.card-overlay .card-overlay__wrapper .card-overlay__details-cta .link__icon svg {
  margin-top: 4px;
  padding: 0;
  position: relative;
}
.card-overlay .card-overlay__wrapper .card-overlay__details-cta .link__icon svg path {
  left: 0;
  position: absolute;
  top: 0;
}
.card-overlay .card-overlay__image {
  max-height: 45vh;
  overflow: hidden;
  position: relative;
}
.card-overlay .card-overlay__image::before {
  content: "";
  display: block;
  padding-block-start: 75%;
}
.card-overlay .card-overlay__image .picture {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.card-overlay .card-overlay__content {
  margin-block-start: auto;
  padding-block-start: calc(var(--grid-padding) * 5);
  position: relative;
}
.card-overlay .card-overlay__title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  display: block;
  margin-block-end: 1.2rem;
  width: 100%;
}
html:lang(ar) .card-overlay .card-overlay__title:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
[dir=rtl] .card-overlay .card-overlay__title {
  margin-block-end: 1rem;
}
.card-overlay .card-overlay__title-link {
  text-decoration: none;
}
.card-overlay .card-overlay__title-link:hover, .card-overlay .card-overlay__title-link:focus {
  text-decoration: underline;
}
.card-overlay .default-button {
  border: 1px solid var(--color-black);
  display: inline-block;
  width: auto;
}
.card-overlay .card-overlay__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  flex: 1 1 auto;
  margin-block-end: 0.4rem;
}
html:lang(ar) .card-overlay .card-overlay__text:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card-overlay .card-overlay__pre-title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 0.2rem;
  text-transform: uppercase;
}
html:lang(ar) .card-overlay .card-overlay__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__pre-title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card-overlay .card-overlay__description {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: 1rem;
}
html:lang(ar) .card-overlay .card-overlay__description:not(:not(:lang(ar))), html:not(:lang(ar)) .card-overlay .card-overlay__description[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 530px) {
  .card-overlay .card-overlay__wrapper-header {
    border-inline-end-width: 0;
    right: 0;
    top: -1px;
    width: calc(150% + 1px);
  }
  [dir=rtl] .card-overlay .card-overlay__wrapper-header {
    left: 0;
    right: auto;
  }
}
@media (min-width: 1180px) {
  .card-overlay .card-overlay__wrapper-header {
    width: calc(125.33% + 1px);
  }
}
@media (min-width: 1480px) {
  .card-overlay .card-overlay__wrapper-header .card-overlay__description {
    max-width: 66.66%;
  }
}
.card-overlay .museum-tag {
  border-block-start: 1px solid currentcolor;
  margin-block-start: 1.2rem;
  padding-block: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 0.5);
  padding-inline: 0 0;
  position: relative;
}
.card-overlay .card-overlay__exhibition-labels {
  border-inline-start-width: 1;
  bottom: 0;
  display: inline-block;
  font-size: 0;
  left: 0;
  position: absolute;
  vertical-align: bottom;
  width: auto;
}
.card-overlay .card-overlay__wrapper-grid {
  right: 0;
  width: 75vw;
}
[dir=rtl] .card-overlay .card-overlay__wrapper-grid {
  left: 0;
  right: auto;
}
@media (min-width: 530px) {
  .card-overlay .card-overlay__wrapper-grid {
    top: -1px;
    width: calc(166.66% + 1px);
  }
  .card-overlay .card-overlay__wrapper-grid .card-overlay__image {
    height: 42.1875vw;
  }
}
@media (min-width: 1180px) {
  .card-overlay .card-overlay__wrapper-grid {
    top: -1px;
  }
  .card-overlay .card-overlay__wrapper-grid .card-overlay__image {
    height: 28.125vw;
  }
}
@media (min-width: 1480px) {
  .card-overlay .card-overlay__wrapper-grid {
    width: calc(200% + 3px);
  }
}

.card-highlights-grid {
  margin-block-start: -1px;
  position: relative;
}
.card-highlights-grid:last-child {
  margin-block-end: -1px;
}
.card-highlights-grid .card-highlights-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.card-highlights-grid .card-highlights-grid__cards-wrapper {
  grid-column: column 1/span 4;
}
.card-highlights-grid .card-highlights-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
  padding-block-start: 1rem;
}
html:lang(ar) .card-highlights-grid .card-highlights-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .card-highlights-grid .card-highlights-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.card-highlights-grid .card-highlights-grid__cards {
  display: flex;
  grid-template-columns: 1fr;
  overflow-x: auto;
  width: 100%;
}
.card-highlights-grid .card-highlights-grid__cards .card {
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
}
.card-highlights-grid .card-highlights-grid__cards .card:nth-child(3) {
  border-inline-end-width: 0;
}
.card-highlights-grid .card-highlights-grid__title-wrapper,
.card-highlights-grid .card-highlights-grid__button-wrapper {
  grid-column: column 1/span 4;
  padding-inline-start: var(--grid-padding);
}
.card-highlights-grid .card-highlights-grid__button-wrapper {
  padding-block: calc(var(--block-margin) * 0.5) calc(var(--block-margin) * 1.5);
  position: relative;
}
@media (min-width: 530px) {
  .card-highlights-grid .card-highlights-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-highlights-grid .card-highlights-grid__title-wrapper,
  .card-highlights-grid .card-highlights-grid__button-wrapper {
    grid-column: column 1/span 6;
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .card-highlights-grid .card-highlights-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-highlights-grid .card-highlights-grid__title-wrapper,
  .card-highlights-grid .card-highlights-grid__button-wrapper {
    grid-column: column 1/span 12;
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .card-highlights-grid .card-highlights-grid__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .card-highlights-grid .card-highlights-grid__title-wrapper,
  .card-highlights-grid .card-highlights-grid__button-wrapper {
    grid-column: column 1/span 8;
    padding-inline-start: var(--grid-padding);
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper {
    grid-column: column 1/span 12;
    position: relative;
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper::before {
    border-block-end: 1px solid currentcolor;
    border-block-start: 1px solid currentcolor;
    content: "";
    display: block;
    height: 100%;
    left: -100vw;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 300vw;
  }
}
@media (min-width: 1480px) {
  .card-highlights-grid .card-highlights-grid__cards {
    border-inline-start: 1px solid currentcolor;
    display: grid;
    overflow-x: hidden;
    width: 100%;
  }
  .card-highlights-grid .card-highlights-grid__cards .card:nth-child(3) {
    border-inline-end-width: 1px;
  }
  .card-highlights-grid .card-highlights-grid__title-wrapper,
  .card-highlights-grid .card-highlights-grid__button-wrapper {
    grid-column: column 2/span 12;
    padding-inline-start: 0;
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper {
    grid-column: column 2/span 12;
  }
}
@media (min-width: 2260px) {
  .card-highlights-grid .card-highlights-grid__title-wrapper,
  .card-highlights-grid .card-highlights-grid__button-wrapper {
    grid-column: column 3/span 12;
  }
  .card-highlights-grid .card-highlights-grid__cards-wrapper {
    grid-column: column 3/span 12;
  }
}

.card-grid {
  margin-block-start: -1px;
  position: relative;
}
.card-grid:last-child {
  margin-block-end: -1px;
}
.card-grid > svg {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scaleX(-1) scaleY(-1);
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 0;
}
.card-grid > svg + * {
  z-index: 1;
}
[dir=rtl] .card-grid > svg {
  transform: scaleX(1) scaleY(-1);
  transform-origin: 50% 50%;
}
.card-grid .card-grid__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.card-grid.card-grid--loading .card-grid__grid {
  opacity: 0.3;
}
.card-grid .card-grid__loader {
  display: none;
  left: 50vw;
  position: absolute;
  transform: translateX(-50%);
  z-index: 1024;
}
.card-grid.card-grid--loading .card-grid__loader {
  display: block;
}
.card-grid .card-grid__wrapper {
  grid-column: column 1/span 4;
}
.card-grid .card-grid__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 1rem;
  padding-block-start: calc(var(--block-margin) * 1.5);
}
html:lang(ar) .card-grid .card-grid__title:not(:not(:lang(ar))), html:not(:lang(ar)) .card-grid .card-grid__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.card-grid .card-grid__content-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.card-grid .card-grid__title-button {
  margin-block-end: 1rem;
  min-height: 3.5rem;
}
.card-grid .card-grid__introduction {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 1rem;
  max-width: 600px;
}
html:lang(ar) .card-grid .card-grid__introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .card-grid .card-grid__introduction[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card-grid .card-grid__cards {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
.card-grid .card-grid__text-wrapper,
.card-grid .card-grid__pagination,
.card-grid .card-grid__title-wrapper,
.card-grid .card-grid__button-wrapper {
  grid-column: column 1/span 4;
}
.card-grid .card-grid__text-wrapper,
.card-grid .card-grid__pagination {
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.card-grid .card-grid__title-wrapper,
.card-grid .card-grid__button-wrapper {
  padding-inline: var(--grid-padding);
}
.card-grid .card-grid__button-wrapper {
  padding-block: calc(var(--block-margin) * 0.5) calc(var(--block-margin) * 1.5);
  position: relative;
}
.card-grid .card-grid__text-container {
  border-block-start: 1px solid currentcolor;
  padding-block: var(--block-margin) calc(var(--block-margin) * 3);
}
.card-grid .card-grid__title-wrapper {
  display: flex;
  flex-direction: row;
}
.card-grid .card-grid__title-wrapper .card-grid__title-container {
  align-items: flex-start;
  display: flex;
  flex: 1 1 100%;
  flex-direction: column;
  justify-content: space-between;
}
.card-grid .card-grid__title-wrapper .card-grid__title-container .button--secondary {
  padding-inline-start: 0;
}
.card-grid .card-grid__title-wrapper .link-dropdown {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  flex: auto;
  margin-block: auto 1rem;
}
html:lang(ar) .card-grid .card-grid__title-wrapper .link-dropdown:not(:not(:lang(ar))), html:not(:lang(ar)) .card-grid .card-grid__title-wrapper .link-dropdown[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.card-grid .card-grid__filter-wrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--grid-padding);
}
.card-grid .card-grid__error-message {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .card-grid .card-grid__error-message:not(:not(:lang(ar))), html:not(:lang(ar)) .card-grid .card-grid__error-message[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.card-grid .card-grid__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .card-grid .card-grid__text:not(:not(:lang(ar))), html:not(:lang(ar)) .card-grid .card-grid__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.card-grid .card-grid__pagination {
  padding-block: var(--block-margin) var(--block-margin);
  text-align: center;
}
@media (min-width: 530px) {
  .card-grid .card-grid__filter-wrapper {
    flex-direction: row;
  }
  .card-grid .card-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-grid .card-grid__text-wrapper,
  .card-grid .card-grid__title-wrapper,
  .card-grid .card-grid__pagination {
    grid-column: column 1/span 6;
  }
  .card-grid .card-grid__wrapper {
    grid-column: column 1/span 6;
  }
  .card-grid .call-card {
    grid-column: 1/3;
  }
  .card-grid .card-grid__title-wrapper .card-grid__title-container {
    align-items: flex-end;
    flex-direction: row;
  }
  .card-grid .card-grid__title-wrapper .card-grid__title-container .button--secondary {
    padding-inline-start: 1rem;
  }
}
@media (min-width: 800px) {
  .card-grid .card-grid__cards {
    grid-template-columns: repeat(2, 1fr);
  }
  .card-grid .card-grid__text-wrapper,
  .card-grid .card-grid__title-wrapper,
  .card-grid .card-grid__pagination {
    grid-column: column 1/span 12;
  }
  .card-grid .card-grid__wrapper {
    grid-column: column 1/span 12;
  }
  .card-grid .call-card__image-mobile {
    display: none;
  }
}
@media (min-width: 1180px) {
  .card-grid .card-grid__cards {
    grid-template-columns: repeat(3, 1fr);
  }
  .card-grid .card-grid__text-wrapper,
  .card-grid .card-grid__pagination {
    grid-column: column 1/span 12;
  }
  .card-grid .card-grid__title-wrapper {
    grid-column: column 1/span 12;
    padding-inline-start: var(--grid-padding);
  }
  .card-grid .card-grid__introduction-wrapper {
    grid-column: column 1/span 6;
  }
  .card-grid .card-grid__wrapper {
    grid-column: column 1/span 12;
  }
  .card-grid .call-card__image-mobile {
    display: none;
  }
  .card-grid .call-card {
    grid-column: 1/4;
  }
}
@media (min-width: 1480px) {
  .card-grid .card-grid__cards {
    grid-template-columns: repeat(4, 1fr);
  }
  .card-grid .card-grid__text-wrapper,
  .card-grid .card-grid__title-wrapper,
  .card-grid .card-grid__pagination {
    grid-column: column 2/span 12;
  }
  .card-grid .card-grid__introduction-wrapper {
    grid-column: column 2/span 6;
    padding-inline-start: 0;
  }
  .card-grid .card-grid__title-wrapper {
    padding-inline-start: 0;
  }
  .card-grid .card-grid__wrapper {
    grid-column: column 1/span 14;
  }
  .card-grid .call-card {
    grid-column: 3/5;
  }
  .card-grid.call-card__desktop-three-fourth {
    grid-column-start: 2;
  }
}
@media (min-width: 2260px) {
  .card-grid .card-grid__text-wrapper,
  .card-grid .card-grid__title-wrapper,
  .card-grid .card-grid__pagination {
    grid-column: column 3/span 12;
  }
  .card-grid .card-grid__wrapper {
    grid-column: column 1/span 16;
  }
  .card-grid .call-card {
    grid-column: 2/5;
  }
}

.card-grid--default .card-grid__cards .card {
  border-block-end: 1px solid currentcolor;
}
.card-grid--default .card-grid__cards .card:first-child {
  border-block-start: 1px solid currentcolor;
}
@media (min-width: 530px) and (max-width: 799px) {
  .card-grid--default .card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(1), .card-grid--default .card-grid__cards .card:nth-child(2) {
    border-block-start: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(2n+2) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 800px) and (max-width: 1179px) {
  .card-grid--default .card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(1), .card-grid--default .card-grid__cards .card:nth-child(2) {
    border-block-start: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(2n+2) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 1180px) and (max-width: 1479px) {
  .card-grid--default .card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(1), .card-grid--default .card-grid__cards .card:nth-child(2), .card-grid--default .card-grid__cards .card:nth-child(3) {
    border-block-start: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(3n+2), .card-grid--default .card-grid__cards .card:nth-child(3n+3) {
    border-inline-start-width: 0;
  }
  .card-grid--default .card-grid__cards .card:nth-child(3n+3) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 1480px) and (max-width: 2259px) {
  .card-grid--default .card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(1), .card-grid--default .card-grid__cards .card:nth-child(2), .card-grid--default .card-grid__cards .card:nth-child(3), .card-grid--default .card-grid__cards .card:nth-child(4) {
    border-block-start: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(4n+2), .card-grid--default .card-grid__cards .card:nth-child(4n+3), .card-grid--default .card-grid__cards .card:nth-child(4n+4) {
    border-inline-start-width: 0;
  }
  .card-grid--default .card-grid__cards .card:nth-child(4n+4) {
    border-inline-end-width: 0;
  }
  .card-grid--default .call-card__image {
    display: none;
  }
}
@media (min-width: 2260px) {
  .card-grid--default .card-grid__cards {
    grid-template-columns: repeat(5, 1fr);
  }
  .card-grid--default .card-grid__cards .card {
    border-block-end: 1px solid currentcolor;
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(1), .card-grid--default .card-grid__cards .card:nth-child(2), .card-grid--default .card-grid__cards .card:nth-child(3), .card-grid--default .card-grid__cards .card:nth-child(4), .card-grid--default .card-grid__cards .card:nth-child(5) {
    border-block-start: 1px solid currentcolor;
  }
  .card-grid--default .card-grid__cards .card:nth-child(5n+2), .card-grid--default .card-grid__cards .card:nth-child(5n+3), .card-grid--default .card-grid__cards .card:nth-child(5n+4), .card-grid--default .card-grid__cards .card:nth-child(5n+5) {
    border-inline-start-width: 0;
  }
  .card-grid--default .card-grid__cards .card:nth-child(5n+5) {
    border-inline-end-width: 0;
  }
}

.card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .call-card {
  border-block-end: 1px solid currentcolor;
}
@media (min-width: 530px) {
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(2n+7) {
    border-inline-end: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(2n+8) {
    border-inline-end: 1px solid currentcolor;
  }
}
@media (min-width: 1180px) {
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(3n+8), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(3n+9) {
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(3n+10) {
    border-inline-end-width: 0;
  }
}
@media (min-width: 1480px) and (max-width: 2259px) {
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(4n+8), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(4n+9), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(4n+10) {
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(4n+11) {
    border-inline-end-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-desktop-full .card-grid__cards .card {
    border-block-end-width: 0;
  }
}
@media (min-width: 2260px) {
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .call-card {
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(5n+9), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(5n+10), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(5n+11), .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(5n+12) {
    border-inline-end-width: 1px;
    border-inline-start-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(8) {
    border-inline-end-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call .card-grid__cards .card:nth-child(5n+13) {
    border-inline-end-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .call-card {
    border-block-end: 1px solid currentcolor;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card {
    border-block-start-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(1), .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(3) {
    border-block-start-width: 1px;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(3) {
    border-inline-end-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(5n+4), .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(5n+5), .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(5n+6) {
    border-inline-end: 1px solid currentcolor;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list.card-grid__cards .card:nth-child(5n+11) {
    border-inline-end-width: 0;
  }
  .card-grid:not(.card-grid--highlights).card-grid--open-call.card-grid--open-call-short-list .call-card__desktop-xl {
    border-block-end-width: 0;
    border-block-start: 1px solid currentcolor;
  }
}

.button-list {
  outline: 1px solid #000;
  position: relative;
}
.button-list .button-list__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.button-list .button-list__wrapper {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  grid-column: column 1/span 4;
  padding-block: calc(var(--block-margin) * 1.5) calc(var(--block-margin) * 1.5);
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
.button-list .button-list__wrapper:first-child:not(:last-child) {
  padding-block-end: 0;
}
.button-list .button-list__wrapper + .button-list__wrapper {
  padding-block-start: 0;
}
.button-list .button-list__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: 2rem;
}
html:lang(ar) .button-list .button-list__title:not(:not(:lang(ar))), html:not(:lang(ar)) .button-list .button-list__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.button-list .button-list__subtitle p {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .button-list .button-list__subtitle p:not(:not(:lang(ar))), html:not(:lang(ar)) .button-list .button-list__subtitle p[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.button-list .button-list__action-button {
  margin-block-start: 30px;
}
.button-list .button-list__buttons {
  font-size: 0;
  padding-block-start: 1px;
  padding-inline-start: 1px;
}
.button-list .button-list__buttons .button {
  background-color: transparent;
  border-color: var(--color-black);
  color: var(--color-black);
  margin-block-start: -1px;
  margin-inline-start: -1px;
  max-width: 100%;
  min-width: 0;
}
.button-list .button-list__buttons .button:hover, .button-list .button-list__buttons .button:focus {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.button-list .button-list__buttons .button .button__span {
  height: auto;
  line-height: inherit;
  overflow: visible;
  text-align: initial;
  text-overflow: initial;
  white-space: normal;
}
.button-list.button-list--theme-white {
  background-color: var(--color-white);
  color: var(--color-black);
}
.button-list.button-list--theme-blue {
  background-color: var(--color-blue);
  color: var(--color-black);
}
.button-list.button-list--theme-yellow {
  background-color: var(--color-yellow);
  color: var(--color-black);
}
.button-list.button-list--theme-orange {
  background-color: var(--color-orange);
  color: var(--color-black);
}
.button-list.button-list--theme-magenta {
  background-color: var(--color-magenta);
  color: var(--color-black);
}
.button-list.button-list--theme-grey {
  background-color: var(--color-grey);
  color: var(--color-white);
}
.button-list.button-list--theme-grey .button {
  background-color: transparent;
  border-color: var(--color-white);
  color: var(--color-white);
}
.button-list.button-list--theme-grey .button:hover, .button-list.button-list--theme-grey .button:focus {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-black);
}
@media (min-width: 530px) {
  .button-list .button-list__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .button-list .button-list__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .button-list .button-list__wrapper {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .button-list .button-list__wrapper {
    grid-column: column 2/span 12;
  }
}
@media (min-width: 2260px) {
  .button-list .button-list__wrapper {
    grid-column: column 3/span 12;
  }
}

.button-list--default .button-list__buttons .button {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  line-height: var(--heading-3-line-height);
  padding-block: 0.45em 0.45em;
}
html:lang(ar) .button-list--default .button-list__buttons .button:not(:not(:lang(ar))), html:not(:lang(ar)) .button-list--default .button-list__buttons .button[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}

.button-list--large .button {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  padding-block: 0.1em 0.1em;
}
html:lang(ar) .button-list--large .button:not(:not(:lang(ar))), html:not(:lang(ar)) .button-list--large .button[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}

.button-list--subsite .button-list__title {
  color: var(--color-white);
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: -0.09rem;
  line-height: 1.133em;
  margin-block-end: 2rem !important;
  text-decoration: none !important;
}
[dir=rtl] .button-list--subsite .button-list__title {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 2rem;
}
@media (min-width: 800px) {
  .button-list--subsite .button-list__title {
    font-size: 2.25rem;
  }
  [dir=rtl] .button-list--subsite .button-list__title {
    font-size: 2.375rem;
  }
}
.button-list--subsite .button {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 0 !important;
  font-size: 1.625rem !important;
  font-weight: 400 !important;
  line-height: 1.0769em !important;
  margin-block: -1px 0 !important;
  margin-inline: -1px 0 !important;
  padding-block: var(--grid-padding) var(--grid-padding) !important;
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1) !important;
  text-transform: uppercase !important;
}
[dir=rtl] .button-list--subsite .button {
  font-family: "'DIN Next LT Arabic Webfont'", "Helvetica Neue Condensed", "Helvetica Condensed", "Arial Narrow", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
  font-size: 1.75rem !important;
}
@media (min-width: 800px) {
  .button-list--subsite .button {
    font-size: 1.875rem !important;
    line-height: 1em !important;
  }
  [dir=rtl] .button-list--subsite .button {
    font-size: 2rem !important;
  }
}
.button-list--subsite.button-list--theme-grey {
  background-color: var(--color-grey) !important;
  color: var(--color-white) !important;
}
.button-list--subsite.button-list--theme-grey .button {
  background-color: transparent;
  border-color: var(--color-white) !important;
  color: var(--color-white) !important;
}
.button-list--subsite.button-list--theme-grey .button:hover, .button-list--subsite.button-list--theme-grey .button:focus {
  background-color: var(--color-white);
  border-color: var(--color-white);
  color: var(--color-grey) !important;
}

.button-list--featured-image .button-list__title {
  color: var(--color-white);
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 0;
  font-size: 1.875rem;
  font-weight: 300;
  letter-spacing: -0.09rem;
  line-height: 1.133em;
  margin-block-end: 2rem !important;
  text-decoration: none !important;
}
[dir=rtl] .button-list--featured-image .button-list__title {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
  font-size: 2rem;
}
@media (min-width: 800px) {
  .button-list--featured-image .button-list__title {
    font-size: 2.25rem;
  }
  [dir=rtl] .button-list--featured-image .button-list__title {
    font-size: 2.375rem;
  }
}
.button-list--featured-image .button-list__wrapper:last-child {
  padding-block-start: calc(var(--block-margin));
}
.button-list--featured-image .button-list__wrapper .button {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 0 !important;
  font-size: 1.625rem !important;
  font-weight: 400 !important;
  line-height: 1.0769em !important;
  margin-block: -1px 0 !important;
  margin-inline: -1px 0 !important;
  padding-block: var(--grid-padding) var(--grid-padding) !important;
  padding-inline: calc(var(--grid-padding) * 1) calc(var(--grid-padding) * 1) !important;
  text-transform: uppercase !important;
}
[dir=rtl] .button-list--featured-image .button-list__wrapper .button {
  font-family: "'DIN Next LT Arabic Webfont'", "Helvetica Neue Condensed", "Helvetica Condensed", "Arial Narrow", "Helvetica Neue", "Helvetica", "Arial", sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
  font-size: 1.75rem !important;
}
@media (min-width: 800px) {
  .button-list--featured-image .button-list__wrapper .button {
    font-size: 1.875rem !important;
    line-height: 1em !important;
  }
  [dir=rtl] .button-list--featured-image .button-list__wrapper .button {
    font-size: 2rem !important;
  }
}
.button-list--featured-image .button-list__featured-wrapper {
  grid-column: column 1/span 4;
  padding-block: calc(var(--block-margin) * 0.575) 0;
  padding-inline: calc(var(--grid-padding) * 1.5) calc(var(--grid-padding) * 1.5);
}
@media (min-width: 530px) {
  .button-list--featured-image .button-list__featured-wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .button-list--featured-image .button-list__featured-wrapper {
    grid-column: column 1/span 9;
  }
}
@media (min-width: 1180px) {
  .button-list--featured-image .button-list__featured-wrapper {
    grid-column: column 1/span 9;
  }
}
@media (min-width: 1480px) {
  .button-list--featured-image .button-list__featured-wrapper {
    grid-column: column 2/span 9;
  }
}
@media (min-width: 2260px) {
  .button-list--featured-image .button-list__featured-wrapper {
    grid-column: column 3/span 9;
  }
}
.button-list--featured-image .composition-card__title {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: '"kern" 1', '"ss01" 0' !important;
  font-size: 1.25rem !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
}
[dir=rtl] .button-list--featured-image .composition-card__title {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: "kern" 1, "ss01" 1 !important;
  font-size: 1.375rem !important;
}
@media (min-width: 800px) {
  .button-list--featured-image .composition-card__title {
    font-size: 1.5rem !important;
  }
  [dir=rtl] .button-list--featured-image .composition-card__title {
    font-size: 1.625rem !important;
  }
}
.button-list--featured-image .composition-card__button-wrapper .button .button__span {
  font-family: 'DIN Next LT Pro Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-feature-settings: '"kern" 1', '"ss01" 0' !important;
  font-size: 1rem;
  font-weight: 300;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}
.button-list--featured-image :lang(ar) .composition-card__button-wrapper .button .button__span {
  font-family: 'DIN Next LT Arabic Webfont', Helvetica Neue Condensed, Helvetica Condensed, Arial Narrow, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-feature-settings: "kern" 1, "ss01" 1;
}
.button-list--featured-image.button-list--theme-grey .button-list__title {
  color: var(--color-white);
}

.bare-header {
  position: relative;
}
.bare-header .bare-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.bare-header .bare-header__title-wrapper {
  grid-column: column 1/span 4;
  position: relative;
}
.bare-header .bare-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block: calc(var(--grid-padding) * 2) calc(var(--heading-1-line-height) / 2);
  padding-inline: var(--grid-padding) var(--grid-padding);
  text-transform: uppercase;
}
html:lang(ar) .bare-header .bare-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .bare-header .bare-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
@media (min-width: 530px) {
  .bare-header .bare-header__title-wrapper {
    grid-column: column 1/span 4;
  }
}
@media (min-width: 800px) {
  .bare-header .bare-header__title-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 1180px) {
  .bare-header .bare-header__title-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 1480px) {
  .bare-header .bare-header__title-wrapper {
    grid-column: column 2/span 9;
  }
}
@media (min-width: 2260px) {
  .bare-header .bare-header__title-wrapper {
    grid-column: column 3/span 10;
  }
}

.article-video-introtext {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-video-introtext .article-video-introtext__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-video-introtext .article-video-introtext__flex-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
}
.article-video-introtext .article-video-introtext__video {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.article-video-introtext .article-video-introtext__video .richtext--caption {
  padding-inline: var(--caption-margin-bottom) var(--caption-margin-bottom);
}
.article-video-introtext .richtext--introduction {
  flex-direction: column;
  margin: 2rem 0;
  padding: 0 0.625rem;
}
.article-video-introtext.article-video-introtext--reverse .article-video-introtext__flex-wrapper {
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .article-video-introtext {
    padding: 0 15px;
  }
  .article-video-introtext .article-video-introtext__flex-wrapper {
    flex-direction: row;
  }
  .article-video-introtext .article-video-introtext__video {
    margin-inline-end: 1rem;
    width: 58%;
  }
  .article-video-introtext .article-video-introtext__video .richtext--caption {
    padding-inline: 0 0;
  }
  .article-video-introtext .richtext--introduction {
    padding: 0 1rem;
    width: 42%;
  }
  .article-video-introtext.article-video-introtext--reverse .article-video-introtext__video {
    margin-inline: 1rem 0;
  }
  .article-video-introtext.article-video-introtext--reverse .article-video-introtext__flex-wrapper {
    flex-direction: row;
  }
}

.article-video-embed {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-video-embed .video-embed {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-video-embed .video-embed__container::after {
  border-color: var(--color-black);
  border-style: solid;
  border-width: 1px;
  content: "";
  display: block;
  height: 100%;
  left: var(--grid-padding);
  position: absolute;
  top: 0;
  width: calc(100% - (var(--grid-padding) * 2));
}
.article-video-embed .video-embed__picture,
.article-video-embed .video-embed__caption {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-video-embed .video-embed__container,
.article-video-embed .video-embed__caption {
  grid-column: column 1/span 4;
}
@media (min-width: 530px) {
  .article-video-embed .video-embed__container,
  .article-video-embed .video-embed__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-video-embed .video-embed__container,
  .article-video-embed .video-embed__caption {
    grid-column: column 2/span 9;
  }
}
@media (min-width: 1180px) {
  .article-video-embed .video-embed__container,
  .article-video-embed .video-embed__caption {
    grid-column: column 3/span 8;
  }
}
@media (min-width: 1480px) {
  .article-video-embed .video-embed__container,
  .article-video-embed .video-embed__caption {
    grid-column: column 4/span 8;
  }
}
@media (min-width: 2260px) {
  .article-video-embed .video-embed__container,
  .article-video-embed .video-embed__caption {
    grid-column: column 5/span 8;
  }
}

.article-video-bodytext {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-video-bodytext .article-video-bodytext__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-video-bodytext .article-video-bodytext__flex-wrapper {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
}
.article-video-bodytext .article-video-bodytext__video {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.article-video-bodytext .article-video-bodytext__video .richtext--caption {
  padding-inline: var(--caption-margin-bottom) var(--caption-margin-bottom);
}
.article-video-bodytext .richtext--regular {
  flex-direction: column;
  margin: 2rem 0;
  padding: 0 0.625rem;
}
.article-video-bodytext.article-video-bodytext--reverse .article-video-bodytext__flex-wrapper {
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .article-video-bodytext {
    padding: 0 15px;
  }
  .article-video-bodytext .article-video-bodytext__flex-wrapper {
    flex-direction: row;
  }
  .article-video-bodytext .article-video-bodytext__video {
    margin-inline-end: 1rem;
    width: 50%;
  }
  .article-video-bodytext .article-video-bodytext__video .richtext--caption {
    padding-inline: 0 0;
  }
  .article-video-bodytext .richtext--regular {
    margin: 0;
    margin-inline-start: 8.3333333333%;
    padding: 0 1rem;
    width: 41.6666666667%;
  }
  .article-video-bodytext.article-video-bodytext--reverse .article-video-bodytext__video {
    margin-inline: 1rem 0;
  }
  .article-video-bodytext.article-video-bodytext--reverse .article-video-bodytext__flex-wrapper {
    flex-direction: row;
  }
  .article-video-bodytext.article-video-bodytext--reverse .richtext--regular {
    margin-inline: 0 8.3333333333%;
    padding: 0;
  }
}

.article-transcription .transcription-block .transcription-block__grid {
  border-block-end: none;
  margin-block: var(--block-margin) var(--block-margin);
  padding-block-end: 0;
}

.article-timeline-display {
  position: relative;
}
.article-timeline-display .article-timeline-display__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-timeline-display .article-timeline-display__title-wrapper,
.article-timeline-display .article-timeline-display__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-timeline-display .article-timeline-display__title {
  color: var(--heading-4-color, currentColor);
  font-family: var(--heading-4-font-family);
  font-feature-settings: var(--heading-4-font-feature-settings);
  font-size: var(--heading-4-font-size);
  font-style: var(--heading-4-font-style);
  font-variant: var(--heading-4-font-variant);
  font-weight: var(--heading-4-font-weight);
  letter-spacing: var(--heading-4-letter-spacing);
  line-height: var(--heading-4-line-height);
  -webkit-text-decoration: var(--heading-4-text-decoration);
          text-decoration: var(--heading-4-text-decoration);
  text-decoration-thickness: var(--heading-4-text-decoration-thickness);
  text-transform: var(--heading-4-text-transform);
  text-underline-offset: var(--heading-4-text-underline-offset);
  word-spacing: var(--heading-4-word-spacing);
  padding-block: var(--heading-4-padding-top) var(--heading-4-padding-bottom);
  text-decoration: none;
}
html:lang(ar) .article-timeline-display .article-timeline-display__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-timeline-display .article-timeline-display__title[lang=ar] {
  font-family: var(--heading-4-ar-font-family);
  font-feature-settings: var(--heading-4-ar-font-feature-settings);
  font-size: var(--heading-4-ar-font-size);
  font-style: var(--heading-4-ar-font-style);
  font-variant: var(--heading-4-ar-font-variant);
  font-weight: var(--heading-4-ar-font-weight);
  letter-spacing: var(--heading-4-ar-letter-spacing);
  line-height: var(--heading-4-ar-line-height);
  text-transform: var(--heading-4-ar-text-transform);
  word-spacing: var(--heading-4-ar-word-spacing);
}
.article-timeline-display .article-timeline-display__title-description {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-timeline-display .article-timeline-display__title-description:not(:not(:lang(ar))), html:not(:lang(ar)) .article-timeline-display .article-timeline-display__title-description[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-timeline-display .article-timeline-display__table-title,
.article-timeline-display .article-timeline-display__richtext {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  padding-block-end: calc(var(--grid-padding) * 0.5);
}
html:lang(ar) .article-timeline-display .article-timeline-display__table-title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-timeline-display .article-timeline-display__table-title[lang=ar],
html:lang(ar) .article-timeline-display .article-timeline-display__richtext:not(:not(:lang(ar))),
html:not(:lang(ar)) .article-timeline-display .article-timeline-display__richtext[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-timeline-display .article-timeline-display__table {
  margin-block-start: calc(var(--grid-padding) * 1.5);
}
.article-timeline-display .article-timeline-display__table-content {
  border-collapse: separate;
  border-spacing: 0 calc(var(--grid-padding) * 0.7);
  padding-block-end: calc(var(--grid-padding) * 4);
}
.article-timeline-display .article-timeline-display__table-content-wrapper {
  margin: 0;
}
.article-timeline-display .article-timeline-display__date,
.article-timeline-display .article-timeline-display__description {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .article-timeline-display .article-timeline-display__date:not(:not(:lang(ar))), html:not(:lang(ar)) .article-timeline-display .article-timeline-display__date[lang=ar],
html:lang(ar) .article-timeline-display .article-timeline-display__description:not(:not(:lang(ar))),
html:not(:lang(ar)) .article-timeline-display .article-timeline-display__description[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.article-timeline-display .article-timeline-display__date {
  padding-inline: 0 calc(var(--grid-padding) * 2);
  vertical-align: top;
}
.article-timeline-display .article-timeline-display__description {
  display: flex;
  flex-direction: column;
  gap: calc(var(--grid-padding) * 0.5);
  padding-inline-start: var(--grid-padding);
}
@media (min-width: 530px) {
  .article-timeline-display .article-timeline-display__title-wrapper,
  .article-timeline-display .article-timeline-display__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-timeline-display .article-timeline-display__title-wrapper,
  .article-timeline-display .article-timeline-display__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-timeline-display .article-timeline-display__title-wrapper,
  .article-timeline-display .article-timeline-display__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-timeline-display .article-timeline-display__title-wrapper,
  .article-timeline-display .article-timeline-display__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-timeline-display .article-timeline-display__title-wrapper,
  .article-timeline-display .article-timeline-display__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-smartify-embed {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-smartify-embed .smartify-embed {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-smartify-embed .smartify-embed__container,
.article-smartify-embed .smartify-embed__caption {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .article-smartify-embed .smartify-embed__container,
  .article-smartify-embed .smartify-embed__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-smartify-embed .smartify-embed__container,
  .article-smartify-embed .smartify-embed__caption {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-smartify-embed .smartify-embed__container,
  .article-smartify-embed .smartify-embed__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-smartify-embed .smartify-embed__container,
  .article-smartify-embed .smartify-embed__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-smartify-embed .smartify-embed__container,
  .article-smartify-embed .smartify-embed__caption {
    grid-column: column 6/span 6;
  }
}

.article-share-buttons {
  margin-block: calc(var(--block-margin) / 4) calc(var(--block-margin) / 4);
  position: relative;
}
.article-share-buttons .article-share-buttons__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-share-buttons .article-share-buttons__wrapper {
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding) var(--grid-padding);
  text-align: right;
}
.article-share-buttons .article-share-buttons__title {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  margin-block: 0.5rem 0.5rem;
}
html:lang(ar) .article-share-buttons .article-share-buttons__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-share-buttons .article-share-buttons__title[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.article-share-buttons .article-share-buttons__buttons {
  font-size: 0;
}
@media (min-width: 530px) {
  .article-share-buttons {
    margin-block: calc(var(--block-margin) * 0.25) calc(var(--block-margin) * 0.25);
  }
  .article-share-buttons .article-share-buttons__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
  }
  .article-share-buttons .article-share-buttons__title {
    line-height: 2.75rem;
    margin-block: 0 0;
    margin-inline-end: 1rem;
  }
}

.article-quote {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-quote .article-quote__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-quote .article-quote__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-quote .article-quote__text {
  color: var(--quote-color, currentColor);
  font-family: var(--quote-font-family);
  font-feature-settings: var(--quote-font-feature-settings);
  font-size: var(--quote-font-size);
  font-style: var(--quote-font-style);
  font-variant: var(--quote-font-variant);
  font-weight: var(--quote-font-weight);
  letter-spacing: var(--quote-letter-spacing);
  line-height: var(--quote-line-height);
  -webkit-text-decoration: var(--quote-text-decoration);
          text-decoration: var(--quote-text-decoration);
  text-decoration-thickness: var(--quote-text-decoration-thickness);
  text-transform: var(--quote-text-transform);
  text-underline-offset: var(--quote-text-underline-offset);
  word-spacing: var(--quote-word-spacing);
  padding-block: var(--quote-padding-top) var(--quote-padding-bottom);
  padding-inline-start: 0.5em;
  text-indent: -0.5em;
}
html:lang(ar) .article-quote .article-quote__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-quote .article-quote__text[lang=ar] {
  font-family: var(--quote-ar-font-family);
  font-feature-settings: var(--quote-ar-font-feature-settings);
  font-size: var(--quote-ar-font-size);
  font-style: var(--quote-ar-font-style);
  font-variant: var(--quote-ar-font-variant);
  font-weight: var(--quote-ar-font-weight);
  letter-spacing: var(--quote-ar-letter-spacing);
  line-height: var(--quote-ar-line-height);
  text-transform: var(--quote-ar-text-transform);
  word-spacing: var(--quote-ar-word-spacing);
}
.article-quote .article-quote__caption {
  display: inline-block;
  margin-block-start: 0.5em;
  padding-inline-start: calc(var(--quote-font-size) * 0.5);
}
@media (min-width: 530px) {
  .article-quote .article-quote__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-quote .article-quote__wrapper {
    grid-column: column 3/span 7;
  }
  .article-quote .article-quote__text {
    margin-inline-start: -0.5em;
  }
  .article-quote .article-quote__caption {
    margin-inline-start: 0;
    padding-inline-start: 0;
  }
}
@media (min-width: 1180px) {
  .article-quote .article-quote__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-quote .article-quote__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-quote .article-quote__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-photo-carousel {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-photo-carousel .article-photo-carousel__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  overflow: hidden;
}
.article-photo-carousel .article-photo-carousel__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.article-photo-carousel .article-photo-carousel__swiper-navigation-wrapper {
  left: var(--grid-padding);
  overflow: visible;
  pointer-events: none;
  position: relative;
  width: calc(100% - (var(--grid-padding) * 2));
  z-index: 100;
}
[dir=rtl] .article-photo-carousel .article-photo-carousel__swiper-navigation-wrapper {
  left: auto;
  right: var(--grid-padding);
}
.article-photo-carousel .swiper-container {
  overflow: visible;
  position: relative;
}
.article-photo-carousel .swiper-wrapper {
  align-items: stretch;
}
.article-photo-carousel .swiper-pagination {
  left: 0;
  pointer-events: initial;
  position: relative;
  top: 0;
  width: 100%;
}
[dir=rtl] .article-photo-carousel .swiper-pagination {
  left: auto;
  right: 0;
}
.article-photo-carousel .pagination-caption,
.article-photo-carousel .pagination-numbers {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  margin-block: var(--caption-margin-top) var(--caption-margin-bottom);
}
html:lang(ar) .article-photo-carousel .pagination-caption:not(:not(:lang(ar))), html:not(:lang(ar)) .article-photo-carousel .pagination-caption[lang=ar],
html:lang(ar) .article-photo-carousel .pagination-numbers:not(:not(:lang(ar))),
html:not(:lang(ar)) .article-photo-carousel .pagination-numbers[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.article-photo-carousel .swiper-navigation {
  pointer-events: initial;
  position: absolute;
  right: 0;
  top: -7px;
  width: 100%;
}
[dir=rtl] .article-photo-carousel .swiper-navigation {
  left: 0;
  right: auto;
}
@media (min-width: 800px) {
  .article-photo-carousel .swiper-navigation {
    right: -10px;
  }
}
@media (min-width: 1180px) {
  .article-photo-carousel .swiper-navigation {
    right: -6px;
  }
}
@media (min-width: 1480px) {
  .article-photo-carousel .swiper-navigation {
    right: -7px;
  }
}
@media (min-width: 2260px) {
  .article-photo-carousel .swiper-navigation {
    right: -10px;
  }
}
.article-photo-carousel .swiper-button-prev,
.article-photo-carousel .swiper-button-next {
  background: var(--color-white);
  border-color: var(--color-black);
  border-style: solid;
  border-width: 1px;
  color: var(--color-black);
  display: inline-block;
  font-size: 1.665rem;
  height: 3.33rem;
  line-height: 1rem;
  padding-block: 0.8325rem 0.8325rem;
  padding-inline: 0.8325rem 0.8325rem;
  transition: background-color var(--easing-default), color var(--easing-default);
  width: 3.33rem;
}
.article-photo-carousel .swiper-button-prev:hover, .article-photo-carousel .swiper-button-prev:focus,
.article-photo-carousel .swiper-button-next:hover,
.article-photo-carousel .swiper-button-next:focus {
  background-color: var(--color-black);
  color: var(--color-white);
}
.article-photo-carousel .swiper-button-prev {
  position: absolute;
  right: 3.33rem;
  top: -3.33rem;
}
[dir=rtl] .article-photo-carousel .swiper-button-prev {
  left: 3.33rem;
  right: auto;
}
.article-photo-carousel .swiper-button-next {
  border-inline-start-width: 0;
  left: auto;
  position: absolute;
  right: 0;
  top: -3.33rem;
}
[dir=rtl] .article-photo-carousel .swiper-button-next {
  left: 0;
  right: auto;
}
.article-photo-carousel .swiper-button-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.article-photo-carousel .figure {
  display: flex;
  flex: 0 1 100%;
  flex-direction: column;
}
.article-photo-carousel .picture::after {
  border-block-end: 1px solid currentcolor;
  border-block-start: 1px solid currentcolor;
  border-inline-end: 1px solid currentcolor;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}
.article-photo-carousel .figure__caption,
.article-photo-carousel .pagination-caption {
  background: var(--color-white);
  color: var(--color-black);
  min-height: 5rem;
  padding-inline-start: 50px;
  width: 100%;
}
@media (min-width: 1180px) {
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    min-height: 7rem;
  }
}
.article-photo-carousel .pagination-caption .richtext--caption {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-photo-carousel .figure__caption {
  opacity: 0;
  position: absolute;
}
.article-photo-carousel .pagination-numbers {
  left: 0;
  margin-block: 0 0;
  position: absolute;
  top: 0;
  width: auto;
}
[dir=rtl] .article-photo-carousel .pagination-numbers {
  left: auto;
  right: 0;
}
@media (min-width: 530px) {
  .article-photo-carousel .article-photo-carousel__wrapper {
    grid-column: column 1/span 6;
  }
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    padding-inline-start: 10%;
  }
}
@media (min-width: 800px) {
  .article-photo-carousel .article-photo-carousel__wrapper {
    grid-column: column 2/span 10;
  }
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    padding-inline: 10% 20%;
  }
  .article-photo-carousel .swiper-button-prev,
  .article-photo-carousel .swiper-button-next {
    top: -1px;
  }
}
@media (min-width: 1180px) {
  .article-photo-carousel .article-photo-carousel__wrapper {
    grid-column: column 2/span 10;
  }
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    padding-inline: 20% 20%;
  }
}
@media (min-width: 1480px) {
  .article-photo-carousel .article-photo-carousel__wrapper {
    grid-column: column 2/span 12;
  }
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    padding-inline: 25% 25%;
  }
}
@media (min-width: 2260px) {
  .article-photo-carousel .article-photo-carousel__wrapper {
    grid-column: column 3/span 12;
  }
  .article-photo-carousel .figure__caption,
  .article-photo-carousel .pagination-caption {
    padding-inline: 25% 25%;
  }
}

.article-photo {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-photo .figure {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-photo .picture,
.article-photo .figure__caption {
  padding-inline: var(--grid-padding) var(--grid-padding);
}

.article-photo--default .picture,
.article-photo--default .figure__caption {
  grid-column: column 1/span 4;
}
@media (min-width: 530px) {
  .article-photo--default .picture,
  .article-photo--default .figure__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-photo--default .picture,
  .article-photo--default .figure__caption {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-photo--default .picture,
  .article-photo--default .figure__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-photo--default .picture,
  .article-photo--default .figure__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-photo--default .picture,
  .article-photo--default .figure__caption {
    grid-column: column 6/span 6;
  }
}

.article-photo--align-left .picture,
.article-photo--align-left .figure__caption {
  grid-column: column 1/span 4;
}
@media (min-width: 530px) {
  .article-photo--align-left .picture,
  .article-photo--align-left .figure__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-photo--align-left .picture {
    grid-column: column 1/span 9;
  }
  .article-photo--align-left .figure__caption {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-photo--align-left .picture {
    grid-column: column 1/span 9;
  }
  .article-photo--align-left .figure__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-photo--align-left .picture {
    grid-column: column 1/span 10;
  }
  .article-photo--align-left .figure__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-photo--align-left .picture {
    grid-column: column 1/span 11;
  }
  .article-photo--align-left .figure__caption {
    grid-column: column 6/span 6;
  }
}

.article-photo--align-right .picture,
.article-photo--align-right .figure__caption {
  grid-column: column 1/span 4;
}
@media (min-width: 530px) {
  .article-photo--align-right .picture,
  .article-photo--align-right .figure__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-photo--align-right .picture {
    grid-column: column 4/span 9;
  }
  .article-photo--align-right .figure__caption {
    grid-column: column 4/span 7;
  }
}
@media (min-width: 1180px) {
  .article-photo--align-right .picture {
    grid-column: column 4/span 9;
  }
  .article-photo--align-right .figure__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-photo--align-right .picture {
    grid-column: column 5/span 10;
  }
  .article-photo--align-right .figure__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-photo--align-right .picture {
    grid-column: column 6/span 11;
  }
  .article-photo--align-right .figure__caption {
    grid-column: column 6/span 6;
  }
}

.article-photo--portrait .picture,
.article-photo--portrait .figure__caption {
  grid-column: column 1/span 3;
}
@media (min-width: 530px) {
  .article-photo--portrait .picture,
  .article-photo--portrait .figure__caption {
    grid-column: column 1/span 4;
  }
}
@media (min-width: 800px) {
  .article-photo--portrait .picture,
  .article-photo--portrait .figure__caption {
    grid-column: column 3/span 5;
  }
}
@media (min-width: 1180px) {
  .article-photo--portrait .picture,
  .article-photo--portrait .figure__caption {
    grid-column: column 4/span 4;
  }
}
@media (min-width: 1480px) {
  .article-photo--portrait .picture,
  .article-photo--portrait .figure__caption {
    grid-column: column 5/span 4;
  }
}
@media (min-width: 2260px) {
  .article-photo--portrait .picture,
  .article-photo--portrait .figure__caption {
    grid-column: column 6/span 4;
  }
}

.article-micrio-embed {
  position: relative;
}

.article-micrio-embed--regular {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  margin-block: -1px -1px;
}
.article-micrio-embed--regular .article-micrio-embed__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-micrio-embed--regular .article-micrio-embed__title-wrapper {
  grid-column: column 1/span 4;
  margin-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.article-micrio-embed--regular .article-micrio-embed__micrio-embed-wrapper {
  grid-column: column 1/span var(--grid-columns);
}
.article-micrio-embed--regular .article-micrio-embed__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: var(--heading-2-line-height);
}
html:lang(ar) .article-micrio-embed--regular .article-micrio-embed__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-micrio-embed--regular .article-micrio-embed__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.article-micrio-embed--regular .article-micrio-embed__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .article-micrio-embed--regular .article-micrio-embed__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-micrio-embed--regular .article-micrio-embed__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.article-micrio-embed--regular .micrio-embed__micrio {
  border-block-end: 1px solid var(--color-black);
  border-block-start: 1px solid var(--color-black);
  height: 80vh;
  margin-block: -1px -1px;
}
@media (min-width: 800px) {
  .article-micrio-embed--regular .micrio-embed__micrio {
    min-height: 60vh;
  }
}
@media (min-width: 800px) {
  .article-micrio-embed--regular .article-micrio-embed__title-wrapper {
    grid-column: column 1/span 8;
  }
}
@media (min-width: 1480px) {
  .article-micrio-embed--regular .article-micrio-embed__title-wrapper {
    grid-column: column 1/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 1);
  }
}
@media (min-width: 2260px) {
  .article-micrio-embed--regular .article-micrio-embed__title-wrapper {
    grid-column: column 1/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 1);
  }
}

.article-micrio-embed--standalone .micrio-embed__micrio {
  bottom: 0;
  height: calc(100vh - var(--menu-bar-height));
  position: fixed;
  width: 100%;
}
.article-micrio-embed--standalone .button--back {
  background-color: rgba(0, 0, 0, 0.55);
  bottom: 0;
  color: var(--color-white);
  left: 0;
  position: fixed;
  z-index: 30;
}
[dir=rtl] .article-micrio-embed--standalone .button--back {
  left: unset;
  right: 0;
}
.article-micrio-embed--standalone .button--back:hover {
  background-color: rgba(0, 0, 0, 0.55);
  color: var(--color-white);
  text-decoration: underline;
}

.article-links {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-links .article-links__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-links .article-links__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-links .article-links__title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .article-links .article-links__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-links .article-links__title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-links .article-links__links {
  list-style: none;
  padding-inline: 0;
}
.article-links .article-links__link {
  display: inline-block;
  margin-inline-end: 1.5rem;
}
.article-links .link {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
}
html:lang(ar) .article-links .link:not(:not(:lang(ar))), html:not(:lang(ar)) .article-links .link[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.article-links .link .link__icon--before {
  margin-inline-end: 0.25em;
}
@media (min-width: 530px) {
  .article-links .article-links__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-links .article-links__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-links .article-links__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-links .article-links__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-links .article-links__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-introduction {
  border-block-end: var(--grid-border);
  position: relative;
}
.article-introduction .article-introduction__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-introduction .article-introduction__wrapper {
  grid-column: column 1/span 4;
  padding-block: var(--block-margin) var(--block-margin);
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-introduction .article-introduction__buttons {
  padding-block-start: 2rem;
}
@media (min-width: 530px) {
  .article-introduction .article-introduction__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-introduction .article-introduction__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-introduction .article-introduction__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-introduction .article-introduction__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-introduction .article-introduction__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-introduction--theme-branded {
  background-color: var(--branded-background, transparent);
  border-color: var(--branded-foreground, inherit);
  color: var(--branded-foreground, inherit);
}
.article-introduction--theme-branded .richtext--introduction {
  color: var(--branded-foreground, inherit);
}

.article-image-introtext {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-image-introtext .article-image-introtext__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-image-introtext .picture {
  height: -moz-fit-content;
  height: fit-content;
}
.article-image-introtext .article-image-introtext__flex-wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
}
.article-image-introtext .article-image-introtext__figure {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.article-image-introtext .article-image-introtext__figure .richtext--caption {
  padding-inline: var(--caption-margin-bottom) var(--caption-margin-bottom);
}
.article-image-introtext .richtext--introduction {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  flex-direction: column;
  margin: 2rem 0.625rem;
}
html:lang(ar) .article-image-introtext .richtext--introduction:not(:not(:lang(ar))), html:not(:lang(ar)) .article-image-introtext .richtext--introduction[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.article-image-introtext.article-image-introtext--reverse .article-image-introtext__flex-wrapper {
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
  .article-image-introtext {
    padding: 0 1rem;
  }
  .article-image-introtext .article-image-introtext__flex-wrapper {
    flex-direction: row;
  }
  .article-image-introtext .richtext--introduction {
    display: flex;
    margin: 1rem;
  }
  .article-image-introtext .article-image-introtext__figure .richtext--caption {
    padding-inline: 0 0;
  }
}
@media (min-width: 800px) and (min-width: 800px) {
  .article-image-introtext .article-image-introtext__figure {
    margin-inline-end: 1rem;
  }
}
@media (min-width: 800px) and (min-width: 800px) {
  .article-image-introtext.article-image-introtext--reverse .article-image-introtext__figure {
    margin-inline: 1rem 0;
  }
}
@media (min-width: 800px) {
  .article-image-introtext.article-image-introtext--reverse .article-image-introtext__flex-wrapper {
    flex-direction: row;
  }
}

@media (min-width: 800px) {
  .article-image-introtext--medium .richtext--introduction {
    width: 50%;
  }
  .article-image-introtext--medium .article-image-introtext__figure {
    width: 50%;
  }
}

@media (min-width: 800px) {
  .article-image-introtext--large .richtext--introduction {
    width: 42%;
  }
  .article-image-introtext--large .article-image-introtext__figure {
    width: 58%;
  }
}

@media (min-width: 800px) {
  .article-image-introtext--small .richtext--introduction {
    padding: 8.3333333333%;
    width: 66.6666666667%;
  }
  .article-image-introtext--small .article-image-introtext__figure {
    width: 33.3333333333%;
  }
}
@media (min-width: 1480px) {
  .article-image-introtext--small .richtext--introduction {
    padding: 7.1428571429%;
    width: 71.4285714286%;
  }
  .article-image-introtext--small .article-image-introtext__figure {
    width: 28.5714285714%;
  }
}
@media (min-width: 2260px) {
  .article-image-introtext--small .richtext--introduction {
    padding: 6.25%;
    width: 75%;
  }
  .article-image-introtext--small .article-image-introtext__figure {
    width: 25%;
  }
}

.article-image-bodytext {
  margin-block: var(--block-margin) var(--block-margin);
  padding: 0 15px;
  position: relative;
}
.article-image-bodytext .article-image-bodytext__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-image-bodytext .picture {
  height: -moz-fit-content;
  height: fit-content;
}
.article-image-bodytext .article-image-bodytext__flex-wrapper {
  display: flex;
  flex-direction: column;
  grid-column: column 1/span var(--grid-columns);
}
.article-image-bodytext .article-image-bodytext__figure {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 66.6666666667%;
}
.article-image-bodytext .richtext--regular {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  flex-direction: column;
  margin: 2rem 0;
}
html:lang(ar) .article-image-bodytext .richtext--regular:not(:not(:lang(ar))), html:not(:lang(ar)) .article-image-bodytext .richtext--regular[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.article-image-bodytext.article-image-bodytext--reverse .article-image-bodytext__flex-wrapper {
  flex-direction: column-reverse;
}
.article-image-bodytext.article-image-bodytext--reverse .article-image-bodytext__figure {
  align-self: flex-end;
}
@media (min-width: 800px) {
  .article-image-bodytext .article-image-bodytext__flex-wrapper {
    flex-direction: row;
  }
  .article-image-bodytext .richtext--regular {
    margin: 0;
  }
  .article-image-bodytext.article-image-bodytext--reverse .article-image-bodytext__flex-wrapper {
    flex-direction: row;
  }
  .article-image-bodytext.article-image-bodytext--reverse .article-image-bodytext__figure {
    align-self: flex-start;
  }
}

@media (min-width: 800px) {
  .article-image-bodytext--large .richtext--regular {
    margin-inline-start: 8.3333333333%;
    width: 41.6666666667%;
  }
  .article-image-bodytext--large .article-image-bodytext__figure {
    width: 50%;
  }
  .article-image-bodytext--large.article-image-bodytext--reverse .richtext--regular {
    margin-inline: 0 8.3333333333%;
    padding: 0;
  }
}

@media (min-width: 800px) {
  .article-image-bodytext--small .richtext--regular {
    margin-inline-start: 16.6666666667%;
    width: 50%;
  }
  .article-image-bodytext--small .article-image-bodytext__figure {
    width: 33.3333333333%;
  }
  .article-image-bodytext--small.article-image-bodytext--reverse .richtext--regular {
    margin-inline: 0 16.6666666667%;
    padding: 0;
  }
}

.article-iframe-embed {
  margin: var(--block-margin) 0;
  position: relative;
}
.article-iframe-embed .article-iframe-embed__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-iframe-embed .article-iframe-embed__wrapper {
  grid-column: column 1/span var(--grid-columns);
}
.article-iframe-embed .iframe-embed:not(.iframe-embed--cookies-not-accepted) .iframe-embed__iframe {
  aspect-ratio: 1/2;
  max-height: 85vh;
}
@media (min-width: 800px) {
  .article-iframe-embed .article-iframe-embed__wrapper {
    grid-column: column 2/span calc(var(--grid-columns) - 2);
  }
}

.article-hubspot-embed {
  margin: var(--block-margin) 0;
  position: relative;
}
.article-hubspot-embed .article-hubspot-embed__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-hubspot-embed .article-hubspot-embed__wrapper {
  grid-column: column 1/span var(--grid-columns);
}
@media (min-width: 800px) {
  .article-hubspot-embed .article-hubspot-embed__wrapper {
    grid-column: column 2/span calc(var(--grid-columns) - 2);
  }
}

.article-header-biography {
  position: relative;
}
.article-header-biography .article-header-biography__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  padding-block-start: calc(var(--grid-padding) * 8);
}
.article-header-biography .article-header-biography__image-container,
.article-header-biography .article-header-biography__content {
  grid-column: column 1/span var(--grid-columns);
  padding-inline: var(--grid-padding);
}
.article-header-biography .article-header-biography__image-wrapper {
  aspect-ratio: 3/4;
  position: relative;
}
.article-header-biography .article-header-biography__metadata-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-block-start: var(--grid-padding);
}
.article-header-biography .article-header-biography__picture-caption {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  display: inline-flex;
  vertical-align: bottom;
}
html:lang(ar) .article-header-biography .article-header-biography__picture-caption:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__picture-caption[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.article-header-biography .article-header-biography__picture-caption .richtext--caption {
  display: inline-block;
  margin-block: 0 0;
  vertical-align: baseline;
}
.article-header-biography .article-header-biography__picture-caption .richtext--caption p {
  margin-block: 0 0;
}
.article-header-biography .article-header-biography__picture-caption .article-header-biography__picture-caption-icon {
  display: inline-block;
  flex: 0 0 var(--caption-line-height);
  height: var(--caption-line-height);
  margin-inline-start: -0.25em;
  vertical-align: top;
  width: var(--caption-line-height);
}
.article-header-biography .article-header-biography__picture-caption .article-header-biography__picture-caption-icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.article-header-biography .article-header-biography__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
}
html:lang(ar) .article-header-biography .article-header-biography__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
[dir=rtl] .article-header-biography .article-header-biography__title {
  padding-block-end: calc(var(--grid-padding) * 3);
}
.article-header-biography .article-header-biography__author {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .article-header-biography .article-header-biography__author:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__author[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
[dir=rtl] .article-header-biography .article-header-biography__author {
  padding-block-start: calc(var(--grid-padding) * 1);
}
.article-header-biography .article-header-biography__translator {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-header-biography .article-header-biography__translator:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__translator[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-header-biography .article-header-biography__description {
  padding-block-start: 0;
}
.article-header-biography .article-header-biography__text,
.article-header-biography .article-header-biography__pre-title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-header-biography .article-header-biography__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__text[lang=ar],
html:lang(ar) .article-header-biography .article-header-biography__pre-title:not(:not(:lang(ar))),
html:not(:lang(ar)) .article-header-biography .article-header-biography__pre-title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-header-biography .article-header-biography__pre-title-ar {
  color: var(--paragraph-ar-color, currentColor);
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  -webkit-text-decoration: var(--paragraph-ar-text-decoration);
          text-decoration: var(--paragraph-ar-text-decoration);
  text-decoration-thickness: var(--paragraph-ar-text-decoration-thickness);
  text-transform: var(--paragraph-ar-text-transform);
  text-underline-offset: var(--paragraph-ar-text-underline-offset);
  word-spacing: var(--paragraph-ar-word-spacing);
  padding-block: var(--paragraph-ar-padding-top) var(--paragraph-ar-padding-bottom);
}
html:lang(ar) .article-header-biography .article-header-biography__pre-title-ar:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header-biography .article-header-biography__pre-title-ar[lang=ar] {
  font-family: var(--paragraph-ar-ar-font-family);
  font-feature-settings: var(--paragraph-ar-ar-font-feature-settings);
  font-size: var(--paragraph-ar-ar-font-size);
  font-style: var(--paragraph-ar-ar-font-style);
  font-variant: var(--paragraph-ar-ar-font-variant);
  font-weight: var(--paragraph-ar-ar-font-weight);
  letter-spacing: var(--paragraph-ar-ar-letter-spacing);
  line-height: var(--paragraph-ar-ar-line-height);
  text-transform: var(--paragraph-ar-ar-text-transform);
  word-spacing: var(--paragraph-ar-ar-word-spacing);
}
.article-header-biography .article-header-biography__pre-title {
  display: flex;
  gap: calc(var(--grid-padding) * 2);
}
.article-header-biography .article-header-biography__author-container {
  padding-block-end: calc(var(--grid-padding) * 8);
}
.article-header-biography .article-header-biography__overlay-button-container {
  padding-block-start: calc(var(--grid-padding) * 4);
}
@media (min-width: 800px) {
  .article-header-biography .article-header-biography__image-container {
    grid-column: column 1/span 6;
    padding-inline: calc(var(--grid-padding) * 10);
  }
  .article-header-biography .article-header-biography__content {
    grid-column: column 7/span 6;
  }
}
@media (min-width: 1480px) {
  .article-header-biography .article-header-biography__image-container {
    grid-column: column 2/span 6;
  }
  .article-header-biography .article-header-biography__content {
    grid-column: column 8/span 6;
  }
}
@media (min-width: 2260px) {
  .article-header-biography .article-header-biography__image-container {
    grid-column: column 3/span 6;
  }
  .article-header-biography .article-header-biography__content {
    grid-column: column 10/span 6;
  }
}

.article-header {
  position: relative;
}
.article-header .article-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
  width: 100%;
}
.article-header .article-header__title-wrapper,
.article-header .article-header__metadata-wrapper {
  border-block-end: var(--grid-border);
  grid-column: column 1/span 4;
  padding-block: var(--grid-padding) var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.article-header .article-header__title-wrapper .button--back {
  transform: translate(calc(var(--grid-padding) * -1), calc(var(--grid-padding) * -1));
}
.article-header .article-header__pre-title {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-header .article-header__pre-title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__pre-title[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-header .article-header__author {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  padding-block: var(--grid-padding) calc(var(--grid-padding) * 0.5);
}
html:lang(ar) .article-header .article-header__author:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__author[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
[dir=rtl] .article-header .article-header__author {
  padding-block-start: var(--introduction-line-height);
}
.article-header .article-header__title {
  color: var(--heading-1-color, currentColor);
  font-family: var(--heading-1-font-family);
  font-feature-settings: var(--heading-1-font-feature-settings);
  font-size: var(--heading-1-font-size);
  font-style: var(--heading-1-font-style);
  font-variant: var(--heading-1-font-variant);
  font-weight: var(--heading-1-font-weight);
  letter-spacing: var(--heading-1-letter-spacing);
  line-height: var(--heading-1-line-height);
  -webkit-text-decoration: var(--heading-1-text-decoration);
          text-decoration: var(--heading-1-text-decoration);
  text-decoration-thickness: var(--heading-1-text-decoration-thickness);
  text-transform: var(--heading-1-text-transform);
  text-underline-offset: var(--heading-1-text-underline-offset);
  word-spacing: var(--heading-1-word-spacing);
  padding-block: var(--heading-1-padding-top) var(--heading-1-padding-bottom);
  margin-block-end: var(--heading-1-line-height);
}
html:lang(ar) .article-header .article-header__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__title[lang=ar] {
  font-family: var(--heading-1-ar-font-family);
  font-feature-settings: var(--heading-1-ar-font-feature-settings);
  font-size: var(--heading-1-ar-font-size);
  font-style: var(--heading-1-ar-font-style);
  font-variant: var(--heading-1-ar-font-variant);
  font-weight: var(--heading-1-ar-font-weight);
  letter-spacing: var(--heading-1-ar-letter-spacing);
  line-height: var(--heading-1-ar-line-height);
  text-transform: var(--heading-1-ar-text-transform);
  word-spacing: var(--heading-1-ar-word-spacing);
}
.article-header .article-header__subtitle {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  margin-block-end: var(--heading-2-line-height);
}
html:lang(ar) .article-header .article-header__subtitle:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__subtitle[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.article-header .article-header__text {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
}
html:lang(ar) .article-header .article-header__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__text[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.article-header .article-header__translator {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-header .article-header__translator:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__translator[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-header .article-header__overlay-button-container {
  padding-block-start: calc(var(--grid-padding) * 3);
}
.article-header .article-header__credits-wrapper {
  bottom: var(--grid-spacing);
  left: var(--grid-spacing);
  max-width: 70%;
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-header .article-header__credits-wrapper:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__credits-wrapper[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 530px) {
  .article-header .article-header__credits-wrapper {
    position: absolute;
  }
}
[dir=rtl] .article-header .article-header__credits-wrapper {
  left: unset;
  right: var(--grid-spacing);
}
.article-header .article-header__item {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block-start: calc(var(--grid-padding) * 4);
}
html:lang(ar) .article-header .article-header__item:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__item[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-header .article-header__item .article-header__item-label {
  color: var(--button-color, currentColor);
  font-family: var(--button-font-family);
  font-feature-settings: var(--button-font-feature-settings);
  font-size: var(--button-font-size);
  font-style: var(--button-font-style);
  font-variant: var(--button-font-variant);
  font-weight: var(--button-font-weight);
  letter-spacing: var(--button-letter-spacing);
  line-height: var(--button-line-height);
  -webkit-text-decoration: var(--button-text-decoration);
          text-decoration: var(--button-text-decoration);
  text-decoration-thickness: var(--button-text-decoration-thickness);
  text-transform: var(--button-text-transform);
  text-underline-offset: var(--button-text-underline-offset);
  word-spacing: var(--button-word-spacing);
  padding-block: var(--button-padding-top) var(--button-padding-bottom);
}
html:lang(ar) .article-header .article-header__item .article-header__item-label:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__item .article-header__item-label[lang=ar] {
  font-family: var(--button-ar-font-family);
  font-feature-settings: var(--button-ar-font-feature-settings);
  font-size: var(--button-ar-font-size);
  font-style: var(--button-ar-font-style);
  font-variant: var(--button-ar-font-variant);
  font-weight: var(--button-ar-font-weight);
  letter-spacing: var(--button-ar-letter-spacing);
  line-height: var(--button-ar-line-height);
  text-transform: var(--button-ar-text-transform);
  word-spacing: var(--button-ar-word-spacing);
}
@media (min-width: 800px) {
  .article-header .article-header__item .link__hover-container--default .link__icon--after,
  .article-header .article-header__item .link__hover-container--default .link__icon--before {
    display: none;
  }
}
.article-header .article-header__metadata-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.article-header .article-header__picture-caption {
  color: var(--caption-color, currentColor);
  font-family: var(--caption-font-family);
  font-feature-settings: var(--caption-font-feature-settings);
  font-size: var(--caption-font-size);
  font-style: var(--caption-font-style);
  font-variant: var(--caption-font-variant);
  font-weight: var(--caption-font-weight);
  letter-spacing: var(--caption-letter-spacing);
  line-height: var(--caption-line-height);
  -webkit-text-decoration: var(--caption-text-decoration);
          text-decoration: var(--caption-text-decoration);
  text-decoration-thickness: var(--caption-text-decoration-thickness);
  text-transform: var(--caption-text-transform);
  text-underline-offset: var(--caption-text-underline-offset);
  word-spacing: var(--caption-word-spacing);
  padding-block: var(--caption-padding-top) var(--caption-padding-bottom);
  display: inline-flex;
  vertical-align: bottom;
}
html:lang(ar) .article-header .article-header__picture-caption:not(:not(:lang(ar))), html:not(:lang(ar)) .article-header .article-header__picture-caption[lang=ar] {
  font-family: var(--caption-ar-font-family);
  font-feature-settings: var(--caption-ar-font-feature-settings);
  font-size: var(--caption-ar-font-size);
  font-style: var(--caption-ar-font-style);
  font-variant: var(--caption-ar-font-variant);
  font-weight: var(--caption-ar-font-weight);
  letter-spacing: var(--caption-ar-letter-spacing);
  line-height: var(--caption-ar-line-height);
  text-transform: var(--caption-ar-text-transform);
  word-spacing: var(--caption-ar-word-spacing);
}
.article-header .article-header__picture-caption .richtext--caption {
  display: inline-block;
  margin-block: 0 0;
  vertical-align: baseline;
}
.article-header .article-header__picture-caption .richtext--caption p {
  margin-block: 0 0;
}
.article-header .article-header__picture-caption .article-header__picture-caption-icon {
  display: inline-block;
  flex: 0 0 var(--caption-line-height);
  height: var(--caption-line-height);
  margin-inline-start: -0.25em;
  vertical-align: top;
  width: var(--caption-line-height);
}
.article-header .article-header__picture-caption .article-header__picture-caption-icon > svg {
  display: block;
  height: 100%;
  width: 100%;
}
.article-header .article-header__exhibition-labels {
  display: inline-block;
  font-size: 0;
  margin-block-end: calc((var(--grid-padding) + 1px) * -1);
  margin-inline-start: calc((var(--grid-padding) + 1px) * -1);
  vertical-align: bottom;
  width: auto;
}
.article-header .article-header__exhibition-labels .exhibition-label {
  border-inline-start-width: 0;
}
.article-header .article-header__image-wrapper .article-header__exhibition-labels {
  bottom: 0;
  left: 0;
  margin-block-end: -1px;
  margin-inline-start: 0;
  position: absolute;
}
[dir=rtl] .article-header .article-header__image-wrapper .article-header__exhibition-labels {
  left: auto;
  right: 0;
}
.article-header .article-header__image-wrapper .video {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 0;
}
.article-header .article-header__image-wrapper .article-header__micrio_embed {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.article-header .article-header__labels-wrapper {
  bottom: 0;
  left: 0;
  position: absolute;
}
[dir=rtl] .article-header .article-header__labels-wrapper {
  left: auto;
  right: 0;
}
.article-header .article-header__labels-wrapper .article-header__exhibition-labels {
  margin-block: 0 0;
  margin-inline: 0 0;
}
.article-header .article-header__buttons {
  font-size: 0;
}
.article-header .article-header__buttons:not(:first-child) {
  margin-block-start: 1rem;
}
.article-header .article-header__buttons .button {
  margin-block-end: var(--grid-padding);
  margin-inline-end: var(--grid-padding);
}
.article-header .article-header__flex-content > svg {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  transform: scaleX(1);
  transform-origin: 50% 50%;
  width: 100%;
  z-index: 0;
}
.article-header .article-header__flex-content > svg + * {
  z-index: 1;
}
[dir=rtl] .article-header .article-header__flex-content > svg {
  transform: scaleX(-1);
  transform-origin: 50% 50%;
}
@media (max-width: 529px) {
  .article-header .article-header__metadata-wrapper--empty {
    display: none;
  }
  .article-header .article-header__labels-wrapper {
    position: unset;
  }
  .article-header .exhibition-label {
    border-block-start-width: 0;
  }
}
@media (min-width: 530px) {
  .article-header .article-header__title-wrapper {
    grid-column: column 1/span 4;
  }
  .article-header .article-header__metadata-wrapper {
    border-inline-start: var(--grid-border);
    grid-column: column 5/span 2;
  }
}
@media (min-width: 800px) {
  .article-header .article-header__title-wrapper {
    grid-column: column 1/span 8;
  }
  .article-header .article-header__title-wrapper .button--back {
    align-self: flex-start;
  }
  .article-header .article-header__metadata-wrapper {
    grid-column: column 9/span 4;
  }
}
@media (min-width: 1180px) {
  .article-header .article-header__title-wrapper {
    grid-column: column 1/span 8;
  }
  .article-header .article-header__metadata-wrapper {
    grid-column: column 9/span 4;
  }
}
@media (min-width: 1480px) {
  .article-header .article-header__title-wrapper {
    grid-column: column 1/span 9;
    padding-inline-start: calc(10% + var(--grid-padding) * 1);
  }
  .article-header .article-header__metadata-wrapper {
    grid-column: column 10/span 5;
    padding-inline-end: calc(16.6666666667% + var(--grid-padding) * 1);
  }
}
@media (min-width: 2260px) {
  .article-header .article-header__title-wrapper {
    grid-column: column 1/span 10;
    padding-inline-start: calc(20% + var(--grid-padding) * 1);
  }
  .article-header .article-header__metadata-wrapper {
    grid-column: column 11/span 6;
    padding-inline-end: calc(33.3333333333% + var(--grid-padding) * 1);
  }
}

.article-header--default .button--back + .exhibition-header__title {
  margin-block-start: -1rem;
}
.article-header--default .article-header__flex-content > svg {
  overflow: visible;
}
@media (min-width: 530px) {
  .article-header--default.article-header--theme-white .article-header__metadata-wrapper {
    border-inline-start-width: 0;
  }
}
.article-header--default.article-header--theme-blue .article-header__flex-content {
  background-color: var(--color-blue);
  color: var(--color-black);
}
.article-header--default.article-header--theme-yellow .article-header__flex-content {
  background-color: var(--color-yellow);
  color: var(--color-black);
}
.article-header--default.article-header--theme-orange .article-header__flex-content {
  background-color: var(--color-orange);
  color: var(--color-black);
}
.article-header--default.article-header--theme-magenta .article-header__flex-content {
  background-color: var(--color-magenta);
  color: var(--color-black);
}

@media (min-width: 800px) {
  .article-header--image {
    height: calc(var(--like-100vh, 100vh) - var(--menu-bar-height));
  }
}
.article-header--image .article-header__grid,
.article-header--image .article-header__image-wrapper {
  height: 100%;
}
.article-header--image .article-header__image-wrapper {
  border-block-end: var(--grid-border);
}
.article-header--image .article-header__flex-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.article-header--image .article-header__flex-image,
.article-header--image .article-header__flex-content {
  position: relative;
}
.article-header--image .article-header__flex-image {
  flex: 0 1 100%;
}
@media (max-width: 799px) {
  .article-header--image .article-header__flex-image {
    min-height: 280px;
  }
}
.article-header--image .article-header__flex-content {
  border-block-start: var(--grid-border);
  flex: 0 0 auto;
}
.article-header--image .article-header__title-wrapper .button--back {
  position: absolute;
}
.article-header--image .article-header__credits-wrapper {
  position: unset;
}

@media (min-width: 530px) {
  .article-header--credited .article-header__metadata-wrapper {
    border-inline-start-width: 1px;
  }
}

.article-header--clean {
  padding-block-end: 2rem;
}
.article-header--clean .article-header__title-wrapper {
  border-block-end-width: 0;
}
.article-header--clean .article-header__title {
  margin-block-end: 2rem;
}
@media (min-width: 530px) {
  .article-header--clean .article-header__metadata-wrapper {
    border-block-end-width: 0;
    border-inline-start-width: 0;
  }
}

.article-header--theme-branded .article-header__flex-content {
  background-color: var(--branded-background);
  border-color: var(--branded-foreground);
  color: var(--branded-foreground);
}
.article-header--theme-branded .article-header__flex-content .article-header__title-wrapper,
.article-header--theme-branded .article-header__flex-content .article-header__metadata-wrapper {
  border-color: var(--branded-foreground);
}
.article-header--theme-branded .article-header__picture-caption .article-header__picture-caption-icon,
.article-header--theme-branded .article-header__picture-caption .richtext--caption {
  color: var(--branded-foreground);
}
.article-header--theme-branded .button--primary {
  background-color: var(--branded-foreground);
  border-color: var(--branded-foreground);
  color: var(--branded-background);
}
.article-header--theme-branded .button--primary:hover {
  background-color: var(--branded-background);
  border-color: var(--branded-foreground);
  color: var(--branded-foreground);
}
.article-header--theme-branded .button--outline {
  background-color: var(--branded-background);
  border-color: var(--branded-foreground);
  color: var(--branded-foreground);
}
.article-header--theme-branded .button--outline:hover {
  background-color: var(--branded-foreground);
  border-color: var(--branded-foreground);
  color: var(--branded-background);
}

.article-form {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-form .article-form__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-form .article-form__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .article-form .article-form__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-form .article-form__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-form .article-form__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-form .article-form__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-form .article-form__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-eazel-embed {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-eazel-embed .eazel-embed {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-eazel-embed .eazel-embed__container,
.article-eazel-embed .eazel-embed__caption {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .article-eazel-embed .eazel-embed__container,
  .article-eazel-embed .eazel-embed__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-eazel-embed .eazel-embed__container,
  .article-eazel-embed .eazel-embed__caption {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-eazel-embed .eazel-embed__container,
  .article-eazel-embed .eazel-embed__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-eazel-embed .eazel-embed__container,
  .article-eazel-embed .eazel-embed__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-eazel-embed .eazel-embed__container,
  .article-eazel-embed .eazel-embed__caption {
    grid-column: column 6/span 6;
  }
}

.article-dual-photo {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-dual-photo .article-dual-photo__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-dual-photo .article-dual-photo__figure--portrait {
  grid-column: column 1/span 3;
}
.article-dual-photo .article-dual-photo__figure--landscape {
  grid-column: column 2/span 3;
}
.article-dual-photo .picture,
.article-dual-photo .figure__caption {
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (max-width: 529px) {
  .article-dual-photo .article-dual-photo__figure--landscape {
    margin-block-start: var(--block-margin);
  }
}
@media (min-width: 530px) {
  .article-dual-photo .article-dual-photo__figure--portrait {
    grid-column: column 1/span 3;
  }
  .article-dual-photo .article-dual-photo__figure--landscape {
    grid-column: column 4/span 3;
  }
  .article-dual-photo .article-dual-photo__figure--landscape .picture,
  .article-dual-photo .article-dual-photo__figure--landscape .figure__caption {
    padding-inline-start: 0;
  }
}
@media (min-width: 800px) {
  .article-dual-photo .article-dual-photo__figure--portrait {
    grid-column: column 3/span 4;
  }
  .article-dual-photo .article-dual-photo__figure--landscape {
    grid-column: column 7/span 5;
  }
}
@media (min-width: 1180px) {
  .article-dual-photo .article-dual-photo__figure--portrait {
    grid-column: column 4/span 4;
  }
  .article-dual-photo .article-dual-photo__figure--landscape {
    grid-column: column 8/span 5;
  }
}
@media (min-width: 1480px) {
  .article-dual-photo .article-dual-photo__figure--portrait {
    grid-column: column 5/span 4;
  }
  .article-dual-photo .article-dual-photo__figure--landscape {
    grid-column: column 9/span 5;
  }
}
@media (min-width: 2260px) {
  .article-dual-photo .article-dual-photo__figure--portrait {
    grid-column: column 6/span 4;
  }
  .article-dual-photo .article-dual-photo__figure--landscape {
    grid-column: column 10/span 5;
  }
}

.article-cookies {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-cookies .article-cookies__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-cookies .article-cookies__wrapper {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-cookies .article-cookies__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
}
html:lang(ar) .article-cookies .article-cookies__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-cookies .article-cookies__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.article-cookies .article-cookies__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  margin-block: 0.5rem 2rem;
}
html:lang(ar) .article-cookies .article-cookies__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-cookies .article-cookies__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 530px) {
  .article-cookies .article-cookies__wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-cookies .article-cookies__wrapper {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-cookies .article-cookies__wrapper {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-cookies .article-cookies__wrapper {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-cookies .article-cookies__wrapper {
    grid-column: column 6/span 6;
  }
}

.article-content {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-content .article-content__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-content .article-content__wrapper,
.article-content .article-content__buttons {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
.article-content .article-content__buttons {
  font-size: 0;
  margin-block-start: 2rem;
}
.article-content .article-content__buttons .button {
  margin-block-end: var(--grid-padding);
  margin-inline-end: var(--grid-padding);
}
@media (min-width: 530px) {
  .article-content .article-content__wrapper,
  .article-content .article-content__buttons {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-content .article-content__wrapper,
  .article-content .article-content__buttons {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-content .article-content__wrapper,
  .article-content .article-content__buttons {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-content .article-content__wrapper,
  .article-content .article-content__buttons {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-content .article-content__wrapper,
  .article-content .article-content__buttons {
    grid-column: column 6/span 6;
  }
}

.article-audio-embed {
  margin-block: var(--block-margin) var(--block-margin);
  position: relative;
}
.article-audio-embed .audio-embed {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-audio-embed .audio-embed__container,
.article-audio-embed .audio-embed__caption {
  grid-column: column 1/span 4;
  padding-inline: var(--grid-padding) var(--grid-padding);
}
@media (min-width: 530px) {
  .article-audio-embed .audio-embed__container,
  .article-audio-embed .audio-embed__caption {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 800px) {
  .article-audio-embed .audio-embed__container,
  .article-audio-embed .audio-embed__caption {
    grid-column: column 3/span 7;
  }
}
@media (min-width: 1180px) {
  .article-audio-embed .audio-embed__container,
  .article-audio-embed .audio-embed__caption {
    grid-column: column 4/span 6;
  }
}
@media (min-width: 1480px) {
  .article-audio-embed .audio-embed__container,
  .article-audio-embed .audio-embed__caption {
    grid-column: column 5/span 6;
  }
}
@media (min-width: 2260px) {
  .article-audio-embed .audio-embed__container,
  .article-audio-embed .audio-embed__caption {
    grid-column: column 6/span 6;
  }
}

.article-accordeon {
  padding-block-start: calc(var(--grid-padding) * 2);
  padding-inline: var(--grid-padding);
  position: relative;
}
.article-accordeon .article-accordeon__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.article-accordeon .article-accordeon__wrapper,
.article-accordeon .article-accordeon__text-wrapper {
  grid-column: column 1/span var(--grid-columns);
}
.article-accordeon .article-accordeon__title {
  color: var(--heading-2-color, currentColor);
  font-family: var(--heading-2-font-family);
  font-feature-settings: var(--heading-2-font-feature-settings);
  font-size: var(--heading-2-font-size);
  font-style: var(--heading-2-font-style);
  font-variant: var(--heading-2-font-variant);
  font-weight: var(--heading-2-font-weight);
  letter-spacing: var(--heading-2-letter-spacing);
  line-height: var(--heading-2-line-height);
  -webkit-text-decoration: var(--heading-2-text-decoration);
          text-decoration: var(--heading-2-text-decoration);
  text-decoration-thickness: var(--heading-2-text-decoration-thickness);
  text-transform: var(--heading-2-text-transform);
  text-underline-offset: var(--heading-2-text-underline-offset);
  word-spacing: var(--heading-2-word-spacing);
  padding-block: var(--heading-2-padding-top) var(--heading-2-padding-bottom);
  background-color: var(--color-common-title-background);
  color: var(--color-common-title-foreground);
  margin-block-end: 1rem;
}
html:lang(ar) .article-accordeon .article-accordeon__title:not(:not(:lang(ar))), html:not(:lang(ar)) .article-accordeon .article-accordeon__title[lang=ar] {
  font-family: var(--heading-2-ar-font-family);
  font-feature-settings: var(--heading-2-ar-font-feature-settings);
  font-size: var(--heading-2-ar-font-size);
  font-style: var(--heading-2-ar-font-style);
  font-variant: var(--heading-2-ar-font-variant);
  font-weight: var(--heading-2-ar-font-weight);
  letter-spacing: var(--heading-2-ar-letter-spacing);
  line-height: var(--heading-2-ar-line-height);
  text-transform: var(--heading-2-ar-text-transform);
  word-spacing: var(--heading-2-ar-word-spacing);
}
.article-accordeon .richtext {
  margin-block-end: calc(var(--grid-padding) * 2);
}
.article-accordeon .article-accordeon__filter-wrapper {
  display: flex;
  flex-direction: column-reverse;
  grid-column: column 1/span var(--grid-columns);
  justify-content: space-between;
}
.article-accordeon .article-accordeon__filter-wrapper .article-accordeon__results_title-container {
  width: 100%;
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-accordeon .article-accordeon__filter-wrapper .article-accordeon__results_title-container:not(:not(:lang(ar))), html:not(:lang(ar)) .article-accordeon .article-accordeon__filter-wrapper .article-accordeon__results_title-container[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.article-accordeon .article-accordeon__filter-wrapper .link-dropdown {
  color: var(--heading-5-color, currentColor);
  font-family: var(--heading-5-font-family);
  font-feature-settings: var(--heading-5-font-feature-settings);
  font-size: var(--heading-5-font-size);
  font-style: var(--heading-5-font-style);
  font-variant: var(--heading-5-font-variant);
  font-weight: var(--heading-5-font-weight);
  letter-spacing: var(--heading-5-letter-spacing);
  line-height: var(--heading-5-line-height);
  -webkit-text-decoration: var(--heading-5-text-decoration);
          text-decoration: var(--heading-5-text-decoration);
  text-decoration-thickness: var(--heading-5-text-decoration-thickness);
  text-transform: var(--heading-5-text-transform);
  text-underline-offset: var(--heading-5-text-underline-offset);
  word-spacing: var(--heading-5-word-spacing);
  padding-block: var(--heading-5-padding-top) var(--heading-5-padding-bottom);
  flex: auto;
  margin-block: auto 1rem;
}
html:lang(ar) .article-accordeon .article-accordeon__filter-wrapper .link-dropdown:not(:not(:lang(ar))), html:not(:lang(ar)) .article-accordeon .article-accordeon__filter-wrapper .link-dropdown[lang=ar] {
  font-family: var(--heading-5-ar-font-family);
  font-feature-settings: var(--heading-5-ar-font-feature-settings);
  font-size: var(--heading-5-ar-font-size);
  font-style: var(--heading-5-ar-font-style);
  font-variant: var(--heading-5-ar-font-variant);
  font-weight: var(--heading-5-ar-font-weight);
  letter-spacing: var(--heading-5-ar-letter-spacing);
  line-height: var(--heading-5-ar-line-height);
  text-transform: var(--heading-5-ar-text-transform);
  word-spacing: var(--heading-5-ar-word-spacing);
}
.article-accordeon .article-accordeon__filter-wrapper .article-accordeon__results_title {
  margin-block-end: 1rem;
}
.article-accordeon .article-accordeon__pagination {
  grid-column: column 1/span 4;
  padding-block: var(--block-margin) var(--block-margin);
  padding-inline: var(--grid-padding) var(--grid-padding);
  text-align: center;
}
.article-accordeon .article-accordeon__items {
  margin-block-start: 1rem;
}
.article-accordeon .article-accordeon__text-container {
  border-block-start: 1px solid currentcolor;
  padding-block: var(--block-margin) calc(var(--block-margin) * 3);
}
.article-accordeon .article-accordeon__error-message {
  color: var(--introduction-color, currentColor);
  font-family: var(--introduction-font-family);
  font-feature-settings: var(--introduction-font-feature-settings);
  font-size: var(--introduction-font-size);
  font-style: var(--introduction-font-style);
  font-variant: var(--introduction-font-variant);
  font-weight: var(--introduction-font-weight);
  letter-spacing: var(--introduction-letter-spacing);
  line-height: var(--introduction-line-height);
  -webkit-text-decoration: var(--introduction-text-decoration);
          text-decoration: var(--introduction-text-decoration);
  text-decoration-thickness: var(--introduction-text-decoration-thickness);
  text-transform: var(--introduction-text-transform);
  text-underline-offset: var(--introduction-text-underline-offset);
  word-spacing: var(--introduction-word-spacing);
  padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .article-accordeon .article-accordeon__error-message:not(:not(:lang(ar))), html:not(:lang(ar)) .article-accordeon .article-accordeon__error-message[lang=ar] {
  font-family: var(--introduction-ar-font-family);
  font-feature-settings: var(--introduction-ar-font-feature-settings);
  font-size: var(--introduction-ar-font-size);
  font-style: var(--introduction-ar-font-style);
  font-variant: var(--introduction-ar-font-variant);
  font-weight: var(--introduction-ar-font-weight);
  letter-spacing: var(--introduction-ar-letter-spacing);
  line-height: var(--introduction-ar-line-height);
  text-transform: var(--introduction-ar-text-transform);
  word-spacing: var(--introduction-ar-word-spacing);
}
.article-accordeon .article-accordeon__text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
}
html:lang(ar) .article-accordeon .article-accordeon__text:not(:not(:lang(ar))), html:not(:lang(ar)) .article-accordeon .article-accordeon__text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
@media (min-width: 530px) {
  .article-accordeon .article-accordeon__pagination {
    grid-column: column 1/span 6;
  }
  .article-accordeon .article-accordeon__filter-wrapper {
    flex-direction: row;
  }
}
@media (min-width: 800px) {
  .article-accordeon .article-accordeon__pagination {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1180px) {
  .article-accordeon .article-accordeon__pagination {
    grid-column: column 1/span 12;
  }
}
@media (min-width: 1480px) {
  .article-accordeon .article-accordeon__pagination {
    grid-column: column 2/span 12;
  }
}

:root {
  --accordeon-header-100vw: 100vw;
}
@media (width >= 2560px) {
  :root {
    --accordeon-header-100vw: 2560px;
  }
}

@keyframes showaccordeonheadertext {
  0% {
    height: 0;
    opacity: 0;
    overflow: hidden;
  }
  1% {
    display: block;
    height: auto;
    opacity: 0;
  }
  100% {
    display: block;
    height: auto;
    opacity: 1;
  }
}
.accordeon-header {
  position: relative;
}
.accordeon-header .accordeon-header__grid {
  display: grid;
  grid-gap: 0 var(--grid-gutter);
  grid-template-columns: repeat(var(--grid-columns), [column] minmax(0, 1fr));
  margin-inline: auto auto;
  max-width: calc(var(--grid-max-width) + var(--grid-gutter) * 2 + var(--grid-margin) * 2);
  padding-inline: calc(var(--grid-gutter) + var(--grid-margin)) calc(var(--grid-gutter) + var(--grid-margin));
}
.accordeon-header .accordeon-header__introduction-wrapper {
  grid-column: column 1/span 4;
  padding-block: var(--block-margin) var(--block-margin);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.accordeon-header .accordeon-header__cards-wrapper {
  border-block-start: var(--grid-border);
  grid-column: column 1/span var(--grid-columns);
  position: relative;
}
.accordeon-header .accordeon-header__cards {
  position: relative;
}
.accordeon-header .accordeon-header__card {
  background-color: var(--color-white);
  border-block-end: 1px solid currentcolor;
}
.accordeon-header .accordeon-header__card--expanded .button--show-more {
  display: none;
}
.accordeon-header .accordeon-header__card--expanded .accordeon-header__disclosure-content-actions {
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--easing-slow);
}
.accordeon-header .accordeon-header__card-wrapper {
  padding-block-start: var(--grid-padding);
  padding-inline: var(--grid-padding) var(--grid-padding);
  position: relative;
}
.accordeon-header .accordeon-header__card-image {
  margin-block-end: var(--grid-padding);
}
.accordeon-header .accordeon-header__disclosure-content-container {
  opacity: 1;
  transition: opacity var(--easing-extraslow);
}
.accordeon-header .accordeon-header__disclosure-content-container::after {
  clear: both;
  content: "";
  display: table;
}
.accordeon-header .accordeon-header__disclosure-content-container[aria-hidden=true] {
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
}
.accordeon-header .accordeon-header__disclosure-content-container[aria-hidden=true] .accordeon-header__card-text {
  animation: none;
}
.accordeon-header .accordeon-header__disclosure-content-container[aria-hidden=false] .accordeon-header__card-text {
  animation: showaccordeonheadertext var(--timing-default) linear var(--timing-slow) forwards;
}
.accordeon-header .accordeon-header__card-title {
  color: var(--heading-3-color, currentColor);
  font-family: var(--heading-3-font-family);
  font-feature-settings: var(--heading-3-font-feature-settings);
  font-size: var(--heading-3-font-size);
  font-style: var(--heading-3-font-style);
  font-variant: var(--heading-3-font-variant);
  font-weight: var(--heading-3-font-weight);
  letter-spacing: var(--heading-3-letter-spacing);
  line-height: var(--heading-3-line-height);
  -webkit-text-decoration: var(--heading-3-text-decoration);
          text-decoration: var(--heading-3-text-decoration);
  text-decoration-thickness: var(--heading-3-text-decoration-thickness);
  text-transform: var(--heading-3-text-transform);
  text-underline-offset: var(--heading-3-text-underline-offset);
  word-spacing: var(--heading-3-word-spacing);
  padding-block: var(--heading-3-padding-top) var(--heading-3-padding-bottom);
  margin-block-end: 1rem;
}
html:lang(ar) .accordeon-header .accordeon-header__card-title:not(:not(:lang(ar))), html:not(:lang(ar)) .accordeon-header .accordeon-header__card-title[lang=ar] {
  font-family: var(--heading-3-ar-font-family);
  font-feature-settings: var(--heading-3-ar-font-feature-settings);
  font-size: var(--heading-3-ar-font-size);
  font-style: var(--heading-3-ar-font-style);
  font-variant: var(--heading-3-ar-font-variant);
  font-weight: var(--heading-3-ar-font-weight);
  letter-spacing: var(--heading-3-ar-letter-spacing);
  line-height: var(--heading-3-ar-line-height);
  text-transform: var(--heading-3-ar-text-transform);
  word-spacing: var(--heading-3-ar-word-spacing);
}
.accordeon-header .accordeon-header__card-text {
  color: var(--paragraph-color, currentColor);
  font-family: var(--paragraph-font-family);
  font-feature-settings: var(--paragraph-font-feature-settings);
  font-size: var(--paragraph-font-size);
  font-style: var(--paragraph-font-style);
  font-variant: var(--paragraph-font-variant);
  font-weight: var(--paragraph-font-weight);
  letter-spacing: var(--paragraph-letter-spacing);
  line-height: var(--paragraph-line-height);
  -webkit-text-decoration: var(--paragraph-text-decoration);
          text-decoration: var(--paragraph-text-decoration);
  text-decoration-thickness: var(--paragraph-text-decoration-thickness);
  text-transform: var(--paragraph-text-transform);
  text-underline-offset: var(--paragraph-text-underline-offset);
  word-spacing: var(--paragraph-word-spacing);
  padding-block: var(--paragraph-padding-top) var(--paragraph-padding-bottom);
  height: 0;
  margin-block-end: 6rem;
  overflow: hidden;
}
html:lang(ar) .accordeon-header .accordeon-header__card-text:not(:not(:lang(ar))), html:not(:lang(ar)) .accordeon-header .accordeon-header__card-text[lang=ar] {
  font-family: var(--paragraph-ar-font-family);
  font-feature-settings: var(--paragraph-ar-font-feature-settings);
  font-size: var(--paragraph-ar-font-size);
  font-style: var(--paragraph-ar-font-style);
  font-variant: var(--paragraph-ar-font-variant);
  font-weight: var(--paragraph-ar-font-weight);
  letter-spacing: var(--paragraph-ar-letter-spacing);
  line-height: var(--paragraph-ar-line-height);
  text-transform: var(--paragraph-ar-text-transform);
  word-spacing: var(--paragraph-ar-word-spacing);
}
.accordeon-header .accordeon-header__disclosure-content-actions {
  border-block-start: 1px solid var(--color-black);
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  margin-inline-start: var(--grid-padding);
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  width: calc(100% - 2 * var(--grid-padding));
}
[dir=rtl] .accordeon-header .accordeon-header__disclosure-content-actions {
  left: auto;
  right: 0;
}
.accordeon-header .accordeon-header__call-to-action {
  z-index: 1024;
}
@media (max-width: 529px) {
  .accordeon-header .accordeon-header__card--expanded .accordeon-header__card-image {
    margin-block-end: 70px;
  }
}
@media (max-width: 529px) {
  .accordeon-header .accordeon-header__card-wrapper {
    display: flex;
    flex-direction: row;
  }
  .accordeon-header .accordeon-header__card-image {
    aspect-ratio: 1/1;
    flex: 4;
  }
  .accordeon-header .accordeon-header__card-content {
    flex: 6;
    padding-inline-start: var(--grid-padding);
  }
  .accordeon-header .accordeon-header__call-to-action {
    display: none;
  }
  .accordeon-header .accordeon-header__disclosure-content-container {
    max-height: 1000px;
    transition: max-height var(--easing-slow), opacity var(--easing-default);
  }
  .accordeon-header .accordeon-header__disclosure-content-container[aria-hidden=true] {
    max-height: 0;
  }
  .accordeon-header .button--show-more {
    bottom: 0;
    padding-inline-start: 0;
    position: absolute;
  }
  .accordeon-header .button--call-to-action {
    float: right;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .accordeon-header .accordeon-header__card-wrapper {
    display: flex;
    flex-direction: row;
  }
  .accordeon-header .accordeon-header__card-image {
    aspect-ratio: 1/1;
    flex: 4;
  }
  .accordeon-header .accordeon-header__card-content {
    flex: 6;
    padding-inline-start: var(--grid-padding);
  }
  .accordeon-header .accordeon-header__call-to-action {
    display: none;
  }
  .accordeon-header .accordeon-header__disclosure-content-container {
    max-height: 1000px;
    transition: max-height var(--easing-slow), opacity var(--easing-default);
  }
  .accordeon-header .accordeon-header__disclosure-content-container[aria-hidden=true] {
    max-height: 0;
  }
  .accordeon-header .button--show-more {
    bottom: 0;
    padding-inline-start: 0;
    position: absolute;
  }
  .accordeon-header .button--call-to-action {
    float: right;
  }
}
@media (min-width: 530px) {
  .accordeon-header .accordeon-header__introduction-wrapper {
    grid-column: column 1/span 6;
  }
}
@media (min-width: 530px) and (max-width: 799px) {
  .accordeon-header .accordeon-header__card-content {
    position: relative;
  }
  .accordeon-header .accordeon-header__disclosure-content-actions {
    width: calc(100% - var(--grid-padding));
  }
}
@media (min-width: 800px) {
  .accordeon-header .button--call-to-action {
    display: none;
  }
  .accordeon-header .accordeon-header__introduction-wrapper {
    grid-column: column 1/span 7;
  }
  .accordeon-header .accordeon-header__cards-wrapper {
    overflow: hidden;
  }
  .accordeon-header .accordeon-header__cards-wrapper::after {
    background: currentcolor;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
  }
  [dir=rtl] .accordeon-header .accordeon-header__cards-wrapper::after {
    left: auto;
    right: 0;
  }
  .accordeon-header .accordeon-header__card {
    border-inline-start: 1px solid currentcolor;
    max-width: 25%;
    min-width: 25%;
    overflow: hidden;
    transition: min-width var(--easing-default), max-width var(--easing-default);
  }
  .accordeon-header .accordeon-header__card:not(:last-child) {
    padding-inline-end: 1px;
  }
  .accordeon-header .accordeon-header__card:last-child {
    margin-inline-start: 0;
    overflow: visible;
    transition: margin-inline-start var(--easing-default);
    z-index: 1000;
  }
  .accordeon-header .accordeon-header__card:not(.accordeon-header__card--expanded):focus .accordeon-header__card-title, .accordeon-header .accordeon-header__card:not(.accordeon-header__card--expanded):hover .accordeon-header__card-title {
    text-decoration: underline;
  }
  .accordeon-header .accordeon-header__cards {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    position: relative;
  }
  .accordeon-header .accordeon-header__cards:not(.accordeon-header__cards--has-expanded-card) .accordeon-header__card:focus, .accordeon-header .accordeon-header__cards:not(.accordeon-header__cards--has-expanded-card) .accordeon-header__card:hover {
    max-width: 27.5%;
    min-width: 27.5%;
  }
  .accordeon-header .accordeon-header__cards:not(.accordeon-header__cards--has-expanded-card) .accordeon-header__card:last-child:focus, .accordeon-header .accordeon-header__cards:not(.accordeon-header__cards--has-expanded-card) .accordeon-header__card:last-child:hover {
    margin-inline-start: -2.5%;
    max-width: 27.5%;
    min-width: 27.5%;
  }
  .accordeon-header .accordeon-header__card-content {
    flex: auto;
  }
  .accordeon-header .accordeon-header__card-title {
    max-width: calc(var(--accordeon-header-100vw) * 0.19 - var(--grid-padding));
    transition: max-width var(--easing-default);
  }
  .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card:not(.accordeon-header__card--expanded) {
    max-width: 8.3333333333%;
    min-width: 8.3333333333%;
  }
  .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card:not(.accordeon-header__card--expanded):focus, .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card:not(.accordeon-header__card--expanded):hover {
    max-width: 12.5%;
    min-width: 12.5%;
  }
  .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card:not(.accordeon-header__card--expanded):last-child:focus, .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card:not(.accordeon-header__card--expanded):last-child:hover {
    margin-inline-start: calc(0px - 4.1666666667%);
    max-width: 12.5%;
    min-width: 12.5%;
  }
  .accordeon-header .accordeon-header__cards--has-expanded-card .accordeon-header__card-title {
    max-width: var(--accordeon-header-100vw);
  }
  .accordeon-header.accordeon-header--has-call-to-action .accordeon-header__cards {
    padding-inline-end: 20%;
  }
  .accordeon-header .accordeon-header__card-wrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: calc(var(--accordeon-header-100vw) * 0.6);
    width: calc(var(--accordeon-header-100vw) * 0.6);
  }
  .accordeon-header .accordeon-header__call-to-action {
    color: var(--introduction-color, currentColor);
    font-family: var(--introduction-font-family);
    font-feature-settings: var(--introduction-font-feature-settings);
    font-size: var(--introduction-font-size);
    font-style: var(--introduction-font-style);
    font-variant: var(--introduction-font-variant);
    font-weight: var(--introduction-font-weight);
    letter-spacing: var(--introduction-letter-spacing);
    line-height: var(--introduction-line-height);
    -webkit-text-decoration: var(--introduction-text-decoration);
            text-decoration: var(--introduction-text-decoration);
    text-decoration-thickness: var(--introduction-text-decoration-thickness);
    text-transform: var(--introduction-text-transform);
    text-underline-offset: var(--introduction-text-underline-offset);
    word-spacing: var(--introduction-word-spacing);
    padding-block: var(--introduction-padding-top) var(--introduction-padding-bottom);
    background: var(--color-white);
    border-block-end: 1px solid var(--color-black);
    color: var(--color-black);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    outline: 1px solid var(--color-black);
    padding-block: var(--grid-padding) var(--grid-padding);
    padding-inline: var(--grid-padding) var(--grid-padding);
    position: absolute;
    right: 0;
    top: 0;
    width: 20%;
  }
  html:lang(ar) .accordeon-header .accordeon-header__call-to-action:not(:not(:lang(ar))), html:not(:lang(ar)) .accordeon-header .accordeon-header__call-to-action[lang=ar] {
    font-family: var(--introduction-ar-font-family);
    font-feature-settings: var(--introduction-ar-font-feature-settings);
    font-size: var(--introduction-ar-font-size);
    font-style: var(--introduction-ar-font-style);
    font-variant: var(--introduction-ar-font-variant);
    font-weight: var(--introduction-ar-font-weight);
    letter-spacing: var(--introduction-ar-letter-spacing);
    line-height: var(--introduction-ar-line-height);
    text-transform: var(--introduction-ar-text-transform);
    word-spacing: var(--introduction-ar-word-spacing);
  }
  [dir=rtl] .accordeon-header .accordeon-header__call-to-action {
    left: 0;
    right: auto;
  }
  .accordeon-header .accordeon-header__call-to-action:hover, .accordeon-header .accordeon-header__call-to-action:focus {
    outline: 1px solid var(--color-black);
    text-decoration: underline;
  }
  .accordeon-header .accordeon-header__call-to-action .accordeon-header__call-to-action--span {
    margin-block-end: 1rem;
  }
  .accordeon-header .accordeon-header__call-to-action .accordeon-header__call-to-action--icon {
    width: 2rem;
  }
  .accordeon-header .button--show-more {
    align-items: flex-end;
    bottom: 0;
    height: 100%;
    left: 0;
    max-width: calc(var(--accordeon-header-100vw) * 0.2);
    position: absolute;
    width: 100%;
    z-index: 100;
  }
  [dir=rtl] .accordeon-header .button--show-more {
    left: auto;
    right: 0;
  }
  .accordeon-header .button--show-more .button__span {
    text-align: left;
  }
  [dir=rtl] .accordeon-header .button--show-more .button__span {
    text-align: right;
  }
  .accordeon-header .accordeon-header__disclosure-content-actions {
    margin-inline-start: var(--grid-padding);
    width: calc(100% - var(--grid-padding) * 2);
  }
  .accordeon-header .accordeon-header__card--expanded {
    min-width: 75%;
  }
  .accordeon-header .accordeon-header__card--expanded .accordeon-header__card-wrapper {
    padding-inline-end: var(--grid-padding);
  }
  .accordeon-header .accordeon-header__card--expanded .accordeon-header__card-title {
    max-width: var(--accordeon-header-100vw);
  }
}
@media (min-width: 1180px) {
  .accordeon-header .accordeon-header__card-wrapper {
    min-height: calc(var(--accordeon-header-100vw) * 0.5);
  }
}
@media (min-width: 1480px) {
  .accordeon-header .accordeon-header__card-wrapper {
    min-height: calc(var(--accordeon-header-100vw) * 0.45);
  }
}
@media (min-width: 2260px) {
  .accordeon-header .accordeon-header__card-wrapper {
    min-height: calc(var(--accordeon-header-100vw) * 0.425);
  }
}

html.debug-layout * {
  outline: 1px dashed var(--grid-debug-color);
}/*# sourceMappingURL=main.css.map */