.dp{position:relative;overflow:hidden}.dp-top{margin-bottom:.5rem}.dp-msg{font-family:var(--font-body);text-align:center;letter-spacing:.02em;font-size:clamp(.85rem,1vw,.95rem);font-weight:500;transition:color .3s}.dp-track{border-radius:4px;width:100%;height:4px;margin-bottom:.6rem;position:relative}.dp-fill{border-radius:4px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0}.dp-tiers{justify-content:space-between;display:flex}.dp-tier{text-align:center;opacity:.4;flex-direction:column;align-items:center;gap:.2rem;transition:opacity .4s;display:flex}.dp-tier--unlocked{opacity:1}.dp-tier-price{font-family:var(--font-body);font-size:clamp(.68rem,.82vw,.78rem);font-weight:600}.dp-tier-label{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.58rem,.68vw,.66rem)}.dp--page{background:#fff;border-radius:16px;padding:1.5rem 2rem}.dp--page .dp-msg{color:#4f2c2280}.dp--page .dp-msg--unlocked{color:#663532}.dp--page .dp-track{background:#4f2c221a}.dp--page .dp-fill{background:linear-gradient(90deg,#4f2c2226,#663532)}.dp--page .dp-tier-price{color:var(--base-700,#4f2c22)}.dp--page .dp-tier-label{color:#4f2c2266}.dp--page .dp-tier--unlocked .dp-tier-label{color:#663532}.dp--drawer{background:#e7d0a6;border-radius:.5rem;flex-shrink:0;margin-bottom:.75rem;padding:.75rem}.dp--drawer .dp-msg{color:#5c3d1e}.dp--drawer .dp-msg--unlocked{color:#663532}.dp--drawer .dp-track{background:#5c3d1e33}.dp--drawer .dp-fill{background:linear-gradient(90deg,#5c3d1e80,#8b5a2b)}.dp--drawer .dp-tier-price{color:#5c3d1e}.dp--drawer .dp-tier-label{color:#5c3d1e99}.dp--drawer .dp-tier--unlocked .dp-tier-label{color:#663532}.dp--celebrating{animation:.5s dp-celebrate}@keyframes dp-celebrate{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.dp-confetti{pointer-events:none;z-index:10;border-radius:inherit;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.dp-confetti-particle{border-radius:2px;width:8px;height:8px;animation:2s ease-out forwards dp-confetti-fall;position:absolute;top:-10px}@keyframes dp-confetti-fall{0%{opacity:1;transform:translateY(0)rotate(0)scale(1)}to{opacity:0;transform:translateY(120px)rotate(720deg)scale(0)}}.dp-confetti-particle:nth-child(3n){border-radius:50%;width:6px;height:10px}.dp-confetti-particle:nth-child(4n){width:10px;height:6px}