.donation-addon{--donation-accent: var(--primary-btn-bg-color, #172b55);--donation-surface: var(--body-color, #EFECE6);--donation-border: var(--border-color, #d8dce3);color:var(--text-color, #172b55);margin-bottom:var(--custom-margin-bottom, 24px)}.donation-addon__card{background:#efece6;border-radius:8px;padding:14px 16px}.donation-addon__toggle-row{align-items:center;cursor:pointer;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;margin:0}.donation-addon__icon{align-items:center;color:var(--donation-accent);display:inline-flex;justify-content:center}.donation-addon__icon svg{height:22px;width:22px}.donation-addon__copy{display:grid;gap:2px;min-width:0}.donation-addon__heading{color:inherit}.donation-addon__subtext{color:inherit;opacity:.72}.donation-addon__input{height:1px;margin:-1px;opacity:0;overflow:hidden;padding:0;pointer-events:none;position:absolute;width:1px}.donation-addon__switch{align-items:center;background:var(--donation-border);border:1px solid var(--donation-border);border-radius:999px;display:inline-flex;flex:0 0 auto;height:24px;padding:2px;transition:background-color .2s ease,border-color .2s ease;width:43px}.donation-addon__switch-knob{background:#fff;border-radius:50%;box-shadow:0 1px 3px #172b553d;display:block;height:18px;transform:translate(0);transition:transform .2s ease;width:18px}.donation-addon__input:checked+.donation-addon__switch{background:var(--donation-accent);border-color:var(--donation-accent)}.donation-addon__input:checked+.donation-addon__switch .donation-addon__switch-knob{transform:translate(17px)}.donation-addon__input:focus-visible+.donation-addon__switch{outline:2px solid var(--text-color, #172b55);outline-offset:3px}.donation-addon__custom-toggle{align-items:center;background:var(--body-color);border:1px solid var(--text-color);border-radius:999px;color:inherit;cursor:pointer;display:inline-flex;gap:7px;margin:10px 0 0 34px;padding:10px 16px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.donation-addon__custom-toggle:hover{background:var(--text-color);border-color:var(--text-color);color:var(--body-color)}.donation-addon__custom-toggle:focus-visible{outline:2px solid var(--text-color, #172b55);outline-offset:3px}.donation-addon__custom-toggle-icon{display:inline-flex;transition:transform .2s ease}.donation-addon__custom-toggle[aria-expanded=true] .donation-addon__custom-toggle-icon{transform:rotate(180deg)}.donation-addon__amounts{display:grid;gap:9px;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));margin:12px 0 0 34px}.donation-addon__amounts[hidden]{display:none}.donation-addon__amount-button{width:100%;align-items:center;background:var(--donation-surface);border:2px solid var(--donation-border);border-radius:6px;color:var(--text-color, #172b55);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:42px;padding:8px 10px}.donation-addon__amount-button:hover{border-color:var(--donation-accent)}.donation-addon__amount-button:focus-visible{outline:2px solid var(--text-color, #172b55);outline-offset:2px}.donation-addon__amount-button.is-selected{background:var(--donation-accent);border-color:var(--donation-accent);color:var(--primary-btn-text-color, #ffffff);font-weight:600}.donation-addon__configuration-note{border:1px dashed var(--border-color, #d8dce3);margin-bottom:24px;padding:12px}@media(max-width:480px){.donation-addon__card{padding:13px 14px}.donation-addon__toggle-row{gap:10px}.donation-addon__custom-toggle,.donation-addon__amounts{margin-left:32px}}@media(prefers-reduced-motion:reduce){.donation-addon__switch,.donation-addon__switch-knob,.donation-addon__custom-toggle-icon{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/donation-addon.css.map */