.m-li {
  margin-left: 23px;
  --m-marker-active-inner-color: var(--m-color-border);
  --m-marker-base-color: var(--m-color-border);
  display: flex;
  line-height: 27px;
  align-items: flex-start;

  &::marker {
    content: "";
  }

  .m-marker {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-right: 2px;

    &.m-svg-icon {
      display: inline-grid;
      place-items: center;
      position: relative;
      filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.4));
    }

    .m-svg-icon-inner {
      filter: blur(0.8);
      fill: var(--m-marker-base-color);
    }

  }

  &.m-li-active {
    --m-marker-active-inner-color: var(--m-color-main);

    .m-marker {


      &.m-svg-icon {
        filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.8));
      }

      .m-svg-icon-main {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        filter: blur(0.4);
      }

      .m-svg-icon-inner {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        fill: var(--m-marker-active-inner-color);
      }
    }
  }


}