@import "variables";

:host {

  header {
    padding: 20px 24px;
  }
  .title {
    color: $white;
    font-size: 16px;
    text-transform: uppercase;
    margin: 55px 0 12px 0;

    &.first {
      margin-top: 0;
    }
  }

  .section {
    //margin: 6px 0 0 24px;
  }

  .info {
    margin-left: 12px;
    color: $blue-400;

    &:hover {
      color: $purple;
    }
  }

  .add-button {
    margin: 24px 0 48px 24px;
    color: $blue-280;

    &:hover {
      color: $white;
    }

    &.disabled {
      opacity: 0.3;
      cursor: not-allowed;
      pointer-events: none;
    }
  }
}
