@media (width>=768px){.wb{grid-template-rows:minmax(0,1fr) minmax(0,1fr) auto}}.wb{--wb-accent:var(--color-zinc-900)}.dark .wb{--wb-accent:var(--color-white)}.wb-cell{background-color:var(--color-zinc-50);border-radius:1.5rem;flex-direction:column;padding:1.5rem;display:flex;position:relative;overflow:hidden}.dark .wb-cell{background-color:#ffffff0a}.wb-cell__title{color:var(--color-zinc-900);align-items:center;gap:.5rem;font-size:1.0625rem;font-weight:600;display:flex}.dark .wb-cell__title{color:var(--color-white)}.wb-cell__icon{width:1.25rem;height:1.25rem;color:var(--wb-accent);flex:none}.wb-cell__figure{color:var(--wb-accent);font-weight:700}.dark .wb-cell__figure{color:var(--wb-accent)}.wb-cell__text{color:var(--color-zinc-500);margin-top:.375rem;font-size:.9375rem;line-height:1.55}.dark .wb-cell__text{color:#ffffffa6}.wb-chart{flex-direction:column;flex:1;min-height:9rem;margin:.75rem -1.5rem -1.5rem;display:flex}.wb-chart__plot{flex:1;min-height:7rem;position:relative}.wb-chart__svg{width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%);mask-image:linear-gradient(90deg,#0000,#000 22%)}.wb-chart__line{fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.wb-chart__line--agency{stroke:var(--color-zinc-300)}.dark .wb-chart__line--agency{stroke:#ffffff47}.wb-chart__line--freelancer{stroke:var(--wb-accent)}.wb-chart__cursor{top:var(--top);height:var(--height);background-color:var(--color-zinc-300);width:1px;transition:inset-inline-start .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),height .4s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline-start:var(--x)}.dark .wb-chart__cursor{background-color:#fff3}.wb-chart__point{inset-inline-start:50%;background-color:var(--color-zinc-400);outline:3px solid var(--color-zinc-50);border-radius:999px;width:.5rem;height:.5rem;position:absolute;top:0;transform:translate(-50%,-50%)}.dark .wb-chart__point{outline-color:var(--color-zinc-800)}.wb-chart__point--freelancer{background-color:var(--wb-accent);top:100%}.wb-chart__tip{top:var(--y);border:1px solid var(--color-zinc-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background-color:#ffffff80;border-radius:1rem;min-width:9rem;padding:.5rem .75rem .625rem;transition:inset-inline-start .4s cubic-bezier(.22,1,.36,1),top .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1);position:absolute;inset-inline-start:var(--x);transform:translate(.5rem,-50%)}.wb-chart__tip--start{transform:translate(calc(-100% - .5rem),-50%)}.dark .wb-chart__tip{background-color:#27272a80;border-color:#ffffff24}.wb-chart__tip-week{color:var(--color-zinc-400);padding-bottom:.375rem;font-size:.6875rem;font-weight:600}.wb-chart__tip-rows{border-top:1px solid var(--color-zinc-200);padding-top:.375rem}.dark .wb-chart__tip-rows{border-top-color:#ffffff1f}.wb-chart__tip-row+.wb-chart__tip-row{margin-top:.25rem}.wb-chart__tip-row{color:var(--color-zinc-500);justify-content:space-between;align-items:center;gap:1rem;font-size:.75rem;display:flex}.dark .wb-chart__tip-row{color:#fff9}.wb-chart__tip-row span:last-child{color:var(--color-zinc-900);font-weight:600}.dark .wb-chart__tip-row span:last-child{color:var(--color-white)}.wb-chart__tip-row--freelancer span:last-child,.dark .wb-chart__tip-row--freelancer span:last-child{color:var(--wb-accent)}.wb-race{flex-direction:column;gap:.4375rem;margin-top:auto;padding-top:1rem;display:flex}.wb-race__row{align-items:center;gap:.625rem;display:flex}.wb-race__label{width:5.25rem;color:var(--color-zinc-500);flex:none;font-size:.75rem;font-weight:500;line-height:1.2}.dark .wb-race__label{color:#fff9}.wb-race__bar{height:.4375rem;width:var(--w);background-color:var(--color-zinc-300);transform-origin:0;border-radius:999px}.dark .wb-race__bar{background-color:#fff3}.wb-race__bar--accent,.dark .wb-race__bar--accent{background-color:var(--wb-accent)}.wb-points{flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.wb-points__item{color:var(--color-zinc-700);align-items:center;gap:.5rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:flex}.dark .wb-points__item{color:#ffffffbf}.wb-points__dot{background-color:var(--wb-accent);width:.4375rem;height:.4375rem;box-shadow:0 0 0 3px color-mix(in srgb, var(--wb-accent), transparent 82%);border-radius:999px;flex:none}.wb-switch{background-color:var(--color-zinc-100);border-radius:1.3125rem;flex-direction:column;gap:.375rem;margin-top:auto;padding:.25rem;display:flex}@media (width>=1024px){.wb-switch{flex-direction:row}}.dark .wb-switch{background-color:#ffffff0f}.wb-switch__option{color:var(--color-zinc-400);border-radius:999px;flex:1;justify-content:center;align-items:center;gap:.3125rem;padding:.4375rem .5rem;font-size:.8125rem;font-weight:600;display:inline-flex}.dark .wb-switch__option{color:#ffffff73}.wb-switch__option s{text-underline-offset:2px;text-decoration-thickness:1px}.wb-switch__option--on{background-color:var(--color-white);color:var(--wb-accent);box-shadow:0 1px 2px #0000000f}.dark .wb-switch__option--on{color:var(--wb-accent);box-shadow:none;background-color:#ffffff1a}.wb-cell--wide{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem}.wb-wide__copy{flex:16rem;max-width:30rem}.wb-seal{color:var(--color-zinc-400);flex:none;align-self:center}.dark .wb-seal{opacity:.35}@media (prefers-reduced-motion:reduce){.wb-chart__cursor,.wb-chart__point,.wb-chart__tip{transition:none}}.wb[data-play=true] .wb-chart__line{stroke-dasharray:900;animation:1.4s cubic-bezier(.33,1,.68,1) both wb-draw}.wb[data-play=true] .wb-chart__line--freelancer{animation-delay:.15s}@keyframes wb-draw{0%{stroke-dashoffset:900px}to{stroke-dashoffset:0}}.wb[data-play=true] .wb-points__item{animation:.45s cubic-bezier(.22,1,.36,1) both wb-rise;animation-delay:calc(.2s + 80ms * var(--i))}.wb[data-play=true] .wb-race__bar{animation:.7s cubic-bezier(.22,1,.36,1) both wb-run;animation-delay:calc(.15s + .12s * var(--i))}@keyframes wb-run{0%{transform:scaleX(0)}}@keyframes wb-rise{0%{opacity:0;transform:translateY(.375rem)}}.wb[data-play=true] .wb-switch__option--on{animation:.5s cubic-bezier(.22,1,.36,1) .25s both wb-rise}