@charset "utf-8";

@-webkit-keyframes shimmering { 
  100% { background-position-x: 0px; }
}

@keyframes shimmering { 
  100% { background-position-x: 0px; }
}

.navigation-panel { --outline-offset: -2px; display: block; left: 0px; overflow: hidden; position: fixed; transform: translateX(-100%); transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100vw; z-index: 4; }

@media (prefers-reduced-motion: reduce) {
  .navigation-panel { transition: none; }
}

@media screen and (max-width: 1199px) {
  .navigation-panel { height: calc(-60px + 100dvh); top: 60px; }
}

@media screen and (min-width: 880px) {
  .navigation-panel { max-width: 375px; }
}

@media screen and (min-width: 1200px) {
  .navigation-panel { height: 100dvh; top: 0px; }
}

.navigation-panel__overlay { background-color: rgb(50, 50, 50); bottom: 0px; display: block; left: 0px; opacity: 0; pointer-events: none; position: fixed; right: 0px; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); width: 100vw; z-index: 4; }

@media (prefers-reduced-motion: reduce) {
  .navigation-panel__overlay { transition: none; }
}

@media screen and (max-width: 1199px) {
  .navigation-panel__overlay { height: calc(-60px + 100vh); top: 60px; }
}

@media screen and (min-width: 1200px) {
  .navigation-panel__overlay { height: 100vh; top: 0px; }
}

.navigation-panel__overlay--visible { opacity: 0.25; pointer-events: auto; }

.navigation-panel__mainpanel, .navigation-panel__subpanel { background-color: rgb(50, 50, 50); height: 100%; overflow: hidden auto; padding-bottom: 24px; position: absolute; scrollbar-width: none; top: 0px; width: 100vw; transition: transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); }

@media (prefers-reduced-motion: reduce) {
  .navigation-panel__mainpanel, .navigation-panel__subpanel { transition: none; }
}

.navigation-panel__mainpanel::-webkit-scrollbar, .navigation-panel__subpanel::-webkit-scrollbar { display: none; }

@media screen and (min-width: 880px) {
  .navigation-panel__mainpanel, .navigation-panel__subpanel { max-width: 375px; }
}

@media screen and (min-width: 1200px) {
  .navigation-panel__mainpanel, .navigation-panel__subpanel { height: calc(100% - 57px); top: 57px; }
}

.navigation-panel__mainpanel--moved, .navigation-panel__subpanel--moved { transform: translateX(-100%); }

.navigation-panel__mainpanel { left: 0px; }

.navigation-panel__subpanel { left: 100%; }

@media screen and (max-width: 1199px) {
  .navigation-panel__top { display: none; visibility: hidden; }
}

@media screen and (min-width: 1200px) {
  .navigation-panel__top { background: transparent; display: flex; margin-bottom: 1px; -webkit-box-align: center; align-items: center; -webkit-box-pack: justify; height: 56px; justify-content: space-between; padding: 20px 24px; position: relative; z-index: 4; }
  .navigation-panel__top::before { background: rgb(50, 50, 50); border-bottom: 1px solid rgb(65, 65, 65); content: ""; display: block; height: calc(100% + 1px); left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }
  .navigation-panel__top-close { background-color: transparent; border-radius: 32px; color: rgb(248, 248, 248); cursor: pointer; display: flex; height: 32px; width: 32px; -webkit-box-align: center; align-items: center; -webkit-box-pack: center; justify-content: center; }
}

.navigation-panel__back { background-color: rgb(66, 66, 66); display: flex; position: sticky; top: 0px; z-index: 5; -webkit-box-align: center; align-items: center; border-bottom: 1px solid rgb(65, 65, 65); color: rgb(221, 221, 221); cursor: pointer; font-family: BrownRegular, sans-serif; font-size: 1.6rem; font-weight: 400; gap: 8px; line-height: 135%; padding: 12px 24px; transition-duration: 0.3s; transition-property: background-color, color; transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); width: 100%; }

@media (prefers-reduced-motion: reduce) {
  .navigation-panel__back { transition: none; }
}

.navigation-panel__back-text { -webkit-box-flex: 1; flex: 1 1 0%; margin-right: 20px; text-align: center; }

.navigation-panel__back:active, .navigation-panel__back:hover { background-color: rgb(92, 92, 92); color: rgb(248, 248, 248); }

.navigation-panel__back:focus-visible { outline: 2px solid var(--outline-color,#2c69f6); outline-offset: var(--outline-offset,-2px); }

.navigation-panel__taxo-link-container { margin: 16px 24px; }

.navigation-panel__list { position: relative; z-index: 1; }

.navigation-panel__newsletter { background-color: rgb(65, 65, 65); border-radius: 8px; display: flex; padding: 24px; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; -webkit-box-align: start; align-items: flex-start; gap: 16px; margin: 16px 24px 0px; }

.navigation-panel__newsletter-text { color: rgb(248, 248, 248); font-family: BrownRegular, sans-serif; font-size: 1.6rem; font-weight: 400; }

.navigation-panel__separator { background: transparent; margin: 0px 16px; padding: 24px 0px 12px; position: relative; z-index: 1; }

.navigation-panel__separator::before { background: transparent; border-top: 1px solid rgb(65, 65, 65); content: ""; display: block; height: 100%; left: 50%; margin-left: -50vw; margin-right: -50vw; position: absolute; right: 50%; top: 0px; width: 100vw; z-index: -1; }

.navigation-panel__separator-icon--bullet { color: rgb(230, 30, 0); }

.navigation-panel__separator-content { background-color: rgb(50, 50, 50); color: rgb(185, 185, 185); display: flex; font-family: BrownBold, sans-serif; font-size: 1.4rem; font-weight: 700; line-height: 125%; -webkit-box-align: center; align-items: center; gap: 4px; max-width: 100%; padding: 0px 8px; width: fit-content; }

.navigation-panel__separator::before { top: 33px; }

.navigation-panel__separator--no-text { padding: 16px 0px; }

.navigation-panel__separator--no-text::before { top: 17px; }

@media screen and (min-width: 1200px) {
  .navigation-panel__separator.navigation-panel__separator--hidden-on-large { display: none; visibility: hidden; }
}

.navigation-panel--opened { transform: translateX(0px); }

html.scrollbar-gutter-stable { scrollbar-gutter: stable; }