@include export-module('co-registered-payment-layout') {
  .co-registered-payment {
    font-family: $tp-registered-payment-font-family;
    font-size: $tp-registered-payment-font-size;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    row-gap: $tp-registered-payment-row-gap;
    .co-payment-tile {
      height: 100%;
      min-width: 0;
    }
    .co-tile {
      .co-tile-wrapper {
        border: none;
        min-width: initial;
        min-height: initial;
        width: auto;
        height: auto;
        padding: 0;
        .co-tile-select-wrapper {
          display: none;
        }
      }
    }
    .loader {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }
    .registered-payment-payments-wrapper {
      position: relative;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: $tp-registered-payment-payments-padding;
      background-color: $tp-registered-payment-payments-background-color;
      border-style: $tp-registered-payment-payments-border-style;
      border-color: $tp-registered-payment-payments-border-color;
      border-width: $tp-registered-payment-payments-border-width;
      border-radius: $tp-registered-payment-payments-border-radius;
    }
    .deposit-payment-spacer {
      width: $tp-registered-payment-amount-spacer-width;
    }
    .registered-payment-payments {
      display: flex;
      width: 100%;
      height: $tp-registered-payment-payments-height;
      padding: $tp-registered-payment-payment-padding;
      border-style: $tp-registered-payment-payment-border-style;
      border-color: $tp-registered-payment-payment-border-color;
      border-width: $tp-registered-payment-payment-border-width;
      border-radius: $tp-registered-payment-payment-border-radius;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
    }
    .registered-payment-amount-wrapper {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      .registered-payment-amount {
        font-size: $tp-registered-payment-amount-font-size;
        font-weight: $tp-registered-payment-amount-font-weight;
      }
      .registered-payment-date {
        font-size: $tp-registered-payment-date-font-size;
        font-weight: $tp-registered-payment-date-font-weight;
      }
    }
  }
}
