@use '../../src/styles/variables';

:host {
  textarea {
    width: 100%;
    height: 236px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05);
    border-width: 0;

    color: variables.$csc-textarea-color;

    padding: 16px 42px 16px 16px;

    color: #1B1D27;
    font-family: Barlow;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 22.4px */


  }

  .textarea-placeholder {
    color: variables.$csc-textarea-placeholder-color;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
  }

  .click-file-upload {
    cursor: pointer;
  }
}

#fromText {


  textarea {
  }
}

button.is-outlined {
  display: inline-flex;
  height: 34px;
  padding: var(--Spacing-Spacing-10, 4px) var(--Spacing-Spacing-30, 12px) var(--Spacing-Spacing-10, 4px) var(--Spacing-Spacing-20, 8px);
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #255B8E;
  border-radius: 8px;
  border: 1px solid var(--color-text-title, #255B8E);
  background: var(--color-background-card-on-base, #FFF);
  left: 16px;
  top: -50px;
  position: relative;

  i {
    margin-right: 4px;
  }
}

#fileUploadTranslator {
  display: none;
}