@import "../../../../style/mixin";

@include export-module('co-transaction-line-conversion-assistant-layout') {
  .co-transaction-line-conversion-assistant {
    .co-dialog:not(.is-mobile) .co-dialog-wrapper {
      width: 500px;
      .assistant-header {
        display: flex;
        flex-direction: row;
        column-gap: 5px;
        align-items: center;
        padding-bottom: 10px;
      }

      .assistant-content-wrapper {
        display: flex;
        flex-direction: row;
        column-gap: 5px;

        .unit-amount {
          height: $tp-conversion-assistant-field-height;
          max-width: 90px;
        }

        .unit-list {
          height: $tp-conversion-assistant-field-height;

          .co-input-text {
            height: $tp-conversion-assistant-field-height;
          }
        }

        .quantity-number-picker {
          width: $tp-conversion-assistant-quantity-width;
          height: $tp-conversion-assistant-field-height;

          .icon-wrapper {
            max-width: $tp-conversion-assistant-field-height;
          }

          .co-input-text {
            width: $tp-conversion-assistant-quantity-width;
            height: $tp-conversion-assistant-field-height;

            .right-icon {
              min-width: $cc-co-list-of-values-right-icon-spacer-width;
            }

            .input-text-right-icon svg {
              width: $cc-co-list-of-values-right-icon-width;
              height: $cc-co-list-of-values-right-icon-width;
              padding: $cc-co-list-of-values-right-icon-padding;
              background: $cc-co-list-of-values-right-icon-background;
              border-radius: $cc-co-list-of-values-right-icon-radius;
            }
          }
        }
      }
    }
  }
}