._F7jbq_card{--tone:#e99704;isolation:isolate;border:1px solid var(--border);background:var(--card);border-radius:1rem;flex-direction:column;gap:1.1rem;padding:1.4rem;transition:translate .4s cubic-bezier(.23,1,.32,1),box-shadow .4s,scale .2s;display:flex;position:relative;overflow:hidden}._F7jbq_card[data-tone=orange]{--tone:#e99704}._F7jbq_card[data-tone=blue]{--tone:#3b82f6}._F7jbq_card[data-tone=violet]{--tone:#8b5cf6}._F7jbq_card[data-tone=green]{--tone:#16a34a}._F7jbq_card[data-tone=red]{--tone:#dc2626}@media (prefers-reduced-motion:no-preference){._F7jbq_card{animation:.6s cubic-bezier(.16,1,.3,1) backwards _F7jbq_rise;animation-delay:calc(var(--i,0) * 55ms)}}@keyframes _F7jbq_rise{0%{opacity:0;translate:0 16px}}._F7jbq_card:before{content:"";z-index:-1;background:radial-gradient(circle at 100% 0%, color-mix(in oklab, var(--tone) 20%, transparent), transparent 58%);transform-origin:100% 0;pointer-events:none;background-repeat:no-repeat;transition:transform .6s cubic-bezier(.23,1,.32,1),opacity .4s;position:absolute;inset:0}._F7jbq_card:after{content:"";background:linear-gradient(90deg, var(--tone), transparent);transform-origin:0;pointer-events:none;height:3px;transition:transform .6s cubic-bezier(.23,1,.32,1);position:absolute;inset:0 0 auto;transform:scaleX(.18)}._F7jbq_pct{font-family:var(--font-archivo), system-ui, sans-serif;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:2.6rem;font-weight:800;line-height:1}._F7jbq_track{background:color-mix(in oklab, var(--foreground) 14%, transparent);border-radius:99px;height:.6rem;position:relative;overflow:hidden}._F7jbq_fill{width:var(--w,0%);background:linear-gradient(90deg, color-mix(in oklab, var(--tone) 70%, #000), var(--tone));transform-origin:0;border-radius:99px;position:absolute;inset:0 auto 0 0;overflow:hidden}@media (prefers-reduced-motion:no-preference){._F7jbq_fill{animation:1.1s cubic-bezier(.22,1,.36,1) backwards _F7jbq_grow;animation-delay:calc(var(--i,0) * 55ms + .3s)}}@keyframes _F7jbq_grow{0%{transform:scaleX(0)}}._F7jbq_fill:after{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff8c 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}._F7jbq_open{color:var(--foreground);opacity:.7;align-items:center;gap:.35rem;font-size:.8125rem;font-weight:600;transition:opacity .3s;display:inline-flex}._F7jbq_open svg{transition:transform .35s cubic-bezier(.23,1,.32,1)}@media (hover:hover) and (prefers-reduced-motion:no-preference){._F7jbq_card:hover{box-shadow:0 24px 40px -16px #14130f61, 0 8px 16px -8px #14130f38, 0 0 0 1px color-mix(in oklab, var(--tone) 55%, #14130f73);translate:0 -5px}.dark ._F7jbq_card:hover{box-shadow:0 18px 34px -18px color-mix(in oklab, var(--tone) 60%, transparent), 0 0 0 1px color-mix(in oklab, var(--tone) 40%, transparent)}._F7jbq_card:hover:before{transform:scale(1.5)}._F7jbq_card:hover:after{transform:scaleX(1)}._F7jbq_card:hover ._F7jbq_fill:after{animation:1.1s ease-in-out _F7jbq_sweep}._F7jbq_card:hover ._F7jbq_open{opacity:1}._F7jbq_card:hover ._F7jbq_open svg{transform:translate(4px)}}@keyframes _F7jbq_sweep{to{transform:translate(100%)}}@media (prefers-reduced-motion:no-preference){._F7jbq_card:active{scale:.985}._F7jbq_card:active:after{transform:scaleX(1)}}