/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/main.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/*! based over the work of:
 * normalize.css v8.0.1 | MIT license | github.com/necolas/normalize.css
 * bootstrap reboot.scss | MIT license | github.com/twbs/bootstrap/blob/v4-dev/scss/_reboot.scss
 */
html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  margin: 0px;
  text-align: left;
  -webkit-font-smoothing: antialiased; /* Améliore le rendu sur macOS */
  -moz-osx-font-smoothing: grayscale; /* Pour macOS */
  text-rendering: optimizeLegibility; /* Active le hinting */
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

summary {
  display: list-item;
  cursor: pointer;
}

ol,
ul {
  margin-top: 0px;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0px;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top: 0px;
}

address {
  margin-bottom: 0px;
  font-style: inherit;
  line-height: inherit;
}

blockquote {
  margin: 0px;
}

b, strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0px;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  background-color: transparent;
}

img {
  border-style: none;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0px !important;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

output {
  display: inline-block;
}

button {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0px;
  overflow: visible;
  text-transform: none;
  -webkit-appearance: button;
  border-radius: 0px;
}
button:not(:disabled) {
  cursor: pointer;
}

button:focus:not(:focus-visible) {
  outline: 0px;
  -webkit-tap-highlight-color: transparent;
}

figure {
  margin: 0px;
}

:root.mainmenu--open {
  scrollbar-gutter: stable;
  background-color: var(--oce--bg--light);
}

body {
  color: var(--oce--text--secondary);
}

[id] {
  scroll-margin-top: calc(var(--mainmenu--height) + 24px);
}

html {
  overscroll-behavior: none;
}

p a, p a span {
  color: var(--oce--text--secondary);
}

p a:hover, p a span:hover {
  color: var(--oce--red);
}

body {
  font-family: "Helvetica Neue";
}

.title--1 {
  font-size: 2.5rem;
  line-height: 1.3em;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .title--1 {
    font-size: 4rem;
    line-height: normal;
    font-weight: 300;
  }
}

.title--2 {
  font-size: 2.5rem;
  line-height: 1.3em;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .title--2 {
    font-size: 3.5rem;
    line-height: 1em;
    font-weight: 300;
  }
}

.title--3 {
  font-size: 2.5rem;
  line-height: 1.3em;
  font-weight: 300;
}

.title--4g {
  font-size: 2rem;
  line-height: 1.3em;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .title--4g {
    font-size: 2.5rem;
    line-height: 1.3em;
    font-weight: 300;
  }
}

.title--4 {
  font-size: 2rem;
  line-height: 1.3em;
  font-weight: 300;
}

.title--5g {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .title--5g {
    font-size: 2rem;
    line-height: 1.3em;
    font-weight: 300;
  }
}

.title--5 {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: 300;
}

.text--l2xl {
  font-size: 1.125rem;
  line-height: 1.6em;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .text--l2xl {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: 300;
  }
}

.text--l--medium {
  font-size: 1.125rem;
  line-height: 1.6em;
  font-weight: 500;
}

.text--l--regular {
  font-size: 1.125rem;
  line-height: 1.6em;
  font-weight: 400;
}

.text--m2l--medium {
  font-size: 1rem;
  line-height: 1.6em;
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .text--m2l--medium {
    font-size: 1.125rem;
    line-height: 1.6em;
    font-weight: 500;
  }
}

.text--m2l--regular {
  font-size: 1rem;
  line-height: 1.6em;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .text--m2l--regular {
    font-size: 1.125rem;
    line-height: 1.6em;
    font-weight: 400;
  }
}

.text--m--medium {
  font-size: 1rem;
  line-height: 1.6em;
  font-weight: 500;
}

.text--m--regular {
  font-size: 1rem;
  line-height: 1.6em;
  font-weight: 400;
}

.text--s2m {
  font-size: 0.875rem;
  line-height: 1.6em;
  font-weight: 400;
}
@media screen and (min-width: 992px) {
  .text--s2m {
    font-size: 1rem;
    line-height: 1.6em;
    font-weight: 400;
  }
}

.text--s {
  font-size: 0.875rem;
  line-height: 1.6em;
  font-weight: 500;
}

.text--s--regular {
  font-size: 0.875rem;
  line-height: 1.6em;
  font-weight: 400;
}

.other--category {
  font-size: 0.75rem;
  line-height: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.other--citation {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: 300;
  font-style: italic;
}
@media screen and (min-width: 992px) {
  .other--citation {
    font-size: 2rem;
    line-height: 1.3em;
    font-weight: 300;
    font-style: italic;
  }
}

.other--newsletter {
  font-size: 0.875rem;
  line-height: 1.6em;
  font-weight: 400;
}

.other--chiffre {
  font-size: 4rem;
  line-height: normal;
  font-weight: 300;
}
@media screen and (min-width: 992px) {
  .other--chiffre {
    font-size: 5rem;
    line-height: normal;
    font-weight: 300;
  }
}

.other--dropdown {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: 500;
}

.fs-title--2 {
  font-size: 3.5rem;
  line-height: normal;
  font-weight: light;
}

.fs-title--4 {
  font-size: 2rem;
  line-height: 1.3em;
  font-weight: light;
}
@media screen and (min-width: 992px) {
  .fs-title--4 {
    font-size: 2.5rem;
    line-height: 1.3em;
    font-weight: light;
  }
}

.fs-title--5 {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: light;
}
@media screen and (min-width: 992px) {
  .fs-title--5 {
    font-size: 2rem;
    line-height: 1.3em;
    font-weight: light;
  }
}

/*
// Viewed in [mobile]/[desktop] Mainmenu entry lvl-0 ("Nos ressources")
.fs-mainmenu--lvl-0 { 
    // "Title/Title 5"
    font-size: 1.5rem; // 24px
    line-height: 1.4em;
    font-weight: light;
    @media screen and (min-width: 768px) {
        // "Text/Body M"
        font-size: 1rem; // 16px
        line-height: 1.6em;
        font-weight: 500; // medium
    }
}

*/
@media (min-width: 1280px) {
  .resource-sheet .title--1 {
    font-size: 2.5rem;
    line-height: 1.3em;
    font-weight: light;
  }
  .resource-sheet .title--5g {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: 300;
  }
  .resource-sheet .text--l2xl {
    font-size: 1.125rem;
    line-height: 1.6em;
    font-weight: regular;
  }
  .resource-sheet .text--m2l {
    font-size: 1rem;
    line-height: 1.6em;
    font-weight: medium;
  }
  .resource-sheet .text--s2m {
    font-size: 0.875rem;
    line-height: 1.6em;
    font-weight: regular;
  }
  .resource-sheet .other--citation {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: Light Italic;
  }
  .resource-sheet .other--chiffre {
    font-size: 4rem;
    line-height: auto;
    font-weight: light;
  }
}
.sr-only {
  clip-path: inset(100%);
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.button--reset {
  background: none;
  border: none;
  padding: 0px;
  color: inherit;
  min-width: var(--min-tap-target-size, 9mm);
  min-height: var(--min-tap-target-size, 9mm);
}

.button--reset:active {
  color: inherit;
}

.ul--reset,
.ol--reset {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

.a--reset {
  text-decoration: none;
  color: inherit;
  min-width: var(--min-tap-target-size, 9mm);
  min-height: var(--min-tap-target-size, 9mm);
}

.input--reset {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.animated-underline {
  background-image: linear-gradient(var(--underline--color), var(--underline--color));
  background-size: 0% max(0.0625em, 1px);
  background-position: 0% 100%;
  background-repeat: no-repeat;
  transition: background-size 0.2s ease 0s;
}

.animated-underline:hover {
  background-size: 100% max(0.0625em, 1px);
}

.line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: var(--line-clamp, 3);
  -webkit-box-orient: vertical;
  overflow: hidden;
}

:root {
  --transparent-black: rgba(0, 0, 0, 0);
  --transparent-white: rgba(255, 255, 255, 0);
  --pure-white: #FFFFFF;
  --pure-black: #000000;
  --oce--red--error: #C53E3E;
  --oce--red: #EB5963;
  --oce--text--primary: #313C45;
  --oce--text--secondary: #5C666F;
  --oce--text--tertiary: #BEC9CE;
  --oce--bg--dark: #1D2831;
  --oce--bg--light: #F2F6F8;
  --oce--divider: #D4DEE3;
  --oce--team-member-job: #C7D2D7;
  --oce--bg--light--0: rgba(242, 246, 248, 0);
}

:root {
  --min-tap-target-size: 9mm;
  --theme--horizontal-padding: clamp(16px, 5vw, 48px);
  --wysiwyg--content-box--max-width: 39em;
  --sheet--padding: var(--theme--horizontal-padding);
  --block--horizontal-padding: var(--theme--horizontal-padding);
  --mainmenu--extra--height: 0px;
  --mainmenu--menu--height: 76px;
  --mainmenu--height: calc(var(--mainmenu--extra--height) + var(--mainmenu--menu--height));
  --ultrawide-margin: max(0px, calc((100vw - 1428px) / 2));
  --ultrawide-padding: max(var(--theme--horizontal-padding), var(--ultrawide-margin));
}
@media screen and (min-width: 783px) {
  :root {
    --mainmenu--extra--height: 56px;
    --mainmenu--menu--height: 104px;
    --mainmenu--height: calc(var(--mainmenu--extra--height) + var(--mainmenu--menu--height));
  }
}

:root {
  --z-index--navbar: 5;
}

@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue.95ed6e6e.woff2) format("woff2"), url(fonts/HelveticaNeue.d202c1f3.woff) format("woff"), url(fonts/HelveticaNeue.53c7dd13.ttf) format("truetype"), url(fonts/HelveticaNeue.935190fa.eot); /* IE9 */
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-Italic.759fd5fd.woff2) format("woff2"), url(fonts/HelveticaNeue-Italic.5cac8622.woff) format("woff"), url(fonts/HelveticaNeue-Italic.e00e52a5.ttf) format("truetype"), url(fonts/HelveticaNeue-Italic.123cb2f6.eot); /* IE9 */
  font-weight: 400;
  font-style: italic;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-Light.104e476c.woff2) format("woff2"), url(fonts/HelveticaNeue-Light.44e81347.woff) format("woff"), url(fonts/HelveticaNeue-Light.4c490f15.ttf) format("truetype"), url(fonts/HelveticaNeue-Light.65f5369f.eot); /* IE9 */
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-LightItalic.e0ad591d.woff2) format("woff2"), url(fonts/HelveticaNeue-LightItalic.781213b6.woff) format("woff"), url(fonts/HelveticaNeue-LightItalic.59e4a2da.ttf) format("truetype"), url(fonts/HelveticaNeue-LightItalic.b0be5e38.eot); /* IE9 */
  font-weight: 300;
  font-style: italic;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-Medium.57e3eb86.woff2) format("woff2"), url(fonts/HelveticaNeue-Medium.542c9e31.woff) format("woff"), url(fonts/HelveticaNeue-Medium.bfab0700.ttf) format("truetype"), url(fonts/HelveticaNeue-Medium.cd96097b.eot); /* IE9 */
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-MediumItalic.b1dd66d3.woff2) format("woff2"), url(fonts/HelveticaNeue-MediumItalic.9db31c30.woff) format("woff"), url(fonts/HelveticaNeue-MediumItalic.bcd240a1.ttf) format("truetype"), url(fonts/HelveticaNeue-MediumItalic.f4e9fb9b.eot); /* IE9 */
  font-weight: 500;
  font-style: italic;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-Bold.6c8707bb.woff2) format("woff2"), url(fonts/HelveticaNeue-Bold.fb390ae7.woff) format("woff"), url(fonts/HelveticaNeue-Bold.935737f4.ttf) format("truetype"), url(fonts/HelveticaNeue-Bold.1f0743bd.eot); /* IE9 */
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Helvetica Neue";
  src: url(fonts/HelveticaNeue-BoldItalic.c6a01f24.woff2) format("woff2"), url(fonts/HelveticaNeue-BoldItalic.d77286cf.woff) format("woff"), url(fonts/HelveticaNeue-BoldItalic.851554ab.ttf) format("truetype"), url(fonts/HelveticaNeue-BoldItalic.d2535678.eot); /* IE9 */
  font-weight: 700;
  font-style: italic;
  font-display: swap;
  descent-override: 0%;
  ascent-override: 80%;
  line-gap-override: 0%;
}
@media screen and (max-width: 600px) {
  #wpadminbar {
    position: fixed;
  }
}
html.mainmenu--open {
  overflow: hidden;
}

.navigation-container {
  height: var(--mainmenu--height);
  position: sticky;
  inset: var(--wp-admin--admin-bar--height, 0px) 0px 0px;
  z-index: var(--z-index--navbar);
  display: grid;
  grid-template-areas: "logo  search burger" "menu  menu   menu" "extra extra  extra";
  grid-template-columns: 1fr auto auto;
  grid-template-rows: 76px 1fr auto;
  grid-column-gap: 14px;
  align-items: center;
  justify-items: start;
  transition: translate 0.25s ease 0s;
}
@media screen and (max-width: 600px) {
  .navigation-container {
    inset: var(--wp-admin--admin-bar--height, 0px) 0px 0px;
  }
}
.navigation-container.hidden {
  translate: 0px -100%;
}

:root.mainmenu--open .navigation-container.hidden {
  translate: none;
}

.mainmenu__logo-link {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: logo;
  position: relative;
}

.navigation-container[data-mode=desktop] > .mainmenu__logo-link {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}

.mainmenu__search-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: search;
}

.navigation-container[data-mode=desktop] > .mainmenu__search-btn {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}

.mainmenu__burger-btn {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
  grid-area: burger;
}

.mainmenu {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: menu;
}

.navigation-container[data-mode=desktop] > .mainmenu {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
}

.mainmenu__extra {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 5;
  grid-area: extra;
}

.navigation-container[data-mode=desktop] > .mainmenu__extra {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
}

.navigation-container[data-mode=mobile][data-burger-state=open] {
  position: fixed;
  height: auto;
}

.navigation-container[data-is-transparent=true] .mainmenu__logo.colored {
  opacity: 0;
}
.navigation-container[data-is-transparent=true] .mainmenu__logo.white {
  opacity: 1;
}

.navigation-container[data-is-transparent=true]:hover .mainmenu__logo.colored {
  opacity: 1;
}
.navigation-container[data-is-transparent=true]:hover .mainmenu__logo.white {
  opacity: 0;
}

.navigation-container[data-is-transparent=false] .mainmenu__logo.colored {
  opacity: 1;
}
.navigation-container[data-is-transparent=false] .mainmenu__logo.white {
  opacity: 0;
}

html:not(.mainmenu--open) .navigation-container[data-is-transparent=true]:not(:hover) {
  color: var(--pure-white);
}
html:not(.mainmenu--open) .navigation-container[data-is-transparent=true]:not(:hover)::before {
  opacity: 0;
}
html:not(.mainmenu--open) .navigation-container[data-is-transparent=true]:not(:hover) .mainmenu__sub-ul-summary::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
}
html:not(.mainmenu--open) .navigation-container[data-is-transparent=true]:not(:hover) .mainmenu__search-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44MTQgMTguODk5bC00LjI4My00LjI4MkE4Ljk2IDguOTYgMCAwIDAgMTguNSA5YzAtNC45NjgtNC4wMzItOS05LTlzLTkgNC4wMzItOSA5IDQuMDMyIDkgOSA5YTguOTYgOC45NiAwIDAgMCA1LjYxNy0xLjk2OWw0LjI4MiA0LjI4MyAxLjQxNS0xLjQxNXpNMTYuNSA5Yy4wMDMgMS44Mi0uNzA2IDMuNTctMS45NzUgNC44NzVsLS4xNS4xNUMxMy4wNyAxNS4yOTQgMTEuMzIgMTYuMDAzIDkuNSAxNmE3IDcgMCAxIDEgMC0xNCA3IDcgMCAwIDEgNyA3eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==);
}
html:not(.mainmenu--open) .navigation-container[data-is-transparent=true]:not(:hover) .mainmenu__burger-btn {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9IjExIiB4Mj0iMjQiIHkyPSIxMSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeTE9IjMuNSIgeDI9IjI0IiB5Mj0iMy41IiBzdHJva2U9IiNGRkZGRkYiIHN0cm9rZS13aWR0aD0iMiIvPgo8bGluZSB5MT0iMTguNSIgeDI9IjI0IiB5Mj0iMTguNSIgc3Ryb2tlPSIjRkZGRkZGIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
}

.navigation-container::before {
  content: "";
  display: block;
  grid-row: 1;
  grid-column: 1/span 3;
  background-color: var(--pure-white);
  width: 100%;
  height: 100%;
  transition: opacity 0.25s ease 0s;
  z-index: -1;
}

.mainmenu__logo-link {
  margin-left: var(--ultrawide-padding);
}

.mainmenu__logo {
  width: 127px;
  height: 44px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center left;
     object-position: center left;
  transition: opacity 0.25s ease-in-out;
}
.mainmenu__logo.white {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
@media screen and (min-width: 783px) {
  .mainmenu__logo {
    width: 161px;
    height: 56px;
  }
}

.mainmenu__search-btn {
  min-width: var(--min-tap-target-size, 9mm);
  min-height: var(--min-tap-target-size, 9mm);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMSIgaGVpZ2h0PSIyMSIgZmlsbD0ibm9uZSIgeG1sbnM6dj0iaHR0cHM6Ly92ZWN0YS5pby9uYW5vIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMC44MTQgMTguODk5bC00LjI4My00LjI4MkE4Ljk2IDguOTYgMCAwIDAgMTguNSA5YzAtNC45NjgtNC4wMzItOS05LTlzLTkgNC4wMzItOSA5IDQuMDMyIDkgOSA5YTguOTYgOC45NiAwIDAgMCA1LjYxNy0xLjk2OWw0LjI4MiA0LjI4MyAxLjQxNS0xLjQxNXpNMTYuNSA5Yy4wMDMgMS44Mi0uNzA2IDMuNTctMS45NzUgNC44NzVsLS4xNS4xNUMxMy4wNyAxNS4yOTQgMTEuMzIgMTYuMDAzIDkuNSAxNmE3IDcgMCAxIDEgMC0xNCA3IDcgMCAwIDEgNyA3eiIgZmlsbD0iIzMxM0M0NSIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainmenu__search-btn[aria-expanded=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjE4NSAzTDMgMjIuMTg1IiBzdHJva2U9IiMzMTNDNDUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMi4xODUgMjIuMTg1TDMgMyIgc3Ryb2tlPSIjMzEzQzQ1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K);
}

.mainmenu__burger-btn {
  min-width: var(--min-tap-target-size, 9mm);
  min-height: var(--min-tap-target-size, 9mm);
  margin-right: var(--theme--horizontal-padding);
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGxpbmUgeTE9IjExIiB4Mj0iMjQiIHkyPSIxMSIgc3Ryb2tlPSIjMzEzQzQ1IiBzdHJva2Utd2lkdGg9IjIiLz4KPGxpbmUgeTE9IjMuNSIgeDI9IjI0IiB5Mj0iMy41IiBzdHJva2U9IiMzMTNDNDUiIHN0cm9rZS13aWR0aD0iMiIvPgo8bGluZSB5MT0iMTguNSIgeDI9IjI0IiB5Mj0iMTguNSIgc3Ryb2tlPSIjMzEzQzQ1IiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+Cg==);
  background-repeat: no-repeat;
  background-size: 24px;
  background-position: center;
}
.mainmenu__burger-btn[aria-expanded=true] {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIyLjE4NSAzTDMgMjIuMTg1IiBzdHJva2U9IiMzMTNDNDUiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIi8+CjxwYXRoIGQ9Ik0yMi4xODUgMjIuMTg1TDMgMyIgc3Ryb2tlPSIjMzEzQzQ1IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1taXRlcmxpbWl0PSIxMCIvPgo8L3N2Zz4K);
}

.mainmenu,
.mainmenu__extra {
  display: none;
  align-self: stretch;
  justify-self: stretch;
}

.mainmenu[data-expanded=true],
.mainmenu__extra[data-expanded=true] {
  display: block;
}

.mainmenu {
  overflow: auto;
  overscroll-behavior: contain;
}

.navigation-container[data-mode=mobile] .mainmenu {
  background-color: var(--pure-white);
}

.mainmenu__sub-ul-summary {
  width: 100%;
  display: flex;
  align-items: center;
}
.mainmenu__sub-ul-summary.depth--0 {
  justify-content: flex-start;
}
.mainmenu__sub-ul-summary.depth--1 {
  justify-content: space-between;
}
.mainmenu__sub-ul-summary[aria-expanded=true]::after {
  rotate: -90deg;
}

.mainmenu__sub-ul-summary::after {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-left: 4px;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjMzEzQzQ1Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 0.375rem 0.5625rem;
  rotate: 90deg;
}

.mainmenu__a {
  display: block;
}

.mainmenu__sub-ul-summary,
.mainmenu__a {
  --indent-strength: 1;
  --padding-left: calc(var(--indent-strength) * var(--theme--horizontal-padding));
  padding: 16px var(--theme--horizontal-padding) 16px var(--padding-left);
}

.mainmenu__sub-ul-summary.depth--0,
.mainmenu__a.depth--0 {
  font-size: 1.5rem;
  line-height: 1.4em;
  font-weight: 300;
}
@media screen and (min-width: 783px) {
  .mainmenu__sub-ul-summary.depth--0,
  .mainmenu__a.depth--0 {
    font-size: 1rem;
    line-height: 1.6em;
    font-weight: 500;
  }
}

.mainmenu__sub-ul-summary.depth--1,
.mainmenu__sub-ul__a.depth--1 {
  --indent-strength: 2;
  font-size: 18px;
  line-height: 1.6em;
  font-weight: 400;
}
@media screen and (min-width: 783px) {
  .mainmenu__sub-ul-summary.depth--1,
  .mainmenu__sub-ul__a.depth--1 {
    font-size: 1.5rem;
    line-height: 1.4em;
    font-weight: 300;
  }
}

.mainmenu__sub-ul__a.depth--2 {
  --indent-strength: 3;
}

.mainmenu__sub-ul.depth--2 {
  background-color: var(--oce--bg--light);
}

.mainmenu__sub-ul.depth--2::before,
.mainmenu__sub-ul.depth--2::after {
  content: "";
  display: block;
  height: 16px;
}

[data-accordion] {
  --accordion-duration: 300ms;
  --accordion-timing-function: ease;
}

[data-submenu-region] {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--accordion-duration) var(--accordion-timing-function) 0s;
}

[data-submenu-region][data-expanded=true] {
  grid-template-rows: 1fr;
}

[data-submenu-region-inner] {
  overflow: hidden;
}

.mainmenu__extra {
  padding: 0px var(--ultrawide-padding);
  background-color: var(--oce--bg--dark);
  color: var(--pure-white);
}

#mainmenu__menu-social-networks__ul {
  justify-content: center;
  gap: 16px 24px;
}

.pll-switcher-select {
  text-transform: capitalize;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 2px 22px 2px 8px;
  border: 0px;
  background: none;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  flex: none;
  cursor: pointer;
}
.pll-switcher-select:focus-visible {
  outline: none;
}
.pll-switcher-select > option {
  color: black;
}
.pll-switcher-select__wrapper {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  position: relative;
}
.pll-switcher-select__wrapper::after {
  content: "";
  position: absolute;
  right: 6px;
  display: block;
  width: 1em;
  height: 1em;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
  background-size: 0.375rem 0.5625rem;
  background-repeat: no-repeat;
  background-position: center;
  rotate: 90deg;
  flex: none;
  pointer-events: none;
}
.pll-switcher-select__wrapper:focus-within {
  outline: -webkit-focus-ring-color auto 1px;
}

.mainmenu__a,
.mainmenu__sub-ul-summary {
  outline-offset: -1px;
}

.mainmenu__search-region {
  position: fixed;
  inset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--mainmenu--height)) 0px 0px;
}
.mainmenu__search-region::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0px;
  background: rgba(0, 0, 0, 0.24);
  position: absolute;
  z-index: -1;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.mainmenu__search-region[inert]::before {
  opacity: 0;
}
.mainmenu__search-region[inert] > .mainmenu__search-form {
  display: none;
}
@starting-style {
  .mainmenu__search-region::before {
    opacity: 0;
  }
  .mainmenu__search-region > .mainmenu__search-form {
    display: block;
  }
}

@media screen and (min-width: 576px) {
  .mainmenu__extra[data-expanded=true] {
    min-height: 56px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.navigation-container[data-mode=desktop] {
  grid-template-areas: "extra extra extra" "logo  menu  search";
  grid-template-columns: 1fr auto auto;
  grid-template-rows: 56px 104px;
}
.navigation-container[data-mode=desktop] .mainmenu__burger-btn {
  display: none;
}
.navigation-container[data-mode=desktop]::before {
  grid-row: 2;
  grid-column: 1/span 3;
}
.navigation-container[data-mode=desktop] .mainmenu {
  display: block;
  align-self: center;
}
.navigation-container[data-mode=desktop] .mainmenu__a.depth--0 {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
}
.navigation-container[data-mode=desktop] #mainmenu__menu-social-networks__ul {
  gap: 0px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-summary.depth--0,
.navigation-container[data-mode=desktop] .mainmenu__a.depth--0 {
  padding: 0px;
}
.navigation-container[data-mode=desktop] .main-menu__ul.depth--0 {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul__a.depth--1,
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-summary.depth--1 {
  padding: 12px 0px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--2 {
  display: flex;
  flex-flow: column nowrap;
  row-gap: 12px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul__a.depth--2 {
  padding: 0px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-region {
  display: none;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-region.depth--1 {
  position: fixed;
  inset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--mainmenu--height)) 0px auto;
  height: 60vh;
  max-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px) - var(--mainmenu--height) - 24px);
  background-color: var(--oce--bg--light);
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-region.depth--1[data-expanded=true] {
  display: block;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--1,
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--2 {
  padding: var(--theme--horizontal-padding) 24px var(--theme--horizontal-padding) var(--theme--horizontal-padding);
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--1 {
  height: 100%;
  max-width: 420px;
  border-right: 1px solid var(--oce--divider);
  overflow-y: auto;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-region.depth--2 {
  position: absolute;
  inset: 0px 0px 0px 420px;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul-region.depth--2[data-expanded=true] {
  display: block;
}
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--2::before,
.navigation-container[data-mode=desktop] .mainmenu__sub-ul.depth--2::after {
  display: none;
}
.navigation-container[data-mode=desktop] .mainmenu__search-btn {
  margin-right: var(--ultrawide-padding);
}

@media screen and (min-width: 783px) {
  .mainmenu__li--parent.depth--0:has(.mainmenu__sub-ul-region.depth--1[data-expanded=true])::before {
    content: "";
    display: block;
    position: fixed;
    background: var(--oce--bg--dark);
    inset: calc(var(--wp-admin--admin-bar--height, 0px) + var(--mainmenu--height)) 0px 0px;
    opacity: 0.8;
  }
}
.a11y-menu__container {
  display: flex;
  flex-flow: row nowrap;
  gap: 6px;
  align-items: center;
  font-size: 0.875rem;
}
.a11y-menu__toggle {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  color: inherit;
  gap: 7px;
  font-size: 1rem;
}
.a11y-menu__toggle::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAxNiAxMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTcuOTk5NzggMEMxMS41OTQ0IDAgMTQuNTg1MSAyLjU4NjY3IDE1LjIxMjQgNkMxNC41ODU4IDkuNDEzMzMgMTEuNTk0NCAxMiA3Ljk5OTc4IDEyQzQuNDA1MTEgMTIgMS40MTQ0NCA5LjQxMzMzIDAuNzg3MTA5IDZDMS40MTM3OCAyLjU4NjY3IDQuNDA1MTEgMCA3Ljk5OTc4IDBaTTcuOTk5NzggMTAuNjY2N0M5LjM1OTQyIDEwLjY2NjQgMTAuNjc4NyAxMC4yMDQ1IDExLjc0MTcgOS4zNTY3OEMxMi44MDQ3IDguNTA5MDEgMTMuNTQ4NCA3LjMyNTUyIDEzLjg1MTEgNkMxMy41NDczIDQuNjc1NTQgMTIuODAzMSAzLjQ5MzM0IDExLjc0MDIgMi42NDY2OEMxMC42NzczIDEuODAwMDMgOS4zNTg2NSAxLjMzOTAyIDcuOTk5NzggMS4zMzkwMkM2LjY0MDkxIDEuMzM5MDIgNS4zMjIyNCAxLjgwMDAzIDQuMjU5MzYgMi42NDY2OEMzLjE5NjQ4IDMuNDkzMzQgMi40NTIyOSA0LjY3NTU0IDIuMTQ4NDQgNkMyLjQ1MTE3IDcuMzI1NTIgMy4xOTQ4OSA4LjUwOTAxIDQuMjU3ODcgOS4zNTY3OEM1LjMyMDg1IDEwLjIwNDUgNi42NDAxMyAxMC42NjY0IDcuOTk5NzggMTAuNjY2N1pNNy45OTk3OCA5QzcuMjA0MTMgOSA2LjQ0MTA3IDguNjgzOTMgNS44Nzg0NiA4LjEyMTMyQzUuMzE1ODUgNy41NTg3MSA0Ljk5OTc4IDYuNzk1NjUgNC45OTk3OCA2QzQuOTk5NzggNS4yMDQzNSA1LjMxNTg1IDQuNDQxMjkgNS44Nzg0NiAzLjg3ODY4QzYuNDQxMDcgMy4zMTYwNyA3LjIwNDEzIDMgNy45OTk3OCAzQzguNzk1NDMgMyA5LjU1ODQ5IDMuMzE2MDcgMTAuMTIxMSAzLjg3ODY4QzEwLjY4MzcgNC40NDEyOSAxMC45OTk4IDUuMjA0MzUgMTAuOTk5OCA2QzEwLjk5OTggNi43OTU2NSAxMC42ODM3IDcuNTU4NzEgMTAuMTIxMSA4LjEyMTMyQzkuNTU4NDkgOC42ODM5MyA4Ljc5NTQzIDkgNy45OTk3OCA5Wk03Ljk5OTc4IDcuNjY2NjdDOC40NDE4IDcuNjY2NjcgOC44NjU3MyA3LjQ5MTA3IDkuMTc4MjkgNy4xNzg1MUM5LjQ5MDg1IDYuODY1OTUgOS42NjY0NCA2LjQ0MjAzIDkuNjY2NDQgNkM5LjY2NjQ0IDUuNTU3OTcgOS40OTA4NSA1LjEzNDA1IDkuMTc4MjkgNC44MjE0OUM4Ljg2NTczIDQuNTA4OTMgOC40NDE4IDQuMzMzMzMgNy45OTk3OCA0LjMzMzMzQzcuNTU3NzUgNC4zMzMzMyA3LjEzMzgzIDQuNTA4OTMgNi44MjEyNyA0LjgyMTQ5QzYuNTA4NyA1LjEzNDA1IDYuMzMzMTEgNS41NTc5NyA2LjMzMzExIDZDNi4zMzMxMSA2LjQ0MjAzIDYuNTA4NyA2Ljg2NTk1IDYuODIxMjcgNy4xNzg1MUM3LjEzMzgzIDcuNDkxMDcgNy41NTc3NSA3LjY2NjY3IDcuOTk5NzggNy42NjY2N1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.a11y-menu__fontsize {
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  background: var(--oce--bg--dark);
  padding: 6px;
}
.a11y-menu__fontsize-widget {
  background: rgba(92, 102, 111, 0.49);
  border-radius: 100px;
  padding: 0.25em;
  flex-flow: row nowrap;
  gap: 6px;
  align-items: center;
  font-size: 0.875rem;
  display: none;
}
.a11y-menu__fontsize-widget[data-expanded=true] {
  display: flex;
}
.a11y-menu__fontsize-widget__btn {
  align-content: center;
  padding: 0px;
}
input[name=oce-fontsize]:focus-visible + .a11y-menu__fontsize-widget__btn {
  outline: -webkit-focus-ring-color auto 1px;
  outline-offset: -1px;
}
input[name=oce-fontsize]:checked + .a11y-menu__fontsize-widget__btn {
  background: white;
  border-radius: 100px;
  color: var(--oce--text--primary);
  padding: 0px 10px;
  font-weight: 500;
}
#oce-fontsize-default:not(:checked) + .a11y-menu__fontsize-widget__btn {
  padding-left: 0.25em;
}
#oce-fontsize-strengthened:not(:checked) + .a11y-menu__fontsize-widget__btn {
  padding-right: 0.25em;
}

.template-header {
  position: relative;
}
.template-header::before {
  content: "";
  display: block;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  width: 100%;
  height: 100%;
  left: 0px;
  position: absolute;
  -webkit-mask-position: 6% 30%;
          mask-position: 6% 30%;
  -webkit-mask-size: auto 112%;
          mask-size: auto 112%;
  background-size: 12px 12px;
  background-repeat: repeat;
  background-image: url(images/cross--grey.5a0e474d.png);
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 0.5;
}
.template-header::after {
  content: "";
  position: absolute;
  inset: 0px;
  background-image: linear-gradient(90deg, black, var(--transparent-black));
  pointer-events: none;
  opacity: 0.6;
}
.template-header__img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}

.template-header .oce-breadcrumb {
  color: var(--pure-white);
}

.thematic-path-header .oce-breadcrumb {
  color: var(--oce--text--secondary);
}

.oce-breadcrumb {
  position: absolute;
  inset: 24px var(--ultrawide-padding) auto;
  z-index: 1;
}

.oce-breadcrumb__separator {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-size: 0.375rem 0.5625rem;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
  vertical-align: middle;
}

.oce-breadcrumb__last {
  text-overflow: ellipsis;
  max-width: 176px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: bottom;
}

.oce-breadcrumb__details {
  display: inline-block;
}
.oce-breadcrumb__details[open] > summary {
  display: none;
}
.oce-breadcrumb__details > summary {
  list-style-type: none;
}
.oce-breadcrumb__details > summary::marker,
.oce-breadcrumb__details > summary::-webkit-details-marker {
  display: none;
  list-style-type: none;
}

.letter-head {
  position: relative;
  box-sizing: content-box;
  max-width: var(--wysiwyg--content-box--max-width);
  margin: 0px auto;
  background-color: var(--pure-white);
  padding: var(--sheet--padding) var(--sheet--padding) 0px;
}
.letter-head__title {
  margin-top: 24px;
  margin-bottom: 16px;
}

.resource-header {
  background-color: var(--oce--bg--light);
  color: var(--pure-white);
  min-height: 258px;
  margin-bottom: -90px;
}
@media screen and (min-width: 992px) {
  .resource-header {
    min-height: 415px;
    margin-bottom: -152px;
  }
}

.downloadable-resource-sticky-container {
  padding: 0px var(--theme--horizontal-padding);
}

.resource-columns-manager {
  max-width: 1524px;
}

@media (min-width: 1280px) {
  .resource-sheet {
    --sheet--padding: clamp(
        var(--theme--horizontal-padding),
        calc((100% - 39em) / 2),
        120px
    );
    --block--horizontal-padding: clamp(var(--theme--horizontal-padding), calc((100% - 39em) / 2), 120px);
  }
  .resource-columns-manager {
    padding: 0px var(--theme--horizontal-padding);
    margin: 0px auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: stretch;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
  .resource-sheet {
    width: 358px;
    max-width: 944px;
    flex: 2 1 785px;
  }
  .downloadable-resource-sticky-container {
    padding: 0px;
    flex: 1 1 358px;
  }
}
.resource__dl-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--oce--text--primary);
  color: white;
  height: 61px;
  margin-top: 32px;
  border-radius: 31px;
  gap: 16px;
  transition: opacity 0.15s ease 0s;
}
.resource__dl-btn::before {
  content: "";
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDExLjVWMTQuNUgyVjExLjVIMFYxNC41QzAgMTUuNiAwLjkgMTYuNSAyIDE2LjVIMTRDMTUuMSAxNi41IDE2IDE1LjYgMTYgMTQuNVYxMS41SDE0Wk0xMyA3LjVMMTEuNTkgNi4wOUw5IDguNjdWMC41SDdWOC42N0w0LjQxIDYuMDlMMyA3LjVMOCAxMi41TDEzIDcuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.resource__dl-btn.visible {
  opacity: 1;
}
.resource__dl-btn.visible::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
  transform: rotateZ(90deg);
}
.resource__dl-btn.hidden {
  opacity: 0;
}
@media (min-width: 1280px) {
  .resource__dl-btn.visible {
    opacity: 0;
  }
}

select#download-lang {
  border: 2px solid var(--oce--text--primary);
  border-radius: 2px;
  outline-offset: -2px;
  text-transform: uppercase;
  padding: 16px 10px;
  background: white url(data:image/svg+xml;base64,PHN2ZyBzdHlsZT0idHJhbnNmb3JtOnJvdGF0ZSg5MGRlZyk7IiB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjMzEzQzQ1Ii8+Cjwvc3ZnPgo=) no-repeat right 1rem center;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding-right: 2rem !important;
  margin-left: 10px;
  color: var(--oce--text--primary);
  font-weight: 400;
}

.post-header {
  background-color: var(--oce--bg--light);
  min-height: 258px;
  margin-bottom: 0px;
}
@media (min-width: 895px) {
  .post-header {
    min-height: 415px;
    margin-bottom: -234px;
  }
}

.post-letter-head {
  padding: 48px var(--theme--horizontal-padding) 0px;
}

@media (min-width: 895px) {
  .post-letter-head {
    --sheet--padding: clamp(
        var(--theme--horizontal-padding),
        calc((100% - var(--wysiwyg--content-box--max-width) - var(--theme--horizontal-padding) * 2) / 2),
        120px
    );
    padding: var(--sheet--padding) var(--sheet--padding) 0px;
  }
}
.post-letter-head {
  padding-bottom: 48px;
}
.post-letter-head + .oce-wysiwyg {
  margin-top: 0px;
}
.post-letter-head__tags {
  display: flex;
  flex-flow: row wrap;
}

.post-letter-head + .oce-wysiwyg {
  position: relative;
}

.page-header {
  position: relative;
  z-index: 0;
  padding: 0 var(--ultrawide-padding);
  background-color: var(--oce--bg--light);
  min-height: 230px;
  color: var(--pure-white);
  display: flex;
  align-items: center;
}
.page-header .template-header__title {
  position: relative;
  z-index: 2;
  margin-top: 89px;
  margin-bottom: 89px;
}
.page-header .template-header__filigrane {
  position: absolute;
  right: 20px;
  bottom: 0;
  width: auto;
  max-height: 100px;
}

@media screen and (min-width: 992px) {
  .page-header .template-header__filigrane {
    position: absolute;
    right: 10vw;
    max-width: 230px;
    max-height: inherit;
    height: auto;
  }
}
.thematic-path-header {
  padding: 0 var(--ultrawide-padding) 38px;
  background-color: var(--oce--bg--light);
  min-height: 230px;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .thematic-path-header {
    padding-bottom: 80px;
  }
}
.thematic-path-header::before {
  top: 0px;
  -webkit-mask-position: 20% 100%;
          mask-position: 20% 100%;
  -webkit-mask-size: auto 130%;
          mask-size: auto 130%;
}
.thematic-path-header::after {
  content: none;
}
.thematic-path-header .template-header__title {
  margin-bottom: 1rem;
}
.thematic-path-header .template-header__img {
  position: relative;
  aspect-ratio: 702/425;
}
.thematic-path-header .oce-breadcrumb__separator {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjMzEzQzQ1Ii8+Cjwvc3ZnPgo=);
}

@media screen and (min-width: 992px) {
  .thematic-path-header {
    min-height: 415px;
  }
}
.swiper-chapters__tabs__prev, .swiper-chapters__tabs__next {
  position: absolute;
  width: 40px;
  height: calc(100% - 1px);
  top: 2px;
  z-index: 1;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.swiper-chapters__tabs__prev.swiper-button-disabled, .swiper-chapters__tabs__next.swiper-button-disabled {
  opacity: 0;
}
.swiper-chapters__tabs__prev::before, .swiper-chapters__tabs__prev::after, .swiper-chapters__tabs__next::before, .swiper-chapters__tabs__next::after {
  content: "";
  display: block;
}
.swiper-chapters__tabs__prev::before, .swiper-chapters__tabs__next::before {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, var(--oce--bg--light), var(--oce--bg--light--0));
}
.swiper-chapters__tabs__prev::after, .swiper-chapters__tabs__next::after {
  position: absolute;
  width: 32px;
  height: 32px;
  background-color: white;
  border-radius: 16px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 7px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjMzEzQzQ1Ii8+Cjwvc3ZnPgo=);
  rotate: 180deg;
}
.swiper-chapters__tabs__next {
  right: 0px;
  scale: -1;
}

.chevron--before,
.chevron--after {
  display: inline-flex;
  flex-flow: row nowrap;
  align-items: center;
  gap: 12px;
  text-decoration: none;
}

.chevron--before::before,
.chevron--after::after {
  content: "";
  width: 36px;
  height: 36px;
  background-color: var(--oce--red);
  background-size: auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 18px;
}

.cta {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-radius: 50px;
  text-decoration: none;
  gap: 10px;
  padding: 12px 25px 12px 12px;
  color: var(--oce--text--primary);
}
.cta::before, .cta::after {
  content: "";
  width: 40px;
  height: 40px;
  flex: none;
}
.cta::after {
  position: absolute;
  border-radius: 50%;
  background-color: var(--oce--red);
}
.cta::before {
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.cta.cta--download {
  padding: 10px 10px 10px 22px;
  background-color: var(--oce--bg--light);
  flex-direction: row-reverse;
}
.cta.cta--download::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgMCAxNiAxNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0IDExLjVWMTQuNUgyVjExLjVIMFYxNC41QzAgMTUuNiAwLjkgMTYuNSAyIDE2LjVIMTRDMTUuMSAxNi41IDE2IDE1LjYgMTYgMTQuNVYxMS41SDE0Wk0xMyA3LjVMMTEuNTkgNi4wOUw5IDguNjdWMC41SDdWOC42N0w0LjQxIDYuMDlMMyA3LjVMOCAxMi41TDEzIDcuNVoiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=);
}
.cta.cta--arrow--before--white {
  background-color: var(--pure-white);
  line-height: 1.1em;
}
.cta.cta--arrow--before--white::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
}
.cta.cta--arrow--before--black {
  background-color: var(--oce--text--primary);
  color: var(--pure-white);
}
.cta.cta--arrow--before--black::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjRkZGRkZGIi8+Cjwvc3ZnPgo=);
}

.tag {
  text-transform: uppercase;
}
.tag--red {
  color: var(--oce--red);
}

.card-wrapper,
.swiper-slide.card-wrapper {
  display: block;
  width: var(--card--width);
  height: auto;
  border-radius: 4px;
  overflow: hidden;
}

.card-wrapper.card-wrapper--project {
  width: var(--card--width);
}

.card {
  height: 100%;
}

.card--thematic-path {
  display: flex;
  flex-flow: column nowrap;
  background-color: var(--oce--bg--light);
}
.card--thematic-path__img {
  background-color: var(--oce--divider);
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 150px;
}
@media screen and (min-width: 992px) {
  .card--thematic-path__img {
    height: 160px;
  }
}
.card--thematic-path__texts {
  flex-grow: 1;
  display: flex;
  flex-flow: column nowrap;
  --texts--padding: 32px;
  padding: var(--texts--padding);
}
@media screen and (min-width: 992px) {
  .card--thematic-path__texts {
    --texts--padding: 48px;
  }
}
.card--thematic-path__tag {
  --tag--margin-bottom: 16px;
  margin-bottom: var(--tag--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--thematic-path__tag {
    --tag--margin-bottom: 24px;
  }
}
.card--thematic-path__title {
  --title--margin-bottom: 16px;
  margin-bottom: var(--title--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--thematic-path__title {
    --title--margin-bottom: 24px;
  }
}
.card--thematic-path__text {
  --text--margin-bottom: 32px;
  margin-bottom: var(--text--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--thematic-path__text {
    --text--margin-bottom: 64px;
  }
}
.card--thematic-path__cta {
  margin-top: auto;
}

.card--project {
  background-color: var(--pure-white);
  border-left: 8px solid #21A8AF;
  display: flex;
  flex-flow: column nowrap;
  --card--padding: 32px;
  padding: var(--card--padding);
}
@media screen and (min-width: 992px) {
  .card--project {
    --card--padding: 48px;
  }
}
.card--project__title {
  margin-bottom: 24px;
}
.card--project__text {
  --line-clamp: 4;
  --text--margin-bottom: 48px;
  margin-bottom: var(--text--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--project__text {
    --text--margin-bottom: 64px;
  }
}
.card--project__cta {
  margin-top: auto;
}

.card--resource {
  background-color: var(--oce--bg--light);
  position: relative;
  display: flex;
  flex-flow: column nowrap;
}
.card--resource__img {
  background-color: var(--oce--divider);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  --img--height: 150px;
  height: var(--img--height);
}
@media screen and (min-width: 992px) {
  .card--resource__img {
    --img--height: 160px;
  }
}
.card--resource__picto-wrapper {
  position: absolute;
  inset: 8px 8px auto auto;
  display: flex;
  flex-flow: row nowrap;
  gap: 4px;
}
.card--resource__picto {
  width: 40px;
  height: 40px;
  padding: 8px;
  border-radius: 4px;
  background-color: var(--pure-white);
  -o-object-fit: contain;
     object-fit: contain;
  flex: none;
}
.card--resource__texts {
  flex: 1;
  --texts--padding: 24px;
  padding: var(--texts--padding);
  display: flex;
  flex-flow: column nowrap;
}
@media screen and (min-width: 992px) {
  .card--resource__texts {
    --texts--padding: 32px;
  }
}
.card--resource__tag {
  display: block;
  text-transform: uppercase;
  color: var(--oce--red);
  margin-bottom: 16px;
}
.card--resource__title {
  margin-bottom: 16px;
}
.card--resource__text {
  --text--margin-bottom: 48px;
  margin-bottom: var(--text--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--resource__text {
    --text--margin-bottom: 92px;
  }
}
.card--resource__translations {
  margin-top: auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(2ch, 1fr));
  gap: 1rem;
}
.card--resource__translation {
  text-transform: uppercase;
  color: #7F888F;
}

div.card--resource__img::after,
div.card--thematic-path__img::after,
div.card--post__img::after {
  content: "";
  display: block;
  margin: auto calc(-1 * var(--card--padding)) calc(-1 * var(--card--padding));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  height: 100%;
  -webkit-mask-position: 14% 0%;
          mask-position: 14% 0%;
  -webkit-mask-size: auto 112%;
          mask-size: auto 112%;
  background-size: 12px 12px;
  background-repeat: repeat;
  background-image: url(images/cross--grey.5a0e474d.png);
  mix-blend-mode: multiply;
}

.card--post {
  background-color: var(--pure-white);
  display: flex;
  flex-flow: column nowrap;
}
.card--post__img {
  background-color: var(--oce--divider);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  --img--height: 167px;
  height: var(--img--height);
}
@media screen and (min-width: 992px) {
  .card--post__img {
    --img--height: 240px;
  }
}
.card--post__texts {
  flex: 1;
  display: flex;
  flex-flow: column nowrap;
  --texts--padding: 32px;
  padding: var(--texts--padding);
}
@media screen and (min-width: 992px) {
  .card--post__texts {
    --texts--padding: 48px;
  }
}
.card--post__tags {
  margin-bottom: 16px;
  display: flex;
  flex-flow: row wrap;
}
.card--post__secondary-tag {
  display: inline-flex;
  align-items: center;
  color: var(--oce--text--primary);
}
.card--post__secondary-tag::before {
  content: "";
  width: 3px;
  height: 3px;
  background-color: var(--oce--text--primary);
  display: inline-block;
  margin: 0px 10px;
  border-radius: 2px;
}
.card--post__title {
  margin-bottom: 16px;
}
.card--post__date {
  margin-bottom: 64px;
}
.card--post__cta {
  margin-top: auto;
}

.card--partner {
  display: flex;
  flex-flow: column;
  align-items: flex-start;
  justify-content: space-between;
  --card--padding: 32px;
  position: relative;
  /** 
   * Implement rollover management
   */
}
@media screen and (min-width: 992px) {
  .card--partner {
    --card--padding: 48px;
  }
}
.card--partner__img {
  position: absolute;
  inset: 0px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.card--partner::after {
  content: "";
  position: absolute;
  inset: 0px;
  background-color: var(--pure-black);
  opacity: 0.5;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .card--partner::after {
    opacity: 0.4;
  }
}
.card--partner__logo {
  width: 187px;
  height: 86px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top left;
     object-position: top left;
  margin: var(--card--padding) 0px 0px var(--card--padding);
}
.card--partner__texts {
  width: 100%;
  max-width: 491px;
  color: var(--pure-white);
  padding: var(--card--padding);
}
@media screen and (min-width: 581px) and (max-width: 822px), screen and (min-width: 1164px) {
  .card--partner__texts {
    margin-left: auto;
    position: relative;
    --max-lines: 5;
    --line-height: 1lh;
  }
  .card--partner__texts::before {
    content: "";
    position: absolute;
    inset: 0px;
    background-color: var(--oce--text--primary);
    transition: opacity var(--transition-duration) ease 0s;
    z-index: -1;
  }
  .card--partner__texts > p {
    --line-clamp: var(--max-lines);
    height: calc(var(--max-lines) * var(--line-height, 1em));
  }
}
.card--partner__text {
  margin-bottom: var(--card--padding);
}
.card--partner__cta {
  display: flex;
  margin-top: auto;
}
@media screen and (min-width: 581px) and (max-width: 822px) and (hover: hover), screen and (min-width: 1164px) and (hover: hover) {
  .card--partner__texts {
    --min-lines: 3;
    --lines-diff: calc(var(--max-lines) - var(--min-lines));
    --line-height: 1lh;
    display: block;
    --transition-duration: 0.5s;
    translate: 0px calc(var(--card--padding) + 36px + var(--lines-diff) * var(--line-height));
    transition: translate var(--transition-duration) ease 0s;
  }
  .card--partner__texts::before {
    opacity: 0;
  }
  .card--partner__texts::after {
    content: attr(data-text);
    position: absolute;
    inset: var(--card--padding);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: var(--min-lines);
    overflow: hidden;
    max-height: calc(var(--min-lines) * var(--line-height));
    transition: opacity var(--transition-duration) ease 0s;
  }
  .card--partner__texts > p {
    opacity: 0;
    transition: opacity var(--transition-duration) ease 0s;
  }
  .card--partner:hover > .card--partner__texts {
    translate: 0px 0px;
  }
  .card--partner:hover > .card--partner__texts::before {
    opacity: 1;
  }
  .card--partner:hover > .card--partner__texts::after {
    opacity: 0;
  }
  .card--partner:hover > .card--partner__texts > p {
    opacity: 1;
  }
}

/* ------------------------------- REVIEWING FROM HERE ----------------------------------------------------------- */
.oce-filtered-grid--search_results .card--project,
.oce-filtered-grid--search_results .card--post,
.oce-filtered-grid--search_results .card--event {
  background-color: var(--oce--bg--light);
}
.oce-filtered-grid--search_results .card--project::after,
.oce-filtered-grid--search_results .card--post::after,
.oce-filtered-grid--search_results .card--event::after {
  mix-blend-mode: darken;
}

.card--event {
  background-color: var(--pure-white);
  padding: var(--card--padding);
  --card--padding: 32px;
  display: flex;
  flex-flow: column nowrap;
  position: relative;
}
.card--event__date, .card--event__tag {
  --tag--margin-bottom: 16px;
  margin-bottom: var(--tag--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--event__date, .card--event__tag {
    --tag--margin-bottom: 24px;
  }
}
.card--event__date {
  text-transform: capitalize;
}
.card--event__title {
  --title--margin-bottom: 60px;
  margin-bottom: var(--title--margin-bottom);
}
@media screen and (min-width: 992px) {
  .card--event__title {
    --title--margin-bottom: 12px;
  }
}
.card--event::after {
  content: "";
  display: block;
  margin: auto calc(-1 * var(--card--padding)) calc(-1 * var(--card--padding));
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  height: 170px;
  -webkit-mask-position: 14% 0%;
          mask-position: 14% 0%;
  -webkit-mask-size: auto 112%;
          mask-size: auto 112%;
  background-size: 12px 12px;
  background-repeat: repeat;
  background-image: url(images/cross--red.e9d1afee.png);
}
.card--event__cta {
  position: absolute;
  bottom: var(--card--padding);
  margin-top: auto;
}

.card--page__title {
  margin-bottom: 64px;
}

@media (min-width: 1280px) {
  .resource-sheet .card--event {
    --card--padding: 32px;
  }
  .resource-sheet .card--event::after {
    height: 170px;
    -webkit-mask-position: 14% 0%;
            mask-position: 14% 0%;
    -webkit-mask-size: auto 112%;
            mask-size: auto 112%;
  }
}
@media screen and (min-width: 992px) {
  .card--event {
    --card--padding: 48px;
  }
  .card--event::after {
    height: 313px;
    -webkit-mask-position: 19% 100%;
            mask-position: 19% 100%;
    -webkit-mask-size: auto 90%;
            mask-size: auto 90%;
  }
}
.card--downloadable-resource {
  background-color: var(--oce--bg--light);
  border-top: 3px solid var(--oce--red);
  border-radius: 4px;
  position: sticky;
  padding: 24px 16px 16px;
  top: calc(var(--wp-admin--admin-bar--height, 0px) + 24px);
  transition: top 0.25s ease 0s;
}
@media screen and (min-width: 768px) {
  .card--downloadable-resource {
    padding: 32px 48px 48px;
  }
}
.card--downloadable-resource__uppercase {
  text-transform: uppercase;
}
.card--downloadable-resource__lang__title {
  color: var(--oce--text--primary);
}
.card--downloadable-resource__img {
  width: 150px;
  height: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  flex: 0 0 150px;
}
.card--downloadable-resource__file-details {
  margin-top: 18px;
}

.navigation-container.visible + main .card--downloadable-resource {
  top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--mainmenu--height) + 24px);
}

.badge--resource__picto {
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: var(--pure-white);
  -o-object-fit: contain;
     object-fit: contain;
  flex: none;
}

.accordion-summary {
  position: relative;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: center;
}
.accordion-summary::before, .accordion-summary::after {
  content: "";
  width: 12px;
  height: 2px;
  background-color: var(--theme--red);
  position: absolute;
  right: 0px;
  transform-origin: center;
  transition: transform var(--accordion--transition);
}
.accordion-summary::after {
  transform: rotateZ(-90deg);
}
.accordion-summary[aria-expanded=true]::before {
  transform: rotateZ(-180deg) scaleY(0);
}
.accordion-summary[aria-expanded=true]::after {
  transform: rotateZ(-180deg);
}

.accordion-region {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows var(--accordion--transition);
}
.accordion-region[data-expanded=true] {
  grid-template-rows: 1fr;
}

.accordion-region__inner {
  overflow: hidden;
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  justify-content: flex-start;
}

.menu-social-networks__ul {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}

.menu-social-networks__a {
  width: var(--min-tap-target-size, 9mm);
  height: var(--min-tap-target-size, 9mm);
  box-sizing: content-box;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.menu-social-networks__img {
  width: 1rem;
  height: 1rem;
}

.oce-swiper-controls {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  margin-top: 32px;
}
@media screen and (min-width: 768px) {
  .oce-swiper-controls {
    margin-top: 48px;
  }
}

.swiper.locked .oce-swiper-controls {
  display: none;
}

.oce-swiper-button-prev,
.oce-swiper-button-next {
  width: 24px;
  height: 24px;
  background-size: auto;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--chevron-svg, url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDggMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik01LjE3MTY4IDcuMDAwMjNMMC4yMjE2OCAyLjA1MDIzTDEuNjM1NjggMC42MzYyM0w3Ljk5OTY4IDcuMDAwMjNMMS42MzU2OCAxMy4zNjQyTDAuMjIxNjggMTEuOTUwMkw1LjE3MTY4IDcuMDAwMjNaIiBmaWxsPSIjMzEzQzQ1Ii8+Cjwvc3ZnPgo=));
}

.oce-swiper-button-prev {
  rotate: 180deg;
  margin-left: 24px;
  margin-right: 8px;
}

.swiper-button-disabled {
  opacity: 0.2;
}

.oce-swiper-scrollbar-track {
  width: 100%;
  z-index: 50;
  height: 2px;
  position: relative;
  touch-action: none;
  background-color: var(--track-color, var(--oce--divider));
  opacity: 1;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
}

.oce-swiper-scrollbar-drag {
  position: relative;
  height: 2px;
  background-color: var(--drag-color, var(--oce--text--primary));
}

.swiper-scrollbar-lock {
  display: none;
}

.error-page {
  position: relative;
  min-height: cacl(80vh-var(--mainmenu--height));
  padding-bottom: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.error-page::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
          mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDU2MyIgaGVpZ2h0PSI4MjMiIHZpZXdCb3g9IjAgMCA0NTYzIDgyMyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTgzNC43MjUgMjIxLjQyOEM5OTYuNTk2IDIyMS42MjIgMTE1MS43OCAyODUuMDY0IDEyNjYuMjQgMzk3LjgzOEMxMzgwLjcgNTEwLjYxMyAxNDQ1LjA5IDY2My41MTMgMTQ0NS4yOSA4MjNIMTY3MC4xOUMxNjczLjQxIDY2NS41MTggMTczOS4xNyA1MTUuNTU4IDE4NTMuMzQgNDA1LjMwN0MxOTY3LjUyIDI5NS4wNTYgMjEyMS4wMSAyMzMuMzAzIDIyODAuODggMjMzLjMwM0MyNDQwLjc1IDIzMy4zMDMgMjU5NC4yNCAyOTUuMDU2IDI3MDguNDIgNDA1LjMwN0MyODIyLjU5IDUxNS41NTggMjg4OC4zNSA2NjUuNTE4IDI4OTEuNTcgODIzSDMxMTYuOTdDMzEyMC4xOSA2NjUuNTE4IDMxODUuOTQgNTE1LjU1OCAzMzAwLjEyIDQwNS4zMDdDMzQxNC4yOSAyOTUuMDU2IDM1NjcuNzkgMjMzLjMwMyAzNzI3LjY2IDIzMy4zMDNDMzg4Ny41MiAyMzMuMzAzIDQwNDEuMDIgMjk1LjA1NiA0MTU1LjE5IDQwNS4zMDdDNDI2OS4zNyA1MTUuNTU4IDQzMzUuMTIgNjY1LjUxOCA0MzM4LjM0IDgyM0g0NTYzQzQ1NjMuMDcgNjQxLjgwMiA0NTAyLjQzIDQ2NS42NTQgNDM5MC40OCAzMjEuODk3QzQyNzguNTMgMTc4LjE0IDQxMjEuNTUgNzQuODE3OCAzOTQzLjkgMjcuOTcxMkMzNzY2LjI1IC0xOC44NzUyIDM1NzcuODcgLTYuNjI0OTEgMzQwOC4wMSA2Mi44MjA0QzMyMzguMTUgMTMyLjI2NSAzMDk2LjMxIDI1NS4wMiAzMDA0LjUyIDQxMi4wMjdDMjkzMS4zNyAyODYuODIxIDI4MjYuMDMgMTgyLjgyIDI2OTkuMDkgMTEwLjUwNUMyNTcyLjE2IDM4LjE4OSAyNDI4LjEyIDAuMTEyODM5IDIyODEuNSAwLjExMjgzOUMyMTM0Ljg4IDAuMTEyODM5IDE5OTAuODQgMzguMTg5IDE4NjMuOTEgMTEwLjUwNUMxNzM2Ljk3IDE4Mi44MiAxNjMxLjYzIDI4Ni44MjEgMTU1OC40OCA0MTIuMDI3QzE0NjYuNjkgMjU1LjAyIDEzMjQuODUgMTMyLjI2NSAxMTU0Ljk5IDYyLjgyMDRDOTg1LjEyNyAtNi42MjQ5MSA3OTYuNzQ5IC0xOC44NzUyIDYxOS4wOTcgMjcuOTcxMkM0NDEuNDQ1IDc0LjgxNzggMjg0LjQ2NSAxNzguMTQgMTcyLjUyIDMyMS44OTdDNjAuNTY5NiA0NjUuNjU0IC0wLjA3MjE2NTMgNjQxLjgwMiA2LjQ0NDkyZS0wNSA4MjNIMjIzLjkxM0MyMjQuMTEgNjYzLjQ3IDI4OC41MzcgNTEwLjUzNCA0MDMuMDQ4IDM5Ny43NTJDNTE3LjU2NSAyODQuOTcxIDY3Mi44MSAyMjEuNTU3IDgzNC43MjUgMjIxLjQyOFoiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
  width: 100%;
  height: 100%;
  -webkit-mask-position: 50% bottom;
          mask-position: 50% bottom;
  -webkit-mask-size: auto 80%;
          mask-size: auto 80%;
  background-size: 12px 12px;
  background-repeat: repeat;
  background-image: url(images/cross--red.e9d1afee.png);
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 0.4;
}
.error-page__container {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 30px;
}
.error-page__container h1 {
  font-size: 24rem;
  font-weight: 400;
  color: var(--oce--primary);
  margin-bottom: 30px;
}

@media screen and (max-width: 1024px) {
  .error-page__container h1 {
    font-size: 14rem;
    margin-bottom: 0px;
  }
}
.popin {
  display: none;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10;
  transition: opacity 500ms ease-in-out;
  opacity: 0;
  pointer-events: none;
}
.popin.open {
  display: flex;
  opacity: 1;
  pointer-events: all;
}

.popin__inner {
  position: relative;
  display: flex;
  justify-content: center;
  border-radius: 4px;
  background-color: var(--pure-white);
  max-width: 90%;
  max-height: 90%;
  margin: 0 auto;
}

.popin__close {
  position: absolute;
  top: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--oce--divider);
  background: white;
  cursor: pointer;
}

.popin__close .line {
  width: 10px;
  height: 1px;
  background-color: var(--pure-black);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.popin__close .line:last-child {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.popin__img {
  aspect-ratio: 500/615;
  max-width: 420px;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  position: sticky;
  top: 0;
}

.popin__content {
  display: flex;
  padding: 64px;
  flex-direction: column;
  max-width: 620px;
  height: 100%;
}

.popin__title {
  margin-bottom: 24px;
}

.popin__text {
  margin-bottom: 32px;
}

.popin__cta-container {
  display: flex;
}

@media screen and (max-width: 992px) {
  .popin__inner {
    flex-direction: column;
    justify-content: flex-start;
  }
  .popin__content {
    padding: 20px;
  }
  .popin__img {
    flex: none;
    position: static;
    height: 200px;
    max-width: none;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
  }
}
.newsletter {
  --newsletter--vertical-padding: 48px;
  padding: var(--newsletter--vertical-padding) var(--ultrawide-padding);
  background-color: var(--oce--text--primary);
  color: var(--pure-white);
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 24px;
}
.newsletter__title {
  flex: 1 2 min-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}
.newsletter__form-enclosure {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex: 1 1 340px;
  margin-bottom: auto;
}
.newsletter__form {
  width: 100%;
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  padding: 6px 6px 6px 24px;
  gap: 6px;
  border-radius: 3em;
  background-color: var(--oce--text--secondary);
  max-width: 512px;
}
.newsletter__form__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
  border: none;
  width: 100%;
  flex: 1 1 100%;
  color: var(--pure-white);
}
.newsletter__form__input::-moz-placeholder {
  color: inherit;
}
.newsletter__form__input::placeholder {
  color: inherit;
}
.newsletter__form__button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  padding: 12px 24px;
  border-radius: 2em;
  background-color: var(--pure-white);
  color: var(--oce--text--primary);
}
.newsletter .sib_loader {
  position: absolute;
  right: 16px;
  top: 20px;
}

.footer {
  padding: var(--theme--horizontal-padding) var(--ultrawide-padding) 32px;
  background-color: var(--oce--bg--dark);
  color: var(--pure-white);
}

.footer__menu-social-networks-nav::after,
.footer::before {
  display: block;
  background-repeat: no-repeat;
  aspect-ratio: 1524/330;
}

.footer::before {
  content: "";
  position: absolute;
  background-position: left;
  background-size: auto 100%;
}

.footer__menu-social-networks-nav::after {
  width: 100%;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2NlLWxvZ28tYXJjaC0tcmVkIiB3aWR0aD0iNDU1IiBoZWlnaHQ9Ijk5IiB2aWV3Qm94PSIwIDAgNDU1IDk5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDU0LjEgOTMuMDQ5M0M0NDEuNjAxIDU4LjM5OTEgNDEwLjUwOCAzMy43Mjg2IDM3NS43ODQgMzYuNzI0NkMzNDcuOTEyIDM4Ljk3NjggMzI2LjYyNSA1OS44NDU0IDMyMC4zODYgODYuNTQwOEMzMDYuOTQ5IDg4LjMzODQgMjk0LjI4OCA5Mi41OTQ4IDI4Mi44MjkgOTguODc2VjkzLjA0OTNDMjgyLjYyNSA5MC45ODMxIDI4Mi41MjMgODguOTE2OSAyODIuNDgyIDg2Ljg3MTRDMjc5LjQ0NCA1OC44MzMgMjU1LjkzNSAzNi45NTE5IDIyNy40NzEgMzYuOTUxOUMxOTkuMDA4IDM2Ljk1MTkgMTc1LjY0MSA1OC43Mjk3IDE3Mi41MDEgODYuNjY0OEMxNTkuNjE1IDg4LjUyNDQgMTQ3LjE3OCA5Mi43NjAxIDEzNS43OCA5OVY5My4wN0MxMzEuNzAyIDYzLjMxNjcgMTA5LjI1MyAzOS4xODM0IDc5LjEzODEgMzYuNzQ1M0M0NC40MTQ5IDMzLjc0OTMgMTMuMzQxNCA1OC40MTk4IDAuODIyMjM4IDkzLjA3Qy0yLjM1ODUyIDcyLjgyMTIgMy43NTgzMSA1MC4wOTMgMTcuOTY5OCAzMi4zODU2QzU0LjA5OTkgLTEyLjg2NDMgMTIzLjE1OSAtOC43NzMxOSAxNTUuNjM5IDM1LjQ2NDJDMTcyLjQ4MSAxMy45NzU3IDE5OC4zOTYgMC4xMzIxNDcgMjI3LjQ3MSAwLjEzMjE0N0MyNTYuNTQ3IDAuMTMyMTQ3IDI4Mi42MjUgMTQuMDU4NCAyOTkuNDI2IDM1LjY1MDJDMzE3LjEyNCAxMi4wOTU1IDM0Ni4zODMgLTIuODAxODYgMzc2LjUzOSAwLjQ0MjA3OEM0MjIuODIzIDMuMzE0MSA0NjEuNDQgNDcuNzE2OCA0NTQuMSA5My4wNDkzWiIgZmlsbD0iI0VCNTk2MyIvPgo8L3N2Zz4K);
  background-position: top center;
  background-size: 100% 125%;
}

.footer,
.footer__menu-social-networks-nav {
  position: relative;
}

.footer {
  z-index: 0;
  overflow: hidden;
}

.footer__menu-footer-menu-nav {
  z-index: 0;
}

.footer__menu-social-networks-nav {
  flex: 1 1 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  gap: 24px;
}

#footer__menu-social-networks__ul {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  gap: 8px;
}
#footer__menu-social-networks__ul .menu-social-networks__a {
  width: 3rem;
  height: 3rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
}

.footer::before {
  z-index: -1;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBjbGFzcz0ib2NlLWxvZ28tYXJjaC0tcmVkIiB3aWR0aD0iNDU1IiBoZWlnaHQ9Ijk5IiB2aWV3Qm94PSIwIDAgNDU1IDk5IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNDU0LjEgOTMuMDQ5M0M0NDEuNjAxIDU4LjM5OTEgNDEwLjUwOCAzMy43Mjg2IDM3NS43ODQgMzYuNzI0NkMzNDcuOTEyIDM4Ljk3NjggMzI2LjYyNSA1OS44NDU0IDMyMC4zODYgODYuNTQwOEMzMDYuOTQ5IDg4LjMzODQgMjk0LjI4OCA5Mi41OTQ4IDI4Mi44MjkgOTguODc2VjkzLjA0OTNDMjgyLjYyNSA5MC45ODMxIDI4Mi41MjMgODguOTE2OSAyODIuNDgyIDg2Ljg3MTRDMjc5LjQ0NCA1OC44MzMgMjU1LjkzNSAzNi45NTE5IDIyNy40NzEgMzYuOTUxOUMxOTkuMDA4IDM2Ljk1MTkgMTc1LjY0MSA1OC43Mjk3IDE3Mi41MDEgODYuNjY0OEMxNTkuNjE1IDg4LjUyNDQgMTQ3LjE3OCA5Mi43NjAxIDEzNS43OCA5OVY5My4wN0MxMzEuNzAyIDYzLjMxNjcgMTA5LjI1MyAzOS4xODM0IDc5LjEzODEgMzYuNzQ1M0M0NC40MTQ5IDMzLjc0OTMgMTMuMzQxNCA1OC40MTk4IDAuODIyMjM4IDkzLjA3Qy0yLjM1ODUyIDcyLjgyMTIgMy43NTgzMSA1MC4wOTMgMTcuOTY5OCAzMi4zODU2QzU0LjA5OTkgLTEyLjg2NDMgMTIzLjE1OSAtOC43NzMxOSAxNTUuNjM5IDM1LjQ2NDJDMTcyLjQ4MSAxMy45NzU3IDE5OC4zOTYgMC4xMzIxNDcgMjI3LjQ3MSAwLjEzMjE0N0MyNTYuNTQ3IDAuMTMyMTQ3IDI4Mi42MjUgMTQuMDU4NCAyOTkuNDI2IDM1LjY1MDJDMzE3LjEyNCAxMi4wOTU1IDM0Ni4zODMgLTIuODAxODYgMzc2LjUzOSAwLjQ0MjA3OEM0MjIuODIzIDMuMzE0MSA0NjEuNDQgNDcuNzE2OCA0NTQuMSA5My4wNDkzWiIgZmlsbD0iIzMxM0M0NSIvPgo8L3N2Zz4K);
  width: calc(100% + 1 * var(--theme--horizontal-padding));
  height: 330px;
  bottom: 0px;
  left: calc(-1 * var(--theme--horizontal-padding));
  opacity: 0.4;
}

.footer-menu__a.depth--0,
.footer-menu__span.depth--0 {
  display: block;
  font-weight: 500;
  margin-bottom: 8px;
}

.footer-menu__a.depth--1 {
  opacity: 0.8;
}

.footer-menu__li--parent {
  margin-bottom: 16px;
}

.footer__menu-footer-menu-nav {
  margin-top: 40px;
}

.menu-footer-menu__ul {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(258px, 1fr));
  justify-content: flex-end;
  gap: 24px;
}

.footer-menu__li {
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  white-space: nowrap;
}

.footer-menu__sub-ul.depth--1 {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
  gap: 4px;
}

.footer__logo {
  display: block;
  width: min(100%, 265px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}

.footer__copyright {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 32px;
}

.menu-legal-menu-nav {
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  gap: 24px;
  margin-top: 24px;
  opacity: 0.8;
}

@media screen and (min-width: 992px) {
  .footer {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 170px 24px;
  }
  .footer__logo {
    width: min(100%, 337px);
  }
  .footer__menu-footer-menu-nav {
    margin-top: 0px;
  }
  .footer::before {
    width: 100%;
    height: 142px;
    left: 0px;
    background-size: auto 222.97%;
    background-position: top center;
  }
  .menu-legal-menu-nav {
    justify-self: flex-end;
  }
  .menu-legal-menu-nav,
  .footer__copyright {
    margin-top: 0px;
  }
  .menu-footer-menu__ul {
    grid-template-columns: repeat(auto-fit, 258px);
  }
  .footer__menu-social-networks-nav {
    max-width: 25vw;
    margin-bottom: calc(-1 * var(--newsletter--vertical-padding));
    min-width: 224px;
    width: 100%;
    flex-basis: 224px;
  }
  #footer__menu-social-networks__ul {
    justify-content: center;
  }
  .footer__menu-social-networks-nav::after {
    content: "";
  }
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[2].use[2]!./node_modules/swiper/swiper.css ***!
  \************************************************************************************************************************************************************************************/
/**
 * Swiper 11.1.14
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2024 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: September 12, 2024
 */

/* FONT_START */
@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;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.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;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  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-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */


/*# sourceMappingURL=index.css.map*/