.logo {
  padding: 20px 20px 0;

  img {
    width: 100%;
  }
}

:global {
  .layout-menu {
    color: #ffffff;
    font-size: 16px;
    background: var(--theme-color);

    .ant-menu-item {
      margin-inline: 10px;
      margin-block: 20px;
      display: flex;
      align-items: center;
      width: calc(100% - 20px);
      height: 50px;

      &-selected {
        color: #ffffff !important;
        background: var(--second-color) !important;
      }
      &-active {
        color: #ffffff !important;
        padding-inline: 32px !important;
      }
      &-icon {
        font-size: 20px !important;
      }
    }
  }
}
