/**
Include icons in scss/css.
Usage: 
 @include icon(close);
*/
/*
Media query mixin.
Usage: 
@include media($bp-l, min)
*/
/*
Mixin to add loading spinner to button/element.
Usage: 
@include loading()
*/
/* Recharge widget */
recharge-subscription-widget {
  margin: 16px 0;
}
recharge-subscription-widget * {
  color: #054040 !important;
}
recharge-subscription-widget::part(rc-purchase-option__selector) {
  color: #054040 !important;
  font-size: 0.875rem;
  padding: 0;
  line-height: 1.6;
  font-weight: 600 !important;
}
recharge-subscription-widget::part(rc-plans-button) {
  padding: 0;
}
recharge-subscription-widget::part(rc-plans-button__interval) {
  font-weight: 500;
  display: none;
}
recharge-subscription-widget::part(rc-purchase-option__checked-indicator) {
  margin-right: 0.75rem;
}
recharge-subscription-widget::part(rc-purchase-option__badge) {
  padding: 0.375rem 0.75rem;
  font-weight: 600;
}
recharge-subscription-widget::part(rc-benefits__list) {
  font-size: 12px;
}
recharge-subscription-widget::part(rc-plans-button) {
  background: transparent !important;
  color: #054040 !important;
  font-size: 12px;
  font-weight: 500;
  line-height: 160%;
  text-align: left;
  padding-bottom: 0;
  align-items: flex-start;
}
recharge-subscription-widget::part(rc-purchase-option__discounted-price), recharge-subscription-widget::part(rc-purchase-option__price) {
  color: #054040 !important;
  font-size: 0.75rem;
}
recharge-subscription-widget::part(rc-purchase-option__subscription) {
  padding: 20px 16px;
}
recharge-subscription-widget::part(rc-purchase-option__onetime) {
  padding: 20px 16px !important;
}
recharge-subscription-widget::part(rc-purchase-option__label) {
  padding: 0;
}
recharge-subscription-widget::part(rc-purchase-option__sub-container) {
  flex-direction: column-reverse;
  color: #054040 !important;
  padding-left: 1.75rem;
  padding-right: 0;
  padding-bottom: 0;
}
recharge-subscription-widget::part(rc-purchase-option__prices) {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 0.375rem;
}
recharge-subscription-widget::part(rc-purchase-option__original-price) {
  color: #054040 !important;
  font-size: 0.75rem;
  font-weight: 600;
}
.new-recharge-widget recharge-subscription-widget::part(rc-purchase-option__sub-container) {
  padding-bottom: 1rem;
}
.new-recharge-widget recharge-subscription-widget::part(rc-benefits__list) {
  display: block;
}
.new-recharge-widget recharge-subscription-widget::part(rc-purchase-option__badge) {
  display: inline-block;
}
