@use 'apps/dashboard/src/variables' as *;
@use '../../task.common';

.form-container {
  gap: rhythm(2);
}

.operation-header {
  align-items: center;
  background-color: $color-neutral-lighter;
  display: flex;
  justify-content: space-between;
  padding: 0 rhythm(2);
}

.operation {
  border: 1px solid $color-neutral-lighter;
  padding: rhythm(2);
  .title-s {
    margin-top: rhythm(2);
  }
}

.input-with-help {
  align-items: center;
  display: flex;
  gap: rhythm(1);
  pa-input {
    flex-grow: 1;
  }
}

.label {
  align-items: center;
  display: flex;
  gap: rhythm(1);
  pa-select {
    width: rhythm(24);
  }
  pa-input {
    flex-grow: 1;
  }
}
