@use 'apps/dashboard/src/variables' as *;

.container {
  display: flex;
  flex-direction: column;
  gap: rhythm(2);
}

.selected-model {
  align-items: center;
  border: $border-width-regular solid $border-color-field-regular;
  border-radius: $border-radius-field;
  display: flex;
  justify-content: space-between;
  height: calc($height-field-control + $border-width-regular * 2);
  padding: $padding-field-control-top $padding-field-control-left;
  &.disabled {
    color: $color-text-field-control-disabled;
  }
}

.model-name {
  width: calc(100% - rhythm(4));
}

.description {
  color: $color-neutral-regular;
}

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: rhythm(1);
  padding: rhythm(1);
}

pa-option-header {
  border-top: 1px solid $color-neutral-lighter;
  display: block;
}

pa-option {
  .option-name {
    align-items: center;
    display: flex;
    gap: rhythm(1);
    justify-content: space-between;
  }
  ::ng-deep .pa-option {
    display: block;
  }
  .more-info {
    padding-left: rhythm(2);
    white-space: normal;
  }
}

.disclaimer {
  border: 1px solid $color-neutral-lighter;
  border-radius: $border-radius-default;
  padding: rhythm(1);
}

.disclaimer-body {
  padding: rhythm(2) rhythm(2);
}
