.component-menu {
  --gapX:12px;
  --gapY:5px;
  --fontSize:16px;
  --lineHeight:1.37;
  --fontWeight:400;
  --letterSpacing:0;
  --itemFontStyle:normal;
  --itemTextDecoration:normal;
  --itemColor:var(--currentColor,currentColor);
  --itemOpacity:1;
  --itemColorHover:var(--itemColor);
  --itemOpacityHover:1;
  --itemReverseOpacity:0.5;
  --underlineSize:1px;
  --underlineColorHover:var(--itemColorHover);
  --underlineOpacityHover:0.35;
  display:flex;
  justify-content:inherit;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  min-width:100%
}

.component-menu[data-show_more=true] {
  padding-bottom:4px;
  margin-bottom:-4px;
  overflow:hidden
}

.component-menu .root-item {
  color:var(--itemColor);
  opacity:var(--itemOpacity)
}

.component-menu.weight--light {
  --fontWeight:300
}

.component-menu.weight--normal {
  --fontWeight:400
}

.component-menu.weight--medium {
  --fontWeight:500
}

.component-menu.weight--bold {
  --fontWeight:700;
  --underlineSize:2px
}

.component-menu .component-menu-list--nested {
  display:none
}

.component-menu .root-item {
  pointer-events:none
}

.component-menu .folder-item.show .root-item-text .folder-arrow {
  transform:rotate(-180deg)
}

.component-menu-list {
  font-size:var(--fontSize);
  line-height:var(--lineHeight);
  font-weight:var(--fontWeight);
  letter-spacing:var(--letterSpacing);
  margin:calc(-1 * var(--gapY)) calc(-1 * var(--gapX));
  padding:0;
  display:flex;
  flex-flow:row wrap;
  justify-content:inherit;
  list-style:none
}

.component-menu-list.nowrap-list {
  flex-wrap:nowrap;
  flex-shrink:0
}

.component-menu-list .menu-item {
  display:block;
  position:relative;
  flex-shrink:0;
  justify-content:inherit
}

.component-menu-list .show-more {
  position:relative;
  display:flex;
  align-items:center;
  padding:var(--gapY) 0;
  margin:0 var(--gapX);
  cursor:pointer;
  pointer-events:all
}

.component-menu-list .show-more.hover,.component-menu-list .show-more.show {
  opacity:.8
}

.component-menu-list .show-more svg {
  width:18px;
  margin:auto
}

.component-menu-list .menu-item-text {
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:var(--gapY) 0;
  margin:0 var(--gapX);
  color:inherit;
  font-style:var(--itemFontStyle);
  -webkit-text-decoration:var(--itemTextDecoration);
  text-decoration:var(--itemTextDecoration);
  opacity:1;
  cursor:pointer;
  pointer-events:all;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}

.component-menu-list .menu-item-text span {
  position:relative
}

.component-menu-list .folder-arrow {
  display:inline-block;
  width:10px;
  height:10px;
  margin-left:10px;
  flex-shrink:0;
  transition:transform .3s ease
}

body.adaptive-desktop .component-menu .root-item {
  transition:all .3s ease
}

body.adaptive-desktop .component-menu .root-item.hover,body.adaptive-desktop .component-menu .root-item.show {
  color:var(--itemColorHover);
  opacity:var(--itemOpacityHover)
}

body.adaptive-desktop .component-menu.style--progress .root-item-text span,body.adaptive-desktop .component-menu.style--underline .root-item-text span {
  z-index:2
}

body.adaptive-desktop .component-menu.style--progress .root-item-text span:before,body.adaptive-desktop .component-menu.style--underline .root-item-text span:before {
  content:"";
  display:block;
  position:absolute;
  bottom:-2px;
  left:0;
  width:100%;
  height:var(--underlineSize);
  background:var(--underlineColorHover);
  z-index:-1;
  pointer-events:none;
  transition:all .3s ease
}

body.adaptive-desktop .component-menu.style--underline .root-item-text span:before {
  transform:translateY(2px);
  opacity:0
}

body.adaptive-desktop .component-menu.style--underline .root-item.hover .root-item-text span:before,body.adaptive-desktop .component-menu.style--underline .root-item.show .root-item-text span:before {
  transform:translateZ(0);
  opacity:var(--underlineOpacityHover)
}

body.adaptive-desktop .component-menu.style--progress .root-item-text span:before {
  width:0;
  opacity:var(--underlineOpacityHover)
}

body.adaptive-desktop .component-menu.style--progress .root-item.hover .root-item-text span:before,body.adaptive-desktop .component-menu.style--progress .root-item.show .root-item-text span:before {
  width:100%;
  transition-delay:.1s
}

body.adaptive-desktop .component-menu.style--reverse_opacity .root-item {
  transition:opacity .3s ease
}

body.adaptive-desktop .component-menu.style--reverse_opacity .root-item.hover,body.adaptive-desktop .component-menu.style--reverse_opacity .root-item.show {
  color:var(--itemColor);
  opacity:var(--itemOpacity);
  transition-delay:0s
}

body.adaptive-desktop .component-menu.style--reverse_opacity.in-hover .root-item:not(.hover):not(.show),body.adaptive-desktop .component-menu.style--reverse_opacity.in-show .root-item:not(.hover):not(.show) {
  opacity:var(--itemReverseOpacity)!important;
  transition-delay:.1s
}

body.adaptive-desktop .component-menu[data-direction=row] {
  --gapY:5px
}

body.adaptive-desktop .component-menu[data-direction=column] {
  --gapX:0px
}

body.adaptive-desktop .component-menu[data-direction=column] .component-menu-list {
  flex-direction:column
}

.component-menu.size--small {
  --fontSize:14px
}

.component-menu.size--large {
  --fontSize:18px
}

.component-menu.size--large:not(.weight--light) {
  --underlineSize:2px
}

.component-menu-dropdown {
  --fontSize:16px;
  --fontWeight:400;
  --lineHeight:1.37;
  --letterSpacing:0px;
  --gapY:8px;
  --gap:10px;
  position:absolute;
  display:flex;
  justify-content:center;
  animation:slideUp .18s cubic-bezier(.21,.67,.58,1) 1,fadeIn .3s cubic-bezier(.21,.67,.58,1) 1;
  z-index:2700
}

.component-menu-dropdown.rise {
  z-index:100000
}

.component-menu-dropdown .folder-arrow {
  transform:rotate(-90deg)
}

.component-menu-dropdown .component-menu-list {
  display:block;
  position:absolute;
  background:#fff;
  box-shadow:0 1px 10px rgba(27,27,28,.08);
  margin:0;
  padding:5px 0;
  border-radius:3px;
  max-width:320px;
  min-width:150px;
  width:-moz-max-content;
  width:max-content;
  max-height:inherit;
  flex-flow:column;
  justify-content:inherit
}

.component-menu-dropdown .component-menu-list .menu-item {
  display:flex;
  align-items:center;
  pointer-events:all;
  cursor:pointer;
  transition:all .2s
}

.component-menu-dropdown .component-menu-list .menu-item.hover,.component-menu-dropdown .component-menu-list .menu-item.show {
  background:rgba(27,27,28,.08)
}

.component-menu-dropdown .component-menu-list .menu-item.hover>.menu-item-text,.component-menu-dropdown .component-menu-list .menu-item.show>.menu-item-text {
  opacity:1
}

.component-menu-dropdown .component-menu-list .menu-item-text {
  width:100%;
  justify-content:space-between;
  opacity:.75;
  margin:0;
  padding:var(--gap) calc(2 * var(--gap))
}

.component-menu-dropdown .component-menu-list .component-menu-list {
  top:0;
  left:100%;
  visibility:hidden;
  transform:scaleY(0);
  opacity:0;
  pointer-events:none;
  margin-top:-5px
}

.component-menu-dropdown .component-menu-list .component-menu-list.show-dropdown {
  opacity:1;
  visibility:visible;
  transform:scaleY(1);
  z-index:5;
  pointer-events:all;
  transition:opacity .3s cubic-bezier(.21,.67,.58,1),visibility .3s cubic-bezier(.21,.67,.58,1);
  transition-delay:0s;
  -webkit-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto
}

.component-menu-dropdown .component-menu-list .component-menu-list.show-dropdown.in-right {
  margin-left:-5px
}

.component-menu-dropdown .component-menu-list .component-menu-list.show-dropdown.in-left {
  margin-right:-5px;
  left:auto;
  right:100%
}

.component-menu-dropdown .component-menu-list .component-menu-list.show-dropdown.in-top {
  bottom:0;
  top:auto;
  margin-bottom:-5px
}

body.adaptive-mobile .component-menu {
  overflow:visible
}

body.adaptive-mobile .component-menu-list {
  flex-grow:1
}

body.adaptive-mobile .component-menu-list .folder-item .folder-arrow {
  transform:rotate(0deg)
}

body.adaptive-mobile .component-menu-list .folder-item.show>.folder-item-text .folder-arrow {
  transform:rotate(-180deg)
}

body.adaptive-mobile [data-direction-adaptive=row] .component-menu-list {
  flex-wrap:wrap;
  max-width:calc(100% + var(--gapX) * 2)
}

body.adaptive-mobile [data-direction-adaptive=column] .component-menu-list {
  margin:0;
  flex-direction:column
}

body.adaptive-mobile [data-direction-adaptive=column] .component-menu-list .folder-arrow {
  margin-right:-10px
}

body.adaptive-mobile [data-direction-adaptive=column] .menu-item {
  padding:.05px
}

body.adaptive-mobile [data-direction-adaptive=column] .menu-item-text {
  margin:0
}

body.adaptive-mobile .component-menu .component-menu-list--nested {
  position:relative;
  width:100%;
  max-width:none;
  background:none;
  box-shadow:none;
  padding:0 var(--gapX);
  margin:0 0 var(--gapX);
  border-radius:3px
}

body.adaptive-mobile .component-menu .component-menu-list--nested .folder-item-text,body.adaptive-mobile .component-menu .component-menu-list--nested .menu-item-text {
  display:block;
  justify-content:inherit;
  opacity:1
}

body.adaptive-mobile .component-menu .component-menu-list--nested .folder-item-text {
  justify-content:inherit
}

body.adaptive-mobile .component-menu .component-menu-list--nested .folder-item-text span {
  width:auto;
  padding:0
}

body.adaptive-mobile .component-menu .component-menu-list--nested .folder-item-text .folder-arrow {
  position:relative;
  top:0;
  right:0;
  margin-left:10px
}

body.adaptive-mobile [data-contrast=light] .component-menu-list--nested,body.adaptive-mobile [data-contrast] [data-contrast=light] .component-menu-list--nested {
  background:hsla(0,0%,100%,.1)
}

body.adaptive-mobile [data-contrast=dark] .component-menu-list--nested,body.adaptive-mobile [data-contrast] [data-contrast=dark] .component-menu-list--nested {
  background:rgba(0,0,0,.05)
}