/* Coupon feedback only: leave room for the floating label inside the collapse clip. */
:root .buy-modal-body .coupon-section .coupon-wrapper-box {
  margin-top: 12px;
}
:root .buy-modal-body .coupon-section .coupon-wrapper-box.coupon-error {
  background: #f8fafc;
  border-color: #c8b2b5;
  animation: none;
  box-shadow: none;
}
:root.dark .buy-modal-body .coupon-section .coupon-wrapper-box.coupon-error {
  background: rgb(255 255 255 / .04);
  border-color: #6c555d;
}
:root .buy-modal-body .coupon-section .coupon-wrapper-box.coupon-error:focus-within {
  border-color: #3e9bff;
  box-shadow: 0 0 0 2px rgb(62 155 255 / .12);
}
:root .buy-modal-body .coupon-section .coupon-wrapper-box.coupon-error > .niva-floating-label {
  color: #8d525a !important;
}
:root.dark .buy-modal-body .coupon-section .coupon-wrapper-box.coupon-error > .niva-floating-label {
  color: #c8a0a5 !important;
}
:root .buy-modal-body .coupon-section .coupon-tip-msg.error {
  color: #8d525a;
  background: transparent;
  border: 0;
  box-shadow: none;
  padding: 0 4px;
  margin-top: 8px;
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.6;
}
:root.dark .buy-modal-body .coupon-section .coupon-tip-msg.error {
  color: #c8a0a5;
  background: transparent;
}