.cmp-root{--cmp-then:#e11d48;--cmp-now:var(--fl,#00c9b0);--cmp-now-on:var(--fl-on,#001a16)}.dark .cmp-root{--cmp-then:#fb7185}.cmp-now-text{color:var(--fl-fg,#008f7c)}.dark .cmp-now-text{color:var(--fl-soft,#00ffde)}.cmp-card{background:var(--h-card);box-shadow:var(--h-ring);border-radius:32px;transition:box-shadow .5s cubic-bezier(.16,1,.3,1),translate .5s cubic-bezier(.16,1,.3,1);position:relative}@media (hover:hover){.cmp-then:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cmp-then) 45%, transparent)}.cmp-now:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--cmp-now) 60%, transparent)}}.cmp-then-stage,.cmp-now-stage{background:var(--h-tile);box-shadow:var(--h-ring)}.cmp-receipt{--zig:10px;-webkit-mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(2 * var(--zig)) 100%;mask:conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(2 * var(--zig)) 100%}.cmp-progress{animation:cmp-progress var(--cmp-duration,9s) linear both}@keyframes cmp-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.cmp-pro{animation:.5s cubic-bezier(.34,1.56,.64,1) both cmp-pro;animation-delay:calc(var(--cmp-i,0) * 90ms + .2s)}@keyframes cmp-pro{0%{opacity:0;transform:translateY(8px)}}.cmp-vs{animation:3.2s ease-in-out infinite cmp-vs}@keyframes cmp-vs{0%,to{scale:1}50%{scale:1.06}}@media (prefers-reduced-motion:reduce){.cmp-card{transition:none}.cmp-progress,.cmp-pro,.cmp-vs{animation:none}}