@media only screen and (min-width: 768px) {
  .checkout {
    position: relative;
    padding: 5rem 1.5rem 6rem;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: start;
  }
  .checkout:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 6rem;
    left: 50%;
    background: var(--lightbeige);
    z-index: -1;
  }
}
.checkout__summary {
  display: grid;
  row-gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .checkout__summary {
    background: var(--lightbeige);
    padding: 6rem 1rem 0;
  }
}
@media only screen and (min-width: 768px) {
  .checkout__summary {
    row-gap: 3rem;
    order: 1;
    grid-column: 2/span 6;
  }
}
@media only screen and (min-width: 768px) {
  .checkout__summary {
    position: -webkit-sticky;
    position: sticky;
    top: 9rem;
    order: 2;
    grid-column: 10/span 6;
    padding-bottom: 8rem;
  }
}
@media only screen and (min-width: 768px) {
  .checkout__coupon-code {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.checkout__coupon-code .button {
  order: 2;
  grid-column: span 2;
  border-radius: 0.25rem;
}
@media only screen and (max-width: 767px) {
  .checkout__coupon-code .button {
    width: 100%;
  }
}
.checkout__notices {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  text-align: center;
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__notices {
    --mb: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.checkout__notices .notice {
  color: var(--green);
}
.checkout__notices .error {
  color: var(--error);
}
.checkout__messages {
  margin-top: 0.5rem;
}
.checkout__messages .error {
  color: var(--red);
}
.checkout__remove-code {
  margin-top: 1rem;
  display: flex;
  align-items: center;
}
.checkout__remove-code input[type=submit] {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  margin-left: 1rem;
}
.checkout__remove-code + .checkout__remove-code {
  margin-top: 0;
}
.checkout__forms {
  display: grid;
  row-gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .checkout__forms {
    padding: 2rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .checkout__forms {
    order: 1;
    grid-column: span 8;
    row-gap: 3rem;
  }
}
.checkout__forms .sprig-component {
  transition: opacity 0.3s ease;
  opacity: 1;
}
.checkout__forms .sprig-component.loading {
  opacity: 0.25;
  pointer-events: none;
}
.checkout__form > fieldset:disabled {
  display: none;
}
.checkout fieldset {
  border: 0 none;
  padding: 0;
  margin: 0;
}
.checkout__fieldset {
  border-bottom: 1px solid var(--placeholder);
  padding-bottom: 2rem;
}
@media only screen and (min-width: 768px) {
  .checkout__fieldset {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    padding-bottom: 3rem;
  }
}
.checkout__fieldset + .checkout__fieldset {
  padding-top: 3rem;
}
.checkout__fieldset .stripe-payment-elements-form {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__fieldset .stripe-payment-elements-form {
    grid-column: 2/span 6;
  }
}
[class$="--payment"] .checkout__fieldset {
  border-bottom: 0 none;
  padding-bottom: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .checkout__fieldset .button-comp {
    grid-column: 1/span 8;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.checkout__fieldset > .button,
.checkout__fieldset .button-comp .button {
  margin-top: 3rem;
}
@media only screen and (max-width: 767px) {
  .checkout__fieldset > .button,
  .checkout__fieldset .button-comp .button {
    width: 100%;
  }
}
.checkout__fieldset > .button + .button,
.checkout__fieldset .button-comp .button + .button {
  margin-top: 0;
}
.checkout__fieldset > .button:not(:last-child),
.checkout__fieldset .button-comp .button:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__fieldset > .button,
  .checkout__fieldset .button-comp .button {
    grid-column: 3/span 4;
    cursor: pointer;
  }
}
.checkout__wrapper:not(:first-child) {
  margin-top: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__wrapper {
    grid-column: 2/span 6;
  }
}
.checkout__wrapper.billing-address {
  margin-top: 2rem;
}
.checkout__wrapper.hidden {
  display: none;
}
.checkout__wrapper p {
  font-family: Reader;
  --mb: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .checkout__wrapper p {
    --mb: 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.checkout__wrapper p.error {
  color: var(--red);
  margin-bottom: 0;
}
.checkout__wrapper p.flash {
  margin-bottom: 0;
}
.checkout__summary-title, .checkout__form-title {
  font-family: ReaderMedium;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  line-height: 1.125rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid var(--black);
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .checkout__summary-title, .checkout__form-title {
    grid-column: 2/span 6;
  }
}
.checkout__summary-title .error, .checkout__form-title .error {
  color: var(--red);
}
.checkout__summary-title {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .checkout__summary-title {
    grid-column: span 6;
  }
}
.checkout__summary-title :link, .checkout__summary-title :visited {
  text-decoration: none;
}
.checkout__info-link {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  margin-top: -0.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .checkout__info-link {
    grid-column: 2/span 6;
  }
}
.checkout__field {
  display: block;
  border: 1px solid var(--grey);
  border-radius: 0.25rem;
  position: relative;
  -webkit-font-smothing: antialiased;
}
.checkout__field:not(:last-child) {
  margin-bottom: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__field {
    order: 1;
    grid-column: 2/span 6;
  }
}
.checkout__field.error {
  border-color: var(--error);
}
.checkout__field.hidden {
  display: none;
}
.checkout__field--radio {
  border: 0 none;
  position: relative;
}
.checkout__field--radio input {
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  opacity: 0;
  position: absolute;
  bottom: 0;
  left: 1rem;
  transform: translateX(-50%);
}
.checkout__field--radio input:checked ~ label:before {
  border-color: var(--black);
  background: no-repeat 50% url("data:image/svg+xml,%3Csvg width='12' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 7.78 1.22 5l-.947.94L4 9.667l8-8-.94-.94z' fill='%231A1A1A' fill-rule='nonzero'/%3E%3C/svg%3E");
}
.checkout__field--radio label {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  display: grid;
  grid-template-columns: -webkit-min-content 1fr;
  grid-template-columns: min-content 1fr;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: center;
}
.checkout__field--radio label:before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid var(--grey);
}
.checkout__field--radio label a {
  grid-column: 2;
}
.checkout__field--radio.error label {
  color: var(--error);
}
.checkout__field--radio.error label:before {
  border-color: var(--error);
}
.checkout__field--email label, .checkout__field--text label, .checkout__field--number label, .checkout__field--coupon-code label, .checkout__field--textarea label {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  color: var(--grey);
  position: absolute;
  pointer-events: none;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 1rem;
  left: 1rem;
}
.checkout__field--email input,
.checkout__field--email textarea,
.checkout__field--email .stripe-field, .checkout__field--text input,
.checkout__field--text textarea,
.checkout__field--text .stripe-field, .checkout__field--number input,
.checkout__field--number textarea,
.checkout__field--number .stripe-field, .checkout__field--coupon-code input,
.checkout__field--coupon-code textarea,
.checkout__field--coupon-code .stripe-field, .checkout__field--textarea input,
.checkout__field--textarea textarea,
.checkout__field--textarea .stripe-field {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  display: block;
  width: 100%;
  padding: 1rem 1rem 0.875rem 1rem;
}
.checkout__field--email input::-moz-placeholder, .checkout__field--email textarea::-moz-placeholder, .checkout__field--email .stripe-field::-moz-placeholder, .checkout__field--text input::-moz-placeholder, .checkout__field--text textarea::-moz-placeholder, .checkout__field--text .stripe-field::-moz-placeholder, .checkout__field--number input::-moz-placeholder, .checkout__field--number textarea::-moz-placeholder, .checkout__field--number .stripe-field::-moz-placeholder, .checkout__field--coupon-code input::-moz-placeholder, .checkout__field--coupon-code textarea::-moz-placeholder, .checkout__field--coupon-code .stripe-field::-moz-placeholder, .checkout__field--textarea input::-moz-placeholder, .checkout__field--textarea textarea::-moz-placeholder, .checkout__field--textarea .stripe-field::-moz-placeholder {
  opacity: 0;
}
.checkout__field--email input::placeholder,
.checkout__field--email textarea::placeholder,
.checkout__field--email .stripe-field::placeholder, .checkout__field--text input::placeholder,
.checkout__field--text textarea::placeholder,
.checkout__field--text .stripe-field::placeholder, .checkout__field--number input::placeholder,
.checkout__field--number textarea::placeholder,
.checkout__field--number .stripe-field::placeholder, .checkout__field--coupon-code input::placeholder,
.checkout__field--coupon-code textarea::placeholder,
.checkout__field--coupon-code .stripe-field::placeholder, .checkout__field--textarea input::placeholder,
.checkout__field--textarea textarea::placeholder,
.checkout__field--textarea .stripe-field::placeholder {
  opacity: 0;
}
.checkout__field--email .stripe-field, .checkout__field--text .stripe-field, .checkout__field--number .stripe-field, .checkout__field--coupon-code .stripe-field, .checkout__field--textarea .stripe-field {
  opacity: 0;
  transition: opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.checkout__field--email .stripe-field.stripe-el--focus, .checkout__field--email .stripe-field.stripe-el--complete, .checkout__field--text .stripe-field.stripe-el--focus, .checkout__field--text .stripe-field.stripe-el--complete, .checkout__field--number .stripe-field.stripe-el--focus, .checkout__field--number .stripe-field.stripe-el--complete, .checkout__field--coupon-code .stripe-field.stripe-el--focus, .checkout__field--coupon-code .stripe-field.stripe-el--complete, .checkout__field--textarea .stripe-field.stripe-el--focus, .checkout__field--textarea .stripe-field.stripe-el--complete {
  opacity: 1;
}
.checkout__field--email input:not(:-moz-placeholder-shown) ~ label, .checkout__field--text input:not(:-moz-placeholder-shown) ~ label, .checkout__field--number input:not(:-moz-placeholder-shown) ~ label, .checkout__field--coupon-code input:not(:-moz-placeholder-shown) ~ label, .checkout__field--textarea input:not(:-moz-placeholder-shown) ~ label {
  transform: translateY(-1rem) scale(0.75);
}
.checkout__field--email input:focus ~ label, .checkout__field--email input:not(:placeholder-shown) ~ label, .checkout__field--text input:focus ~ label, .checkout__field--text input:not(:placeholder-shown) ~ label, .checkout__field--number input:focus ~ label, .checkout__field--number input:not(:placeholder-shown) ~ label, .checkout__field--coupon-code input:focus ~ label, .checkout__field--coupon-code input:not(:placeholder-shown) ~ label, .checkout__field--textarea input:focus ~ label, .checkout__field--textarea input:not(:placeholder-shown) ~ label {
  transform: translateY(-1rem) scale(0.75);
}
.checkout__field--email .stripe-el--complete ~ label,
.checkout__field--email .stripe-el--focus ~ label, .checkout__field--text .stripe-el--complete ~ label,
.checkout__field--text .stripe-el--focus ~ label, .checkout__field--number .stripe-el--complete ~ label,
.checkout__field--number .stripe-el--focus ~ label, .checkout__field--coupon-code .stripe-el--complete ~ label,
.checkout__field--coupon-code .stripe-el--focus ~ label, .checkout__field--textarea .stripe-el--complete ~ label,
.checkout__field--textarea .stripe-el--focus ~ label {
  transform: translateY(-1rem) scale(0.75);
}
.checkout__field--email .stripe-el--invalid ~ label, .checkout__field--text .stripe-el--invalid ~ label, .checkout__field--number .stripe-el--invalid ~ label, .checkout__field--coupon-code .stripe-el--invalid ~ label, .checkout__field--textarea .stripe-el--invalid ~ label {
  color: var(--red);
}
.checkout__field--email textarea:focus ~ label, .checkout__field--email textarea:not(:empty) ~ label, .checkout__field--text textarea:focus ~ label, .checkout__field--text textarea:not(:empty) ~ label, .checkout__field--number textarea:focus ~ label, .checkout__field--number textarea:not(:empty) ~ label, .checkout__field--coupon-code textarea:focus ~ label, .checkout__field--coupon-code textarea:not(:empty) ~ label, .checkout__field--textarea textarea:focus ~ label, .checkout__field--textarea textarea:not(:empty) ~ label {
  transform: translateY(-1rem) scale(0.75);
}
.checkout__field--textarea:after {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  color: var(--placeholder);
  content: attr(data-maxlength);
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 3rem;
}
.checkout__field--coupon-code {
  grid-column: span 4;
}
@media only screen and (min-width: 768px) {
  .checkout__field--coupon-code:not(:last-child) {
    margin-bottom: 0;
  }
}
.checkout__field--number .prefix ~ input {
  padding-left: calc(1rem + 1ch);
}
.checkout__field--number .prefix ~ input ~ label {
  background-color: var(--offwhite);
}
.checkout__field--number .prefix {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  position: absolute;
  left: 1rem;
  padding: 1rem 0 0.875rem;
  pointer-events: none;
  width: 0.5rem;
  text-align: right;
}
.checkout__field--select label {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  position: absolute;
  pointer-events: none;
  transform-origin: 0 50%;
  transition: transform 200ms, color 200ms;
  top: 1rem;
  left: 1rem;
  transform: translateY(-1rem) scale(0.75);
  color: var(--grey);
}
.checkout__field--select label::first-letter {
  text-transform: capitalize;
}
.checkout__field--select select {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  display: block;
  width: 100%;
  padding: 1rem 1rem 0.875rem 1rem;
}
.checkout__field-pair {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  align-items: start;
}
.checkout__field-pair .checkout__field {
  grid-column: span 1;
}
.checkout__field--radio + .checkout__field--radio {
  margin-top: -0.5rem;
}
.checkout__opt-radio {
  position: relative;
}
.checkout__opt-radio:not(:last-child) {
  margin-bottom: 1rem;
}
.checkout__opt-radio > input {
  position: absolute;
}
.checkout__opt-radio > input:checked + label {
  background: var(--black);
  color: var(--white);
}
.checkout__opt-radio > label {
  display: flex;
  justify-content: space-between;
  padding: 1rem 1rem 0.875rem 1rem;
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  border: 1px solid var(--black);
  border-radius: 0.25rem;
  cursor: pointer;
  transition: all 0.1s ease;
}
.checkout__opt-radio > label span:last-child {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
}
.checkout__field-error {
  color: var(--red);
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
}
.checkout__field-error:empty {
  display: none;
}
.checkout__gift-messages {
  font-family: Reader;
  --mb: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .checkout__gift-messages {
    --mb: 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
@media only screen and (min-width: 768px) {
  .checkout__gift-messages {
    row-gap: 1.5rem;
  }
}
.checkout__gift-messages:empty {
  display: none;
}
.checkout__gift-messages p:not(:last-child) {
  margin-bottom: var(--mb);
}
.checkout__gift-message {
  padding-right: 3rem;
  padding-bottom: 1rem;
  position: relative;
}
.checkout__gift-message:not(:last-child) {
  border-bottom: 1px solid var(--placeholder);
}
@media only screen and (min-width: 768px) {
  .checkout__gift-message {
    padding-bottom: 1.5rem;
  }
}
.checkout__gift-message a {
  font-family: ReaderMedium;
  text-transform: uppercase;
  font-size: 0.75rem;
  letter-spacing: 1.2px;
  line-height: 1.125rem;
  line-height: 1.3125rem;
  color: var(--placeholder);
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.summary-item {
  border-bottom: 1px solid var(--placeholder);
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .summary-item {
    grid-template-columns: repeat(6, 1fr);
  }
}
.summary-item:last-child {
  border-bottom: 1px solid var(--black);
}
.summary-item__media {
  grid-column: span 2;
}
@media only screen and (min-width: 768px) {
  .summary-item__media {
    grid-column: 1/1;
  }
}
.summary-item__detail {
  font-family: Reader;
  --mb: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  grid-column: 3/span 6;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .summary-item__detail {
    --mb: 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
@media only screen and (min-width: 768px) {
  .summary-item__detail {
    grid-column: 2/span 5;
  }
}
.summary-item__title-col {
  font-family: ReaderMedium;
  --mb: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
  grid-column: span 3;
}
@media only screen and (min-width: 768px) {
  .summary-item__title-col {
    --mb: 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.summary-item__header-col {
  grid-column: span 4;
  margin-bottom: 0.25rem;
}
.summary-item__product-col, .summary-item__footer-col {
  grid-column: span 4;
}
.summary-item__qty-col {
  text-align: center;
}
.summary-item__sub-col {
  grid-row: 1;
  grid-column: 5;
  text-align: right;
}

.secure-info {
  font-family: Reader;
  --mb: 0.9375rem;
  font-size: 0.625rem;
  letter-spacing: 0.5px;
  line-height: 0.9375rem;
  background: var(--lightbeige) no-repeat 1rem center url("data:image/svg+xml,%3Csvg width='16' height='21' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 7h-1V5c0-2.76-2.24-5-5-5S3 2.24 3 5v2H2C.9 7 0 7.9 0 9v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V9c0-1.1-.9-2-2-2ZM5 5c0-1.66 1.34-3 3-3s3 1.34 3 3v2H5V5Zm9 14H2V9h12v10Zm-6-3c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Z' fill='currentColor'/%3E%3C/svg%3E");
  padding: 1.25rem 1rem 1.1875rem 3.5rem;
  margin-top: 2rem;
}
@media only screen and (min-width: 768px) {
  .secure-info {
    --mb: 1.125rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
@media only screen and (min-width: 768px) {
  .secure-info {
    margin-top: 3rem;
    grid-column: 2/span 6;
  }
}

@media only screen and (min-width: 768px) {
  .confirmation {
    position: relative;
    padding: 5rem 1.5rem 6rem;
    display: grid;
    grid-template-columns: repeat(16, 1fr);
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    align-items: start;
  }
  .confirmation:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 6rem;
    left: 50%;
    background: var(--lightbeige);
    z-index: -1;
  }
}
.confirmation__info {
  display: grid;
  row-gap: 2rem;
}
@media only screen and (max-width: 767px) {
  .confirmation__info {
    padding: 2rem 1rem;
  }
}
@media only screen and (min-width: 768px) {
  .confirmation__info {
    row-gap: 3rem;
    order: 1;
    grid-column: 2/span 6;
  }
}
.confirmation__block {
  font-family: Reader;
  --mb: 1.3125rem;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
}
.confirmation__block b {
  font-weight: normal;
  font-family: ReaderMedium;
  text-transform: uppercase;
  font-size: 0.875rem;
  letter-spacing: 1.5px;
  line-height: 1.3125rem;
}
.confirmation__cols {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .confirmation__cols {
    grid-template-columns: repeat(6, 1fr);
  }
}
.confirmation__col {
  grid-column: span 4;
}
@media only screen and (min-width: 768px) {
  .confirmation__col {
    grid-column: span 3;
  }
}
.confirmation b {
  font-family: Reader;
  --mb: 1.6875rem;
  font-size: 1.125rem;
  letter-spacing: 0.5px;
  line-height: 1.6875rem;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .confirmation b {
    --mb: 1.875rem;
    font-size: 1.375rem;
    line-height: 1.875rem;
  }
}
.confirmation__totals {
  background-color: var(--white);
  margin: 0 -1rem;
  padding: 1rem;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media only screen and (min-width: 768px) {
  .confirmation__totals {
    border-radius: 0.25rem;
    margin: 0 -1.5rem;
    padding: 1.5rem 2rem;
  }
}
.confirmation__totals-item, .confirmation__final-total-item {
  grid-column: span 4;
}
.confirmation__totals-item span, .confirmation__final-total-item span {
  font-family: Reader;
  --mb: 0.9375rem;
  font-size: 0.625rem;
  letter-spacing: 0.5px;
  line-height: 0.9375rem;
}
@media only screen and (min-width: 768px) {
  .confirmation__totals-item span, .confirmation__final-total-item span {
    --mb: 1.125rem;
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
.confirmation__totals-subtotal, .confirmation__final-total {
  grid-column: span 2;
  text-align: right;
}
.confirmation__totals-item, .confirmation__totals-subtotal {
  font-family: Reader;
  --mb: 1.125rem;
  font-size: 0.75rem;
  letter-spacing: 0.5px;
  line-height: 1.125rem;
}
@media only screen and (min-width: 768px) {
  .confirmation__totals-item, .confirmation__totals-subtotal {
    --mb: 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.confirmation__final-total-item, .confirmation__final-total {
  font-family: ReaderMedium;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  line-height: 1.3125rem;
  margin-top: 0.5rem;
}
@media only screen and (min-width: 768px) {
  .confirmation__final-total-item, .confirmation__final-total {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media only screen and (min-width: 768px) {
  .confirmation__final-total-item, .confirmation__final-total {
    margin-top: 1rem;
  }
}

.stripe-error-message {
  font-size: 0.875rem;
  line-height: 1.3125rem;
  color: var(--error);
}
.stripe-error-message:not(:empty) {
  margin-bottom: 1.3125rem;
}