#anycomment-wrapper {
  .anycomment-chart {
    display: block;

    &__controls {
      form {

      }
    }

    &__periods {
      display: flex;
      flex-wrap: wrap;

      input {
        display: none;
      }

      &-button {
        display: inline-block;
        vertical-align: middle;
        font-family: inherit;
        padding: 10px 30px;
        -webkit-appearance: none;
        border: 1px solid #B6C1C6;
        border-radius: 16px;
        -webkit-transition: background-color .25s ease-out, color .25s ease-out;
        transition: background-color .25s ease-out, color .25s ease-out;
        line-height: 1;
        text-align: center;
        cursor: pointer;
        color: #686868;
        background-color: #FCFCFC;
        font-size: 12px;
        margin-right: 15px;
      }

      input[type="radio"]:checked + span {
        background-color: #1DA1F2;
        border: 1px solid #1DA1F2;
        color: #fff;
      }
    }

    &__custom-periods {
      display: flex;
      flex-wrap: wrap;
      margin-bottom: 50px;

      &-field {
        flex-grow: 1;
        position: relative;

        &:first-of-type {
          margin-right: 15px;
        }

        svg {
          width: 13px;
          height: 13px;
          color: #CED6E0;
          position: absolute;
          top: 11px;
          right: 20px
        }

      }

      input {
        background: #FCFCFC;
        border: 1px solid #E8EDEF;
        box-sizing: border-box;
        border-radius: 10px;
        height: 35px;
        font-size: 14px;
        padding-right: 45px;
        padding-left: 20px;
      }
    }
  }

  .card {
    border: 1px solid #B6C1C6;
    border-radius: 10px;

    h2 {
      font-size: 24px;
      color: #686868;
    }

    p {
      font-size: 14px;
    }

    p.stat {
      color: #B6C1C6;
      font-size: 60px;
      margin-top: 15px;
    }
  }

  @media screen and (max-width: 1400px) {
    .anycomment-chart {
      &__periods {
        &-button {
          margin-bottom: 5px;
        }
      }

      &__custom-periods {
        margin-bottom: 30px;

        &-field {
          margin-right: 0;
        }
      }
    }
  }
}