@import '~theme/index.less';


.left_sider_wrapper {
  -webkit-app-region: no-drag;
  user-select: none;
  border-color: transparent;
  font-size: 15px;
  font-family: @__Global_texted_font;
  font-weight: 600;

  width: 65%;
  height: 100%;

  z-index: 40;
  float: left;
  position: relative;
  background-color: transparent;
  backdrop-filter: blur(2px);

  :global {
    .ant-layout-sider {
      background-color: transparent;
      float: right;

      .ant-menu {
        font-weight: 700;
        color: unset;
        vertical-align: middle;
        // margin: 0 0 0 5px;
        // border-right: 0!important;
      }
    }
  }
}


.left_sider_header {
  cursor: pointer;
  margin: 15px 0 0 22px;
  -webkit-user-drag: none;
  .logotype{
    -webkit-app-region: no-drag;
    max-height: 70px;
    height: 35px;
  }

  &.emb{
    margin: 5px 0 0 22px;
  }

  &.logged{
    
  }
}

.left_sider_footer {
  margin: 0 0 12px;
  :global {
    text-align: center;
    bottom: 0;
    position: absolute;
    width: 100%;
    .anticon{
      font-size: 15px!important;
    }
    .ant-menu-item{
      height: 35px!important;
      margin-bottom: 0!important;
      line-height: 30px;
    }
  }
}

.left_sider_container {
  border-right: transparent;
  height: 100%;
  z-index: 50;
}

.left_sider_menuContainer {
  height: 100%;
  margin: 18px 0 8px;

  :global {
    .ant-layout-sider-children {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .ant-menu-item {
      -webkit-app-region: no-drag;
      transition: @transition-ease-inout;

      border-radius: 4px 8px 8px 4px;
      padding: 2px 0 2px 24px;
      border-right: 0!important;

      text-align: left;
    }

    .ant-menu-item:hover {
      border-radius: 8px;
      transform: translate(10px,0);
      
      // background: linear-gradient(49deg, rgba(255,255,255,1) 32%, rgba(255, 255, 255, 0) 100%);
      backdrop-filter: blur(2px);
      // border-left: 10px @app_accent_gradient solid;
      box-shadow: -2px 2px 1px 0 rgba(51, 51, 51, 0.13);
      color: rgb(102, 102, 102);
    }

    .ant-menu-item-selected {
      background-color: unset;
      // background: linear-gradient(90deg, rgb(255, 230, 0) 2%, rgba(255,255,255,0.5) 10%);
    }

    .anticon {
      font-size: @left_sider_sizeIcons;
    }
   
    .ant-layout-sider-collapsed, .ant-menu-inline-collapsed {
      .ant-menu-item {
        > span{
          visibility: hidden;
        }
      } 
      .ant-menu-item:hover {
        box-shadow: unset;
      }
      
    }

    .ant-menu-item a {
      color: @AppTheme_global_color;
    }
  }
}

.left_sider_menuItems {
  background-color: transparent;
  margin-bottom: 8px;
  //width: 100%;
  font-weight: 500;

  animation: fadein 0.5s;


}