:host {
    display: flex;
    justify-content: center;
    margin-top: 20px;
    width: 96vw;
    
    .icon {
      display: flex;
      flex-direction: row;
      justify-content: center;
      padding: 5px;
      background-color: var(--primary-contrast);

      i {
        transform: rotate(90deg);
      }
    }

    .card {
        display: flex;
        flex-direction: column;
        width: 1140px;
    }
    
    .wrapper {
        display: flex;
        flex-direction: column;
        width: 1140px;
      
      .conversion {
            justify-content: center;
            display: flex;
            align-items: center;
            height: 70vh;
  
        p-floatlabel {
            width: 30vw;
        }
      }
    }

    textarea {
        width: 100%;
        height: 175px;
        padding: 12px 20px;
        box-sizing: border-box;
        border-radius: 4px;
        font-size: 16px;
        resize: none;
        background-color: var(--primary-contrast);
        color: var(--text-color)
    }

    
  ::ng-deep .p-panel-header {
    justify-content: unset !important;

    * {
      margin-right: 5px;
    }
  }
}