:root {
  --animate-duration: 1s;
}

:host {
  display: block;
}

sl-sticky-footer-amounts h4,
sl-sticky-footer-amounts h6,
sl-sticky-footer-amounts p {
  white-space: nowrap;
  width: fit-content;
  margin: 0 !important;
}
sl-sticky-footer-amounts[variation=false][slot=amounts2] {
  display: none;
}
@media only screen and (min-width: 1023px) {
  sl-sticky-footer-amounts[variation=false][slot=amounts2] {
    display: block !important;
  }
  sl-sticky-footer-amounts[variation=false][slot=amounts2] .rowactive {
    display: inline;
  }
  sl-sticky-footer-amounts[variation=false][slot=amounts2] .rownotactive {
    display: inline;
  }
  sl-sticky-footer-amounts[variation=false][slot=amounts2] .notactiveamount {
    display: flex;
    justify-content: space-between;
  }
}
sl-sticky-footer-amounts[variation=false][slot=amounts] {
  width: 100% !important;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] .row {
  width: 100%;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] {
  display: flex !important;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] .rowactive {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: fit-content;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] .rownotactive {
  display: flex;
  flex-direction: row;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] .activeamount {
  display: flex;
  justify-content: space-between;
}
sl-sticky-footer-amounts[variation=false][slot=amounts] .notactiveamount {
  display: inline;
}
sl-sticky-footer-amounts[variation=true][slot=amounts] {
  display: flex;
  width: 100% !important;
  justify-content: center;
}
sl-sticky-footer-amounts[variation=true][slot=amounts].active {
  justify-content: left !important;
}
@media only screen and (max-width: 1023px) {
  sl-sticky-footer-amounts[variation=true][slot=amounts] {
    justify-content: left !important;
    display: block;
  }
}
sl-sticky-footer-amounts[variation=true][slot=amounts] .rowactive {
  display: flex;
  flex-direction: column;
}
sl-sticky-footer-amounts[variation=true][slot=amounts] .rownotactive {
  flex-wrap: nowrap;
  width: 100%;
}
sl-sticky-footer-amounts[variation=true][slot=amounts] .activeamount {
  display: flex;
  justify-content: space-between;
}
sl-sticky-footer-amounts[variation=true][slot=amounts2] {
  display: none;
}