@import 'apps/client/src/styles/ghostfolio-style';

:host {
  display: block;

  ::ng-deep {
    .mat-form-field-infix {
      border-top: 0 solid transparent !important;
    }

    .mat-spinner {
      circle {
        stroke: rgba(var(--dark-dividers));
      }
    }
  }

  .mat-chip {
    cursor: pointer;
    min-height: 1.5rem !important;
  }
}

:host-context(.is-dark-theme) {
  .mat-form-field {
    color: rgba(var(--light-primary-text));
  }

  ::ng-deep {
    .mat-spinner {
      circle {
        stroke: rgba(var(--light-dividers));
      }
    }
  }
}
