$cssPrefix: cashier-paymentPrice;

.#{$cssPrefix} {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  width: 750rpx;
  height: 286rpx;

  &-title {
    margin-top: 48rpx;
    color: var(--color-text1-3, #53555b);
    font-size: var(--p-body-1-font-size, 28rpx);
  }

  &-row {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    margin-bottom: 48rpx;

    &-prefix {
      color: var(--color-text1-4, #25282e);
      font-size: var(--p-headline-font-size, 48rpx);
      font-weight: 500;
      line-height: 96rpx;
    }

    &-amount {
      color: var(--color-text1-4, #25282e);
      font-size: var(--p-display-2-font-size, 96rpx);
    }
  }
}