@use '../../src/styles/variables'; :host { .translate-texts { display: flex; flex-direction: row; justify-content: start; gap: 16px; } #fromText, #toText { padding: variables.$spacing-4 42px variables.$spacing-4 variables.$spacing-4; box-shadow: 0 19px 29px 0 rgba(30, 31, 34, 0.05); background: white; height: 235px; width: 648px; overflow-y: auto; } .delete-button { border: 0; border-radius: 100%; background: #F2F2F2; color: grey; cursor: pointer; padding: 10px; float: right; width: 37px; visibility: hidden; z-index: 10; position: relative; &:hover { background: #888; color: #222; display: block; } &.is-visible { visibility: visible; } } textarea { width: 100%; height: 200px; flex-shrink: 0; border-radius: 4px; border-width: 0; color: variables.$csc-text-color; font-size: variables.$spacing-4; font-style: normal; font-weight: 400; line-height: 140%; /* 22.4px */ margin-top: -40px; background: transparent; &::placeholder { color: variables.$csc-textarea-placeholder-color; font-size: 20px; font-style: normal; font-weight: 400; line-height: 140%; width: 370px; } } .click-file-upload { cursor: pointer; display: inline-flex; height: 34px; padding: 8px 20px; justify-content: center; align-items: center; flex-shrink: 0; color: variables.$csc-nav-color; border-radius: variables.$radius-4; border: 1px solid var(--color-text-title, variables.$csc-nav-color); background: var(--color-background-card-on-base, #FFF); left: 0; top: 100px; position: relative; font-weight: 600; i { margin-left: 10px; } } .file-selected { display: flex; flex-direction: row; justify-content: space-between; align-items: center; border-radius: 4px; padding: 10px; background: variables.$csc-file-selector-bg-color; .labeling { display: flex; flex-direction: row; justify-content: start; div { padding-right: 10px; } } .label { color: variables.$csc-text-color; font-size: 14px; font-style: normal; font-weight: 400; line-height: 140%; /* 19.6px */ } .weight { color: variables.$csc-light-text-color; font-size: 12px; font-style: normal; font-weight: 400; line-height: 140%; } } #fileUploadTranslator { display: none; } }