@charset "utf-8";

.header__icon--menu { position: initial; }

.js menu-drawer > details > summary::before, .js menu-drawer > details[open]:not(.menu-opening) > summary::before, .js menu-drawer > .c-details > .c-summary::before, .js menu-drawer > .c-details[open]:not(.menu-opening) > .c-summary::before { content: ""; position: absolute; cursor: default; width: 100%; height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))); top: 100%; left: 0px; background: rgba(var(--color-foreground),.5); opacity: 0; visibility: hidden; z-index: 2; transition: opacity, visibility; }

menu-drawer > details[open] > summary::before, menu-drawer > .c-details[open] > .c-summary::before { visibility: visible; opacity: 1; transition: opacity var(--duration-default) ease,visibility var(--duration-default) ease; }

.menu-drawer { position: absolute; transform: translate(-100%); visibility: hidden; z-index: 3; left: 0px; top: 100%; width: 100%; padding: 0px; background-color: rgb(var(--color-background)); overflow-x: hidden; filter: drop-shadow(var(--drawer-shadow-horizontal-offset) var(--drawer-shadow-vertical-offset) var(--drawer-shadow-blur-radius) rgba(var(--color-shadow),var(--drawer-shadow-opacity))); }

.js .menu-drawer { height: calc(var(--viewport-height, 100vh) - (var(--header-bottom-position, 100%))); }

.js details[open] > .menu-drawer, .js details[open] > .menu-drawer__submenu, .js .c-details[open] > .menu-drawer, .js .c-details[open] > .menu-drawer__submenu { transition: transform var(--duration-default) ease,visibility var(--duration-default) ease; }

.no-js details[open] > .menu-drawer, .js details[open].menu-opening > .menu-drawer, details[open].menu-opening > .menu-drawer__submenu, .no-js .c-details[open] > .menu-drawer, .js .c-details[open].menu-opening > .menu-drawer, .c-details[open].menu-opening > .menu-drawer__submenu { transform: translate(0px); visibility: visible; }

.js .menu-drawer__navigation .submenu-open { visibility: hidden; }

@media screen and (min-width: 750px) {
  .menu-drawer { width: 40rem; border-width: 0 var(--drawer-border-width) 0 0; border-style: solid; border-color: rgba(var(--color-foreground),var(--drawer-border-opacity)); }
  .no-js .menu-drawer { height: auto; }
}

.menu-drawer__inner-container { position: relative; height: 100%; }

.menu-drawer__navigation-container { display: grid; grid-template-rows: 1fr auto; align-content: space-between; overflow-y: auto; height: 100%; }

.menu-drawer__navigation { padding: 3rem 0px; }

.menu-drawer__inner-submenu { height: 100%; overflow: hidden auto; }

.no-js .menu-drawer__navigation { padding: 0px; }

.no-js .menu-drawer__navigation > ul > li { border-bottom: .1rem solid rgba(var(--color-foreground),.04); }

.no-js .menu-drawer__submenu ul > li { border-top: .1rem solid rgba(var(--color-foreground),.04); }

.js .menu-drawer__menu li { margin-bottom: 0.2rem; }

.menu-drawer__menu-item { padding: 1.1rem 3rem; text-decoration: none; font-size: 1.8rem; }

.no-js .menu-drawer__menu-item { font-size: 1.6rem; }

.no-js .menu-drawer__submenu .menu-drawer__menu-item { padding: 1.2rem 5.2rem 1.2rem 6rem; }

.no-js .menu-drawer__submenu .menu-drawer__submenu .menu-drawer__menu-item { padding-left: 9rem; }

.menu-drawer summary.menu-drawer__menu-item { padding-right: 5.2rem; }

.no-js .menu-drawer__menu-item .icon-caret { right: 3rem; }

.menu-drawer__menu-item--active, .menu-drawer__menu-item:focus, .menu-drawer__close-button:focus, .menu-drawer__menu-item:hover, .menu-drawer__close-button:hover { color: rgb(var(--color-foreground)); background-color: transparent; }

.menu-drawer__menu-item--active { text-decoration: underline; }

.menu-drawer__menu-item--active:hover { background-color: transparent; }

.js .menu-drawer__menu-item .icon-caret, .no-js .menu-drawer .icon-arrow { display: none; }

.menu-drawer__menu-item > .icon-arrow { position: absolute; right: 3rem; top: 50%; transform: translateY(-50%); }

.js .menu-drawer__submenu { position: absolute; top: 0px; width: 100%; bottom: 0px; left: 0px; background-color: rgb(var(--color-background)); z-index: 1; transform: translate(100%); visibility: hidden; }

.js .menu-drawer__submenu .menu-drawer__submenu { overflow-y: auto; }

.menu-drawer__close-button { margin-top: 1.5rem; padding: 1.2rem 2.6rem 1.2rem 3rem; text-decoration: none; display: flex; align-items: center; font-size: 1.4rem; width: 100%; background-color: transparent; font-family: var(--font-body-family); font-style: var(--font-body-style); text-align: left; }

.no-js .menu-drawer__close-button { display: none; }

.menu-drawer__close-button .icon-arrow { transform: rotate(180deg); margin-right: 1rem; }

.menu-drawer__utility-links { padding: 0px; background-color: rgba(var(--color-foreground),.03); position: relative; }

.header--has-social .menu-drawer__utility-links { padding: 2rem 3rem; }

@media screen and (max-width: 749px) {
  .header--has-account:where(:not(.header--has-social):not(.header--has-localizations)) .menu-drawer__utility-links { padding: 2rem 3rem; }
}

@media screen and (max-width: 989px) {
  .header--has-localizations:where(:not(.header--has-social)) .menu-drawer__utility-links { padding: 2rem 3rem; }
}

.menu-drawer__account { display: inline-flex; align-items: center; text-decoration: none; padding: 1rem 0px; font-size: 1.4rem; color: rgb(var(--color-foreground)); margin-bottom: 0px; }

.menu-drawer__utility-links:has(.menu-drawer__localization) .menu-drawer__account { margin: 0px; }

.menu-drawer__account .icon-account { height: 2rem; width: 2rem; margin-right: 1rem; }

.menu-drawer__account:hover .icon-account { transform: scale(1.07); }

.menu-drawer .list-social { justify-content: flex-start; margin-left: -1.25rem; }

.menu-drawer .list-social:empty { display: none; }

.menu-drawer .list-social__link { padding: 1.1rem; }