.cmf-menu-mobile-item-more {
  cursor: pointer;

  display: inline-flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;

  height: 30px;
  padding: 0 12px;

  color: var(--app-mobile-nav-item-fade-color);
  white-space: nowrap;

  transition: opacity 200ms ease;

  &.active {
    color: var(--app-mobile-nav-item-primary-color);
    border-bottom: 2px solid var(--app-accent-color);
  }

  .cmf-menu-mobile-item-more-title {
    font-size: 13pt;

    &.opened {
      z-index: 5;
    }
  }

  .cmf-menu-mobile-item-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    width: 24px;
    height: 24px;
    margin-left: 8px;

    background: none;
    border: none;

    transition: transform 300ms ease;

    &.opened {
      z-index: 5;
      transform: rotate(180deg);
    }
  }

  .cmf-menu-mobile-item-more-overlay {
    position: fixed;
    top: 0;
    left: 0;

    width: 100vw;
    height: 100vh;
  }

  .cmf-menu-mobile-item-more-matmenu {
    position: fixed;
    z-index: 4;
    top: 48px;
    left: 0;

    overflow: hidden;
    display: block;

    width: 300px;
    height: calc(100% - 79px);
    max-height: 325px;
    padding-top: 60px;

    background-color: var(--app-toolbar-bg-color);
    box-shadow: 0 0.5rem 1rem grey;

    .block {
      overflow-y: scroll;
      height: 100%;

      .block-content {
        display: flex;
        flex-direction: column;
        width: 100%;
      }
    }

    .cmf-menu-mobile-item-more-matmenu-btn {
      display: flex;
      flex-direction: column;
      justify-content: space-between;

      width: 100%;
      height: 30px;
      padding: 0 12px;

      font-size: 12pt;

      background-color: var(--app-toolbar-bg-color);
      border: none;

      .check {
        float: right;
      }
    }
  }
}