@cloudbase/weda-ui 3.1.0 → 3.1.3

package/dist/web/components/navigationBar/index.css

@@ -0,0 +1,762 @@
+:root {
+  --weda-navigation-menu-hover-color: #f3f3f3;
+  --weda-navigation-menu-selected-color: #eaeaea;
+  --weda-navigation-menu-background-color: #fff;
+}
+/** PC 端左侧菜单 start*/
+.weda-menu {
+  display: inline-block;
+}
+
+.weda-menu .weda-menu__wrapper {
+  box-shadow: 0.14286rem 0 0.42857rem rgba(0, 0, 0, 0.05);
+}
+
+.weda-menu .weda-menu__wrapper .weda-menu__menu-content {
+  width: 16.57143rem;
+  border-right: none;
+}
+
+.weda-menu
+  .wedatea2td-menu--light
+  .wedatea2td-menu__fold:hover
+  .wedatea2td-menu__fold-icon,
+.weda-menu
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li.wedatea2td-menu__submenu.is-expanded:hover,
+.weda-menu
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li.wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__item,
+.weda-menu .wedatea2td-menu--light .wedatea2td-menu__submenu.is-expanded {
+  background-color: transparent;
+}
+
+.weda-menu
+  .weda-menu__wrapper
+  .weda-menu__menu-content
+  .wedatea2td-menu__title {
+  width: 100%;
+  display: flex;
+  padding: 1.42857rem;
+  height: auto;
+}
+
+.weda-menu
+  .weda-menu__wrapper
+  .weda-menu__menu-content
+  .wedatea2td-menu__title
+  .wedatea2td-menu__title-icon {
+  display: block;
+  width: 2.28571em;
+  height: 2.28571em;
+  margin-right: 0.85714rem;
+}
+
+.weda-menu
+  .weda-menu__wrapper
+  .weda-menu__menu-content
+  .wedatea2td-menu__title
+  .wedatea2td-h2 {
+  font-size: 1.1428571em;
+  line-height: 1.28571em;
+  color: #000000;
+  margin-top: 0;
+  font-weight: normal;
+}
+
+.weda-menu .weda-menu__wrapper .weda-menu__menu-content .wedatea2td-menu__body {
+  width: 100%;
+  padding: 0 0.57143rem 2.14286rem 0.57143rem;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__item {
+  padding: 0.5rem 0 0.5rem 0.85714rem;
+  align-items: center;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__item
+  .wedatea2td-menu__list-icon {
+  width: 1.42857em;
+  height: 1.42857em;
+  margin-top: 0;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text {
+  font-weight: normal;
+  font-size: 1em;
+  line-height: 1.5714em;
+  color: rgba(0, 0, 0, 0.9);
+  padding: 0;
+}
+
+.weda-menu .weda-menu__menu-content .wedatea2td-icon-arrowdown,
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__submenu.is-expanded
+  .wedatea2td-icon-arrowdown {
+  background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4d3251a2-2fcd-4810-99a6-c8f69a258e09.svg');
+}
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list {
+  padding: 0;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__item::before {
+  display: none;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__list
+  .is-selected
+  .wedatea2td-menu__item {
+  background: var(--weda-navigation-menu-selected-color);
+  border-radius: 0.21429rem;
+}
+.wedatea2td-drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  .is-selected
+  .wedatea2td-menu__item {
+  background: var(--weda-navigation-menu-selected-color);
+}
+.weda-menu
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li
+  .wedatea2td-menu__item:hover {
+  background-color: var(--weda-navigation-menu-hover-color);
+  border-radius: 0.21429rem;
+}
+
+.weda-menu
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li.is-selected
+  > .wedatea2td-menu__item:hover {
+  background-color: var(--weda-navigation-menu-hover-color);
+}
+.wedatea2td-drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li
+  .wedatea2td-menu__item:hover {
+  background-color: var(--weda-navigation-menu-hover-color);
+}
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item {
+  padding-left: 2.85714rem;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__body
+  .weda-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item {
+  padding-left: 4rem;
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text,
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__submenu
+  .weda-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text {
+  color: rgba(0, 0, 0, 0.6);
+}
+
+.weda-menu
+  .weda-menu__menu-content
+  .wedatea2td-menu__submenu
+  .weda-menu__submenu
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text {
+  color: rgba(0, 0, 0, 0.9);
+}
+
+.weda-menu
+  .wedatea2td-menu
+  .wedatea2td-menu__body
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .is-selected
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text,
+.weda-menu
+  .wedatea2td-menu
+  .wedatea2td-menu__body
+  .is-selected
+  .wedatea2td-menu__item
+  .wedatea2td-menu__text {
+  font-weight: normal;
+  color: rgba(0, 0, 0, 0.9);
+}
+.weda-menu .wedatea2td-menu__submenu.is-expanded .wedatea2td-menu__list {
+  display: none;
+}
+.weda-menu__drawer
+  .wedatea2td-menu__submenu.is-expanded
+  .wedatea2td-menu__list {
+  display: none;
+}
+.weda-menu__drawer .wedatea2td-menu__submenu .wedatea2td-menu__list {
+  display: none;
+}
+
+.weda-menu .weda-menu__submenu .wedatea2td-menu__list {
+  display: none;
+}
+.weda-menu__drawer
+  .wedatea2td-menu__submenu.is-expanded
+  .wedatea2td-icon-arrowdown {
+  transform: none;
+}
+.weda-menu .wedatea2td-menu__submenu.is-expanded .wedatea2td-icon-arrowdown {
+  transform: none;
+}
+.weda-menu__drawer
+  .wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__item
+  .wedatea2td-icon-arrowdown {
+  transform: scaleY(-1);
+}
+.weda-menu
+  .wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__item
+  .wedatea2td-icon-arrowdown {
+  transform: scaleY(-1);
+}
+.weda-menu .wedatea2td-menu__submenu.is-expanded > .wedatea2td-menu__list {
+  display: block;
+}
+.weda-menu__drawer
+  .wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__list {
+  display: block;
+}
+/** PC 端左侧菜单 end*/
+/** PC 端顶部导航菜单 start*/
+.weda-menu-horizontal {
+  display: block;
+}
+
+.weda-menu-horizontal .weda-menu__nav {
+  background: #ffffff;
+  box-shadow: 0 0.14286rem 0.42857rem rgba(0, 0, 0, 0.05);
+  height: 4.57143rem;
+  padding: 0 1.14286rem 0 1.14286rem;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-logo {
+  padding: 0;
+}
+
+.weda-menu-horizontal
+  .weda-menu__nav
+  .weda-menu__nav-logo
+  .weda-menu__nav-logo--img {
+  width: 100%;
+  height: 100%;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-logo::before {
+  display: none;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-title .weda-menu__title {
+  font-weight: normal;
+  font-size: 1.14285em;
+  line-height: 1.28571rem;
+  color: #000000;
+  margin-left: 0.85714rem;
+}
+
+.weda-menu-horizontal .weda-menu__nav .wedatea2td-nav__flex-end {
+  margin-left: 1.42857rem;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-wrap {
+  position: relative;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  width: calc(100vw - 21.42857rem);
+  margin: 0 2.85714rem;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-shadow {
+  position: absolute;
+  height: 100%;
+  right: -2.57143rem;
+  width: 2.57143rem;
+  background: unset;
+  cursor: pointer;
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-shadow.leftButton {
+  left: -0.85714rem;
+}
+.weda-menu-horizontal
+  .weda-menu__nav
+  .weda-menu__nav-shadow.leftButton
+  .weda-menu__shadow--icon {
+  transform: rotate(180deg);
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__shadow {
+  position: absolute;
+  width: 2.21429rem;
+  height: 3.71429rem;
+  left: 0;
+  top: 0.42857rem;
+  background: radial-gradient(
+    50% 50% at 50% 50%,
+    rgba(0, 0, 0, 0.05) 0%,
+    rgba(0, 0, 0, 0) 100%
+  );
+}
+.weda-menu-horizontal .weda-menu__nav .leftButton .weda-menu__shadow--white {
+  left: 1rem;
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__shadow--white {
+  position: absolute;
+  width: 1.21429rem;
+  left: 1rem;
+  height: 100%;
+  background-color: unset;
+}
+.weda-menu-horizontal .weda-menu__nav .leftButton .weda-menu__shadow--icon {
+  left: -0.28571rem;
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__shadow--icon {
+  position: absolute;
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTIuOTU4OTggMTEuNTQwNUwzLjg3ODIyIDEyLjQ1OTdMOC4zMzc4NCA4LjAwMDFMMy44NzgyMiAzLjU0MDQ4TDIuOTU4OTggNC40NTk3Mkw2LjQ5OTM2IDguMDAwMUwyLjk1ODk4IDExLjU0MDVaTTcuOTU4OTIgMTEuNTQwNUw4Ljg3ODE1IDEyLjQ1OTdMMTMuMzM3OCA4LjAwMDFMOC44NzgxNSAzLjU0MDQ4TDcuOTU4OTIgNC40NTk3MkwxMS40OTkzIDguMDAwMUw3Ljk1ODkyIDExLjU0MDVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjI2Ii8+Cjwvc3ZnPgo=);
+  width: 1.14286rem;
+  height: 1.14286rem;
+  right: 0;
+  top: calc((100% - 1.14286rem) / 2);
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-content.box {
+  overflow: hidden;
+}
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-item {
+  margin: 0 0.28571rem;
+  padding: 0.5rem 0.85714rem;
+  height: 2.85714rem;
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.weda-menu-horizontal .weda-menu__nav .weda-menu__nav-item:hover,
+.weda-menu-horizontal .weda-menu__nav .weda-menu__item-open {
+  background-color: var(--weda-navigation-menu-selected-color);
+  border-radius: 0.21429rem;
+}
+
+.weda-menu-horizontal .weda-menu__nav-item .weda-menu__item-icon {
+  width: 1.42857rem;
+  height: 1.42857rem;
+  margin-right: 0.28571rem;
+}
+.weda-menu-horizontal .weda-menu__item-val.wedatea2td-nav__dropdown {
+  height: auto;
+}
+
+.weda-menu-horizontal .weda-menu__item-val .wedatea2td-dropdown {
+  padding: 0;
+}
+.weda-menu-horizontal .wedatea2td-dropdown__header.wedatea2td-dropdown-default {
+  padding: 0 1.64286rem 0 0;
+  height: auto;
+}
+
+.weda-menu-horizontal .wedatea2td-dropdown .wedatea2td-dropdown__value {
+  font-weight: 400;
+  font-size: 1em;
+  line-height: 1.5714em;
+  color: #000000;
+  white-space: nowrap;
+}
+
+.weda-menu-horizontal
+  .wedatea2td-dropdown__header.wedatea2td-dropdown-default
+  .wedatea2td-icon,
+.weda-menu-horizontal
+  .wedatea2td-nav__dropdown
+  .wedatea2td-dropdown__header:hover
+  .wedatea2td-icon-arrowdown {
+  right: 0;
+  top: calc((100% - 1.14286rem) / 2);
+  background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4d3251a2-2fcd-4810-99a6-c8f69a258e09.svg');
+}
+
+.weda-menu-horizontal .weda-menu__item-val.wedatea2td-nav__service span {
+  white-space: nowrap;
+}
+.weda-menu-horizontal .weda-menu__nav-item .weda-menu__item-val a,
+.weda-menu-horizontal
+  .weda-menu__nav-item
+  .weda-menu__dropdown
+  .wedatea2td-dropdown__value {
+  font-weight: normal;
+  font-size: 1em;
+  line-height: 1.5714em;
+  color: #000000;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.weda-menu-horizontal
+  .weda-menu__nav-item
+  .weda-menu__dropdown
+  .wedatea2td-dropdown__header {
+  padding-left: 0;
+  padding-right: 1.64286rem;
+  height: 21.5714em;
+}
+
+.weda-menu-horizontal
+  .weda-menu__nav-item
+  .weda-menu__dropdown
+  .wedatea2td-dropdown__header.wedatea2td-dropdown__header:hover {
+  background-color: transparent;
+}
+
+.weda-menu-horizontal
+  .weda-menu__nav-item
+  .weda-menu__dropdown
+  .wedatea2td-icon {
+  right: 0;
+  top: calc((100% - 1.14286rem) / 2);
+}
+
+.weda-menu__nav-content::-webkit-scrollbar {
+  display: none;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+
+/* 横向导航栏dropdown */
+.weda-menu__dropdown .wedatea2td-dropdown-box {
+  padding: 0;
+  min-width: 14.28571rem;
+  background-color: var(--weda-navigation-menu-background-color);
+}
+.weda-menu__dropdown
+  .wedatea2td-dropdown-box
+  .wedatea2td-list--option
+  > li.is-selected {
+  background: var(--weda-navigation-menu-selected-color);
+}
+.weda-menu__dropdown .weda-menu__dropdown-menu-list {
+  background: #ffffff;
+  border-radius: 0.21429rem;
+  padding: 0.57143rem;
+  border: 0.03571rem solid var(--weda-navigation-menu-background-color);
+  box-shadow: 0 0.57143rem 1.42857rem rgba(0, 0, 0, 0.15);
+}
+
+.wedatea2td-nav__dropdown-box
+  .weda-menu__dropdown-menu-list.wedatea2td-list--option
+  > li {
+  display: flex;
+  align-items: center;
+}
+.weda-menu__dropdown .weda-menu__dropdown-list-item:hover,
+.weda-menu__dropdown .wedatea2td-list__submenu:hover {
+  background: var(--weda-navigation-menu-hover-color);
+  border-radius: 0.21429rem;
+}
+
+.weda-menu__dropdown .weda-menu__dropdown-list-item,
+.weda-menu__dropdown .wedatea2td-list__submenu {
+  padding: 0.64286rem 2.28571rem 0.64286rem 1.14286rem;
+}
+
+.weda-menu__dropdown-menu-list .weda-menu__dropdown-list-item {
+  margin-bottom: 0.28571rem;
+  color: rgba(0, 0, 0, 0.9);
+  font-weight: 400;
+  font-size: 1em;
+  line-height: 1.5714em;
+}
+
+.weda-menu__dropdown-menu-list .weda-menu__dropdown-list-item:last-child {
+  margin-bottom: 0;
+}
+
+.weda-menu__dropdown .weda-menu__dropdown-list-item::after,
+.weda-menu__dropdown .wedatea2td-list__submenu::after {
+  right: 1.71429rem;
+}
+
+/** PC 端顶部导航菜单 end*/
+
+/** mobile 端顶部导航菜单 start*/
+.weda-menu-mobile {
+  display: block;
+  position: relative;
+  z-index: 100;
+  width: 100%;
+}
+
+.weda-menu-mobile .weda-menu__wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 1.42857rem 0 1.14286rem;
+  height: 4.5714em;
+  background-color: #fff;
+  position: relative;
+  box-shadow: 0 0.14286rem 0.14286rem rgba(0, 0, 0, 0.05);
+}
+
+.weda-menu-mobile .weda-menu__bar-main {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.weda-menu-mobile .weda-menu__bar-main .weda-menu__main-logo {
+  font-weight: normal;
+  font-size: 1.28571em;
+  line-height: 1.28571em;
+  color: #000000;
+  text-decoration: none;
+  display: flex;
+  align-items: center;
+}
+
+.weda-menu-mobile .weda-menu__bar-main .weda-menu__main-icon {
+  width: 2.2857em;
+  height: 2.2857em;
+  margin-right: 0.85714rem;
+}
+
+.weda-menu-mobile .weda-menu__bar-extra {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+}
+
+.weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn,
+.weda-menu-mobile .weda-menu__bar-extra .weda-menu__bar-btn--close {
+  width: 1.71428em;
+  height: 1.71428em;
+}
+
+.weda-menu__drawer {
+  top: 0 !important;
+  width: 100% !important;
+}
+
+.weda-menu__drawer .wedatea2td-drawer__header {
+  display: none;
+}
+
+.weda-menu__drawer .wedatea2td-drawer__body {
+  padding: 0;
+}
+
+.weda-menu__drawer .weda-menu__drawer-menu,
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__body {
+  width: 100%;
+  border: none;
+}
+
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__fold:hover
+  .wedatea2td-menu__fold-icon,
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li.wedatea2td-menu__submenu.is-expanded:hover,
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__list
+  li.wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__item,
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__submenu.is-expanded {
+  background-color: transparent;
+}
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__item {
+  padding: 1rem 1.14286rem 1.14286rem 1.14286rem;
+  border-bottom: 0.07143rem solid;
+  border-color: rgba(160, 160, 160, 0.2);
+}
+
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__list {
+  padding-bottom: 0;
+}
+
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__item::before {
+  display: none;
+}
+
+.weda-menu__drawer
+  .weda-menu__drawer-menu
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item {
+  padding-left: 3.57143rem;
+}
+
+.weda-menu__drawer
+  .weda-menu__drawer-menu
+  .weda-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item {
+  padding-left: 5rem;
+}
+
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__list-icon {
+  width: 1.42857rem;
+  height: 1.42857rem;
+  margin-right: 0.28571rem;
+  margin-top: 0;
+}
+
+.weda-menu__drawer
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__item:before {
+  display: none;
+}
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__text,
+.weda-menu__drawer .weda-menu__drawer-menu .wedatea2td-menu__submenu,
+.wedatea2td-menu__item .wedatea2td-menu__text,
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__submenu.is-expanded
+  > .wedatea2td-menu__item
+  > .wedatea2td-menu__text,
+.weda-menu__drawer
+  .wedatea2td-menu--light
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__text {
+  font-size: 1.14285em;
+  line-height: 1.142857em;
+  color: rgba(0, 0, 0, 0.9);
+  padding: 0;
+  max-width: 100%;
+  font-weight: normal;
+}
+
+.weda-menu__drawer
+  .weda-menu__drawer-menu
+  .wedatea2td-menu__submenu
+  .wedatea2td-menu__list
+  .wedatea2td-menu__text {
+  font-weight: normal;
+}
+.weda-menu__drawer .wedatea2td-menu .wedatea2td-icon-arrowdown {
+  top: 1.07143rem;
+}
+/** mobile 端顶部导航菜单 end*/
+
+.wedatea2td-menu__title .weda-menu__main-icon {
+  margin-right: 0.71429rem;
+}
+
+.weda-menu .menu-solt {
+  flex: 1;
+}
+.weda-menu .menu-solt ._wa-comp-slot-wrapper {
+  height: 100%;
+}
+
+.wedatea2td-drawer {
+  z-index: 1000;
+}
+.weda-menu {
+  overflow-y: auto;
+}
+.weda-menu .menu-solt {
+  overflow-y: auto;
+}
+.weda-menu__fonticon.lcap-icon,
+.weda-menu__fonticon.t-icon {
+  margin: 0 0.28571rem 0 0;
+  font-size: 1em;
+}
+.weda-menu__fonticon.lcap-icon:hover {
+  background-color: unset;
+}
+
+.weda-menu .wedatea2td-menu__text .menu-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.weda-menu__drawer .wedatea2td-menu__text .menu-text {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.weda-menu-mobile .weda-menu__wrapper .weda-menu__bar-main {
+  height: 4.57143rem;
+}
+.weda-menu__wrapper {
+  z-index: 1000;
+}
+.weda-menu-mobile .weda-menu__wrapper {
+  width: 100%;
+  z-index: 1000;
+}
+.wedatea2td-drawer.weda-menu__drawer {
+  z-index: 1000;
+  background-color: var(--weda-navigation-menu-background-color);
+}
+.weda-menu__drawer .wedatea2td-menu--light.wedatea2td-menu {
+  width: 100%;
+}
+.weda-menu__wrapper
+  .wedatea2td-dropdown__header.wedatea2td-dropdown-default:hover {
+  background-color: unset;
+}
+
+.weda-menu {
+  font-family: -apple-system-font, 'Helvetica Neue', sans-serif;
+}