/* Loaded only by the GetSnappy profile. Payment SDK controls retain their own styling. */
html[data-brand="getsnappy"] {
  --ink: #231b2c;
  --muted: #6b6073;
  --wash: #fff9f5;
  --line: #ebdce8;
  --green: #81346f;
  --green2: #7333a6;
  --shadow: 0 18px 50px rgba(90, 43, 93, .08);
  color: #231b2c;
  background: #fff9f5;
}
html[data-brand="getsnappy"] .checkout-body {
  --pf-ink: #231b2c;
  --pf-charcoal: #33263c;
  --pf-muted: #6b6073;
  --pf-aqua: #a46cff;
  --pf-cyan: #ff4da6;
  --pf-foam: #fff9f5;
  --pf-mist: #fff1f7;
  --pf-wash: #f9ecff;
  --pf-line: #ebdce8;
  --pf-leaf: #81346f;
}
html[data-brand="getsnappy"] .checkout-logo-link { width: 180px; height: 80px; }
html[data-brand="getsnappy"] .checkout-logo { height: 100%; object-fit: contain; }
html[data-brand="getsnappy"] .checkout-body .pf-card { box-shadow: 0 18px 50px rgba(90, 43, 93, .06); }
html[data-brand="getsnappy"] .checkout-body .pf-input { border-color: #ddcadb; }
html[data-brand="getsnappy"] .checkout-body .pf-input:hover { border-color: #ba86b5; }
html[data-brand="getsnappy"] .checkout-body .pf-input:focus {
  border-color: #81346f !important;
  box-shadow: 0 0 0 4px rgba(164, 108, 255, .18) !important;
}
html[data-brand="getsnappy"] .checkout-body .pf-required { color: #81346f; }
html[data-brand="getsnappy"] .checkout-body .pf-button { box-shadow: 0 14px 30px rgba(255, 77, 166, .18); }
html[data-brand="getsnappy"] .checkout-body .pf-button:hover:not(:disabled) { box-shadow: 0 18px 36px rgba(164, 108, 255, .20); }
html[data-brand="getsnappy"] .checkout-body .pf-button:focus-visible {
  outline: 3px solid #81346f;
  outline-offset: 3px;
  box-shadow: none;
}
html[data-brand="getsnappy"] .checkout-cart-link:focus-visible,
html[data-brand="getsnappy"] .discount-apply-button:focus-visible,
html[data-brand="getsnappy"] .discount-code-chip button:focus-visible {
  outline: 3px solid #81346f;
  outline-offset: 3px;
  box-shadow: none;
}
html[data-brand="getsnappy"] .confirmation-body .confirmation-check { box-shadow: 0 12px 28px rgba(164, 108, 255, .14); }
html[data-brand="getsnappy"] .brand { color: #81346f; font-family: inherit; }
html[data-brand="getsnappy"] .admin-body {
  --admin-ink: #231b2c;
  --admin-muted: #6b6073;
  --admin-line: #ebdce8;
  --admin-bg: #fff9f5;
  --admin-accent: #81346f;
  --admin-soft: #fff1f7;
  background: var(--admin-bg);
}
html[data-brand="getsnappy"] .admin-body .primary-button:hover:not(:disabled) { background: #68295a; border-color: #68295a; }
html[data-brand="getsnappy"] .admin-body a:hover { color: #68295a; }
html[data-brand="getsnappy"] .admin-body :focus-visible { outline-color: #81346f; }
html[data-brand="getsnappy"] .admin-body .admin-wordmark { letter-spacing: -.6px; color: #81346f; }
html[data-brand="getsnappy"] .site-header,
html[data-brand="getsnappy"] .site-footer { border-color: #e4cfd9; }
html[data-brand="getsnappy"] .brand-link img { width: 150px; height: auto; border-radius: 0; }
html[data-brand="getsnappy"] .welcome { background: transparent; }
html[data-brand="getsnappy"] .eyebrow,
html[data-brand="getsnappy"] .steps li::before { color: #81346f; }
html[data-brand="getsnappy"] h1 { color: #231b2c; }
html[data-brand="getsnappy"] .intro,
html[data-brand="getsnappy"] .header-label,
html[data-brand="getsnappy"] .steps p,
html[data-brand="getsnappy"] .return-note p,
html[data-brand="getsnappy"] .site-footer { color: #6b6073; }
html[data-brand="getsnappy"] .button { background: #ff4da6; color: #231b2c; }
html[data-brand="getsnappy"] .button:hover { background: #a46cff; }
html[data-brand="getsnappy"] .steps-card { border-color: #ebdce8; border-top-color: #a46cff; background: #fff; }
html[data-brand="getsnappy"] .return-note { border-left-color: #a46cff; }
html[data-brand="getsnappy"] .page-shell { background: linear-gradient(180deg, #f5e1d7 0, #fff9f5 320px); }
html[data-brand="getsnappy"] a:focus-visible { outline-color: #81346f; }
@media (max-width: 600px) {
  html[data-brand="getsnappy"] .checkout-logo-link { width: 150px; height: 66px; }
  html[data-brand="getsnappy"] .brand-link img { width: 130px; }
}