.month-bar-wrap{--wacalc-mkt:var(--chart-2);--wacalc-util:var(--chart-1);--wacalc-auth:var(--chart-5);--wacalc-reply:var(--chart-3);--wacalc-free-bg:var(--card);--wacalc-ghost:var(--control);--wacalc-notch:var(--foreground);--wacalc-hatch:45deg;max-inline-size:100%}html[dir=rtl] .month-bar-wrap{--wacalc-hatch:135deg}.month-bar{--mb-h:16px;--mb-fs:13px;box-sizing:border-box;max-inline-size:100%;padding-block-start:30px;position:relative}.month-bar.is-month{--mb-h:12px;--mb-fs:12px;padding-block-start:28px}.month-bar.is-narrow{--mb-fs:12px;padding-block-start:46px}.mb-track{position:relative}.mb-bar{block-size:var(--mb-h);display:flex}.mb-bar>*+*,.mb-money>*+*{margin-inline-start:2px}.mb-bar>.is-zero,.mb-money>.is-zero,.mb-allow>.is-zero{border:0;min-inline-size:0;margin-inline-start:0}.mb-t-mkt{--t:var(--wacalc-mkt)}.mb-t-util{--t:var(--wacalc-util)}.mb-t-auth{--t:var(--wacalc-auth)}.mb-t-reply{--t:var(--wacalc-reply)}.mb-p{min-inline-size:4px;transition:flex-grow var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out);border-radius:3px;flex-basis:0}.mb-paid{background:var(--t)}.mb-free{background:repeating-linear-gradient(var(--wacalc-hatch), var(--t) 0 2px, transparent 2px 6px), color-mix(in oklab, var(--t) 10%, var(--wacalc-free-bg));box-shadow:inset 0 0 0 1px color-mix(in oklab, var(--t) 60%, transparent)}.mb-allow{min-inline-size:8px;transition:flex-grow var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out);flex-basis:0;display:flex;position:relative}.mb-used{min-inline-size:4px;transition:flex-grow var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out);border-start-start-radius:3px;border-end-start-radius:3px;flex-basis:0}.mb-used.is-all{border-radius:3px}.mb-left{box-sizing:border-box;border:1px dashed var(--wacalc-ghost);background:var(--wacalc-free-bg);min-inline-size:4px;transition:flex-grow var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out);border-radius:3px;flex-basis:0}.mb-left.after-used{border-inline-start:0;border-start-start-radius:0;border-end-start-radius:0}.mb-tick{background:var(--wacalc-notch);opacity:.55;inline-size:1px;position:absolute;inset-block:0}.mb-notch{background:var(--wacalc-notch);border-radius:1px;inline-size:2px;position:absolute;inset-block:-6px;inset-inline-end:-2px}.mb-nl,.mb-bl{box-sizing:border-box;inline-size:max-content;font-size:var(--mb-fs);white-space:normal;text-wrap:balance;line-height:18px;position:absolute}.mb-nl{color:var(--foreground);font-weight:500;inset-block-end:calc(100% + 9px)}.mb-bl{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:2px 16px;display:flex;inset-block-start:calc(100% + 10px)}.mb-nl.at-start,.mb-bl.at-start{text-align:start;padding-inline-start:6px}.mb-nl.at-end,.mb-bl.at-end{text-align:end;justify-content:flex-end;padding-inline-end:6px}.mb-money-row{align-items:center;gap:8px;margin-block-start:6px;display:flex}.mb-money{flex:1 1 0;block-size:4px;min-inline-size:0;display:flex}.mb-ml{color:var(--muted-foreground);white-space:nowrap;flex:none;font-size:12px;line-height:16px}.mb-money>span{background:var(--t);min-inline-size:3px;transition:flex-grow var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out);border-radius:2px;flex-basis:0}.mb-foot{block-size:18px;margin-block-start:10px}.month-bar.is-narrow .mb-foot{block-size:40px}.month-bar.no-below .mb-foot{block-size:0;margin-block-start:0}.mb-key{color:var(--muted-foreground);white-space:nowrap;align-items:center;gap:6px;font-size:12px;line-height:18px;display:inline-flex}.mb-key i{border-radius:2px;block-size:8px;inline-size:14px;display:inline-block}.mb-key i.mb-n{--t:var(--muted-foreground)}.mb-key i+span{margin-inline-end:6px}.mb-key span:last-child{margin-inline-end:0}.mb-even{font-size:var(--mb-fs,13px);color:var(--muted-foreground);margin:8px 0 0;line-height:18px}@keyframes mb-reveal-rtl{0%{clip-path:inset(-60px 0 -60px 100%)}to{clip-path:inset(-60px 0)}}@keyframes mb-reveal-ltr{0%{clip-path:inset(-60px 100% -60px 0)}to{clip-path:inset(-60px 0)}}@keyframes mb-fade{0%{opacity:0}}@keyframes mb-swap{0%{opacity:0;filter:blur(4px);translate:0 8px}}@media (prefers-reduced-motion:no-preference){html[dir=rtl] .month-bar.is-reveal .mb-bar,html[dir=rtl] .month-bar.is-reveal .mb-money-row{animation:mb-reveal-rtl var(--wacalc-considered,.48s) var(--wacalc-enter,ease-out) backwards}html[dir=ltr] .month-bar.is-reveal .mb-bar,html[dir=ltr] .month-bar.is-reveal .mb-money-row{animation:mb-reveal-ltr var(--wacalc-considered,.48s) var(--wacalc-enter,ease-out) backwards}.month-bar.is-reveal .mb-nl,.month-bar.is-reveal .mb-bl{animation:mb-fade var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out) var(--wacalc-considered,.48s) backwards}.mb-swap{animation:mb-swap var(--wacalc-standard,.24s) var(--wacalc-ease,ease-out) backwards}}@media (prefers-reduced-motion:reduce){.month-bar *,.month-bar :before,.month-bar :after{transition:none!important;animation:none!important}}@media (width<=639px){.month-bar{--mb-fs:12px}}