@layer base,primitives,components,pages,transitions,components.shared;@layer components.content{.success{--offset-rise:14px;--success-check:88px;--success-title-gap:var(--space-4);grid-template-rows:[check-start] auto [check-end] var(--space-4) [title-start] auto [title-end] var(--success-title-gap) [sub-start] auto [sub-end] var(--space-4) [timeline-start] auto [timeline-end];padding-block:var(--space-6);text-align:center;align-content:center;justify-items:safe center}.success__timeline{grid-row:timeline;justify-self:stretch}@media (prefers-reduced-motion:no-preference){.success>*{animation:rise var(--motion-push) var(--spring) both}}.success>:nth-child(2){animation-delay:var(--motion-pop)}.success>:nth-child(3){animation-delay:var(--motion-push)}.success>:nth-child(4){animation-delay:calc(var(--motion-push) + 3 * var(--motion-step))}@keyframes rise{0%{opacity:0;transform:translateY(var(--offset-rise))}}.success__check{width:var(--success-check);height:var(--success-check);grid-row:check}.success__check circle{fill:var(--on-color);stroke:var(--on-color);stroke-width:3px;stroke-dasharray:214;stroke-dashoffset:214px;transform-box:fill-box;transform-origin:50%;transform:rotate(-90deg)}@media (prefers-reduced-motion:no-preference){.success__check circle{animation:draw var(--motion-push) var(--ease-out) calc(3 * var(--motion-step)) forwards}}.success__check path{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48px}@media (prefers-reduced-motion:no-preference){.success__check path{animation:draw var(--motion-pop) var(--ease-out) calc(var(--motion-push) + 3 * var(--motion-step)) forwards}}@keyframes draw{to{stroke-dashoffset:0}}.sheet--paid{--text-1:var(--on-color);--text-2:var(--on-color);--tint-1:transparent;--border-1:var(--tint-on-color)}.sheet--paid .snap-sheet__panel{--success-start:var(--accent);--success-end:#cc2440;--success-shadow:drop-shadow(0 20px 40px color-mix(in srgb, var(--success-end) 40%, transparent));background:radial-gradient(120% 70% at 50% 18%, var(--success-start), var(--success-end) 62%);color:var(--text-1)}.sheet--paid .success__check{filter:var(--success-shadow);overflow:visible}.sheet--paid .success__timeline{box-shadow:inset 0 0 0 var(--border-hairline) var(--tint-on-color);text-align:left}.sheet--paid .sheet__foot{box-shadow:none;background:0 0}.sheet--paid .success__title{font:var(--type-display);text-box:trim-start cap alphabetic;letter-spacing:var(--type-display-tracking)}.sheet--paid .sheet__foot .btn--primary{background:var(--on-color);color:var(--accent)}.success__title{font:var(--type-title-lg);text-box:trim-start cap alphabetic;letter-spacing:var(--type-title-lg-tracking);grid-row:title}.success__sub{color:var(--text-3,var(--text-2));font:var(--type-body);text-box:trim-end cap alphabetic;grid-row:sub}}