.anycomment-app {
  &,
  & *,
  *:before,
  *:after {
    box-sizing: border-box !important;
  }

  a {
    text-decoration: none;
  }

  .clearfix:after {
    content: "";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
  }

  .anycomment {
    float: none;
    text-align: left;
    font-family: $font-family;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    opacity: 1;
    margin: 0;
    padding: 0;
    border: none 0;
    border-radius: 0;
    font-size: $font-size;
    vertical-align: baseline;
    background: 0 0;
    color: $text-color;
    line-height: 1.167em;
    outline: 0;
    text-transform: none;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    text-shadow: none;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    min-height: 0;
    -webkit-overflow-scrolling: touch;
  }

  .anycomment-social {
    display: inline-block;
    text-align: center;

    &,
    & > img {
      width: 25px;
      height: 25px;
    }
  }

  .anycomment-link {
    cursor: pointer;
  }

  // Icons
  .anycomment-icon {
    color: $semi-hidden-color;
    vertical-align: middle;
  }

  // Dropdowns
  .dropdown {
    display: inline-block;
    position: relative;

    &__trigger {
      cursor: pointer;
      user-select: none;
    }

    &__content {
      display: none;
      position: absolute;
      top: 20px;
      user-select: none;
      right: 0;

      * {
        user-select: none;
      }

      ul {
        margin: 0;
        padding: 0;
        display: flex;
        flex-direction: column;

        &,
        & li {
          list-style: none;
        }

        li {
          padding: 5px 0;
        }
      }
    }
  }

  .dropdown--active .dropdown__content {
    display: block;
    background-color: #fff;
    padding: 7px;
    @include border-radius($global-radius);
    border: 1px solid #d6d6d6;
    z-index: 9;

    // In case of icons in the list
    ul {
      li {
        a {
          cursor: pointer;
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-around;

          .anycomment-icon {
            margin-right: 5px;
          }
        }
      }
    }
  }

  .anycomment-alert {
    padding: 10px;
    color: $text-color;
    @include border-radius($global-radius);
  }

  .anycomment-alert.anycomment-alert-default {
    background-color: #f2f2f2;
    color: grey;
  }
}