.filters {
    &__header {
      display: flex;
      align-items: center;
      margin-bottom: 15px;
      position: relative;
      .main-title {
        margin-bottom: 0 !important;
      }
    }
    &__close {
      position: absolute;
      left: 30px;
      right: unset;
      top: 50%;
      transform: translateY(-50%);
      max-width: max-content;
      i::before {
        content: "";
        display: flex;
        display: flex;
        transform: rotate(45deg);
        text-shadow: 0 0 1px #a7a098;
      }
    }
    &__search {
      border: none;
      background-color: unset;
      font-size: 14px;
      margin-right: 10px;
      padding-right: 10px;
      border-radius: 10px;
      width: 140px;
      &:focus {
        outline: none;
      }
      // &::placeholder {
      //   color: #d9d2c8;
      //   opacity: 1;
      // }
    }
    &__sec {
      margin-bottom: 20px;
    }
    &__delete {
      color: #e91e63;
      display: flex;
      margin-bottom: 10px;
      &:hover {
        color: #b4154a;
      }
    }
    .main-title {
      margin-bottom: 10px;
      font-weight: bold;
    }
    ul {
      list-style: none;
    }
    li {
      display: flex;
      align-items: flex-start;
      &:not(:last-child) {
        margin-bottom: 8px;
      }
    }
    a {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%;
      &:hover {
        .title {
          color: #3f43bc;
        }
      }
      &.active {
        .title {
          color: #3f43bc;
          &::before {
            opacity: 1;
          }
        }
      }
    }
    .title {
      color: #a7a098;
      transition: all 0.2s linear;
      position: relative;
      &::before {
        content: "";
        position: absolute;
        top: 7px;
        width: 10px;
        height: 8px;
        // background-image: url("#{$VITE_SEARCH_ASSETS_URL}/img/tick.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        right: -7px;
        transform: translateX(100%);
        transition: all 0.2s linear;
        opacity: 0;
      }
    }
    .num {
      color: #d9d2c8;
    }
  }