/* Shared sidebar & menu styles for all _preview.html templates */

/* Sidebar menu: hide default icon-wrappers */
.dreamina-side-menu-container [class*="icon-menu-"] .icon-wrap-hidden {
  display: none !important;
}

/* Hide specific sidebar menu items */
#SiderMenuCredit,
#SiderMenuAppDownload,
#SiderMenuApiInvokeEntrance {
  display: none !important;
}

/* Help center icon size */
.help-center-1 span {
  font-size: 18px;
}

/* Root overrides for lv-menu-item spacing & selected state */
:root .lv-menu-item {
  margin-top: 2px;
}

:root .lv-menu-item:first-child {
  margin-top: 0;
}

:root .lv-menu-item:focus-visible {
  box-shadow: none;
}

:root .lv-menu-item.lv-menu-selected,
:root .lv-menu-item.lv-menu-selected:active,
:root .lv-menu-item.lv-menu-selected:hover {
  background-color: var(--bg-block-primary-default);
}

/* Dropdown menu root overrides */
:root .lv-dropdown-menu {
  background-color: var(--bg-dropdown-menu);
  border: 0;
  box-shadow: 0 8px 56px 0 var(--shadow-general);
}

:root .lv-dropdown-menu-item,
:root .lv-dropdown-menu-pop-header {
  color: var(--text-primary);
}

/* Setting dropdown container (MenuSettingModal) */
.setting-dropdown-container-1 {
  border-radius: 12px;
  max-height: 424px;
  overflow-y: auto;
  padding: 4px;
  position: relative;
  width: 196px;
}

.setting-dropdown-container-1 .lv-dropdown-menu-item,
.setting-dropdown-container-1 .lv-dropdown-menu-pop-header {
  align-items: center;
  border-radius: 8px;
  display: flex;
  font-size: 13px;
  font-weight: 400;
  height: 36px;
  line-height: 24px;
  padding: 9px 12px;
}

.setting-dropdown-container-1 .lv-dropdown-menu-item:hover,
.setting-dropdown-container-1 .lv-dropdown-menu-pop-header:hover {
  background: var(--bg-block-primary-default);
}

.setting-dropdown-container-1 .lv-dropdown-menu-item + .lv-dropdown-menu-item,
.setting-dropdown-container-1 .lv-dropdown-menu-item + .lv-dropdown-menu-pop-header,
.setting-dropdown-container-1 .lv-dropdown-menu-pop-header + .lv-dropdown-menu-item,
.setting-dropdown-container-1 .lv-dropdown-menu-pop-header + .lv-dropdown-menu-pop-header {
  margin-top: 4px;
}

/* Business license footer in dropdown */
.business-license-container-1 {
  padding: 4px 8px;
}

.business-license-container-1 .license-line-1 {
  color: var(--text-secondary);
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  text-decoration: none;
  white-space: normal;
}

.business-license-container-1 .license-line-1 a,
.business-license-container-1 .license-line-1 a:active {
  color: var(--text-secondary);
}

.business-license-container-1 .license-line-1 .license-link-1 {
  text-decoration: none;
}

.business-license-container-1 .license-line-1 .license-link-1:hover {
  color: var(--component-secondary-text-button-hover);
}

.business-license-container-1 .license-line-1 .license-word-1:after {
  background-color: var(--text-secondary);
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 3px;
  width: 1px;
}