@import '../styles/variables';

.main {

  .inner-label {
    font-family: $duda-font;
    margin-block-end: 24px;
  }

  .category-label {
    font-family: $duda-font;
    padding-block-start: 0;
    padding-block-end: 10px;
  }

  .dropdown {
    width: 100%;
    margin-block-end: 24px;
    font-family: $duda-font;
    font-size: 14px;

    :global {
      .types-dropdown__control.types-dropdown__control {
        box-shadow: none;
      }
    }
  }

  .textarea {
    display: flex;
    min-width: 100%;

    textarea {
      padding-inline-start: 10px;
      padding-inline-end: 10px;
    }

    ::placeholder {
      font-family: $duda-font;
      font-size: 14px;
      font-style: italic;
      color: $font-light-gray;
    }
  }

  .confirm {
    padding-inline-start: 25px;
    padding-inline-end: 25px;
  }
}