/* Shopify's native checkout type scale. The desktop references include display
   scaling, so those screenshot pixels must not be applied again as CSS pixels. */
:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --checkout-type-base: 14px;
  --checkout-type-small: 12px;
  --checkout-type-heading: 20px;
  --checkout-type-subheading: 16px;
  --checkout-type-total: 18px;
  --checkout-secondary: rgba(0, 0, 0, .56);
}
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body { font-size: var(--checkout-type-base); font-weight: 400; line-height: 1.35; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
input, select, button { font-family: inherit; }
h1, h2 { font-size: var(--checkout-type-heading); font-weight: 600; line-height: 1.2; letter-spacing: normal; }
.section-heading > a, .checkbox-row, .field input, .field select, .field label,
.shipping-placeholder, .section-intro, .payment-choice, .payment-explainer p,
.policy-button, .line-details h3, .line-price, .totals > div {
  font-size: var(--checkout-type-base);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: normal;
}
.field input:focus + label, .field input:not(:placeholder-shown) + label,
.select-field > label, .line-details p, .grand-total small {
  font-size: var(--checkout-type-small);
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: normal;
}
.field label { color: #707070; }
.line-details p, .shipping-value, .grand-total small,
.shipping-placeholder, .section-intro, .payment-explainer { color: var(--checkout-secondary); }
.shipping-section > h2 { font-size: var(--checkout-type-subheading); font-weight: 600; line-height: 1.2; }
.grand-total, .grand-total strong { font-size: var(--checkout-type-total); font-weight: 600; line-height: 1.35; }
.quantity-badge { font-size: var(--checkout-type-base); font-weight: 400; }
.primary, .secondary { font-size: var(--checkout-type-base); font-weight: 600; line-height: 1.35; }
.payment-choice strong { font-weight: 400; }
.selection-box { font-size: var(--checkout-type-base); }
.summary-disclosure > summary { font-size: var(--checkout-type-base); font-weight: 400; line-height: 1.35; }
.summary-disclosure > summary strong { font-size: var(--checkout-type-total); font-weight: 600; }
.mobile-total-label strong, .mobile-total-price strong { font-size: 18px; font-weight: 600; line-height: 1.35; }
.mobile-total-label > span { font-size: 14px; line-height: 1.35; }
.mobile-total-price small { font-size: 12px; font-weight: 400; }