.hero-mock{--phone-w:20rem;--phone-h:40.5rem;--phone-radius:1.5rem;--phone-bezel:.75rem;--background:0 0% 100%;--foreground:222.2 84% 4.9%;--muted:210 40% 96.1%;--muted-foreground:215.4 16.3% 46.9%;--border:214.3 31.8% 91.4%;--input:214.3 31.8% 91.4%;--primary:209 98.2% 39.1%;--primary-foreground:210 40% 98%;--accent:210 40% 96.1%;--ring:221.2 83.2% 53.3%;--radius:.5rem}.hero-phone-frame{width:var(--phone-w);height:var(--phone-h);border-radius:var(--phone-radius);padding:var(--phone-bezel)}.hero-phone-screen{inset:var(--phone-bezel);border-radius:calc(var(--phone-radius) - var(--phone-bezel));font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;position:absolute;overflow:hidden}.hero-phone-island{pointer-events:none;z-index:10;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity,1));top:calc(var(--phone-bezel) + .5rem);border-radius:9999px;width:5.5rem;height:1.5rem;position:absolute;left:50%;transform:translate(-50%)}.hero-phone-home{pointer-events:none;z-index:10;bottom:calc(var(--phone-bezel) + .375rem);background-color:#fffc;border-radius:9999px;width:8rem;height:.25rem;position:absolute;left:50%;transform:translate(-50%)}.hero-phone-layer{position:absolute;inset:0}.hero-mock [data-layer=lock]{z-index:1;opacity:1}.hero-mock [data-layer=detail]{z-index:1;opacity:0}.hero-mock [data-layer=banner]{z-index:2;opacity:0;position:absolute;top:12rem;left:.75rem;right:.75rem;transform:translateY(-120%)}.hero-mock [data-layer=dim]{opacity:.45}.hero-mock[data-frozen=notify] [data-layer=dim]{opacity:0}.hero-mock[data-frozen=notify] [data-layer=banner]{opacity:1;transform:translateY(0)}.hero-mock[data-frozen=end] [data-layer=lock],.hero-mock[data-frozen=end] [data-layer=dim]{opacity:0}.hero-mock[data-frozen=end] [data-layer=banner]{opacity:0;transform:translateY(-120%)}.hero-mock[data-frozen=end] [data-layer=detail]{opacity:1}.hero-phone-status-strip{flex-shrink:0;width:15px;position:relative}.hero-phone-status-strip-label{text-transform:uppercase;letter-spacing:.1em;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));text-align:center;width:5rem;font-size:6.5px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.hero-phone-date-watermark{pointer-events:none;z-index:0;color:#fff3;font-weight:700;position:absolute;bottom:.75rem;left:.5rem}.hero-mock-fit{--stage-w:1568px;--stage-h:750px;--laptop-x:166px;overflow:clip;container-type:inline-size}.hero-mock-stage{width:var(--stage-w);height:var(--stage-h);zoom:tan(atan2(100cqw, var(--stage-w)));position:relative}.hero-mock-fit[data-fitted]{height:calc(var(--stage-h) * var(--k))}.hero-mock-fit[data-fitted]>.hero-mock-stage{zoom:1;transform:scale(var(--k));transform-origin:0 0}.hero-laptop{top:0;left:var(--laptop-x);isolation:isolate;width:1236px;position:absolute}.hero-laptop-lid{background:#0b0b0d;border-radius:22px 22px 0 0;margin:0 76px;padding:14px;position:relative;box-shadow:inset 0 0 0 1.5px #3b3b40,0 40px 80px -30px #000000b3}.hero-laptop-camera{background:#1c1f26;border-radius:9999px;width:5px;height:5px;position:absolute;top:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 1px #2c313b}.hero-laptop-screen{background:#1e293b;border-radius:6px;height:676px;padding:8px;overflow:hidden}.hero-laptop-base{background:linear-gradient(#eceef2 0%,#c9ccd3 35%,#9a9ea7 100%);border-radius:2px 2px 14px 14px/2px 2px 18px 18px;height:18px;position:relative;box-shadow:0 18px 30px -12px #000000b3}.hero-laptop-base:before{content:"";background:linear-gradient(#9fa3ab,#c3c6cd);border-radius:0 0 8px 8px;width:160px;height:7px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-dashboard-pane{height:100%}.hero-dashboard-sheet{z-index:3;opacity:0;width:20rem;position:absolute;top:1rem;right:1rem;transform:scale(.96)}.hero-mock[data-frozen=creating] .hero-dashboard-sheet{opacity:1;transform:scale(1)}.hero-mock [data-layer=new-row]{opacity:0;transform:translateY(-6px)}.hero-mock[data-frozen=notify] [data-layer=new-row],.hero-mock[data-frozen=end] [data-layer=new-row]{opacity:1;transform:translateY(0)}.hero-mock{--phone-wide:.7407}.hero-phone-left,.hero-phone-overlap{z-index:2;zoom:1.08;transform:translateX(0) scale(var(--phone-wide));position:absolute;bottom:0}.hero-phone-left{transform-origin:0 100%;left:0}.hero-phone-overlap{transform-origin:100% 100%;right:0}.hero-cursor{z-index:5;transform-origin:0 0;filter:drop-shadow(0 1px 1px #00000059);position:absolute;top:50%;left:16px}.hero-cursor-ripple{opacity:0;background:#1d4ed859;border-radius:9999px;width:20px;height:20px;position:absolute;top:-10px;left:-10px}.hero-group-popover{z-index:4;opacity:0;transform-origin:0 0;position:absolute;top:calc(50% + 16px);left:4px}.hero-mock [data-layer=new-badge]{opacity:0;transform-origin:0;max-width:0}.hero-mock [data-layer=new-card]{opacity:0;transform:translateY(8px)}.hero-mock [data-layer=cursor]{opacity:0}.hero-mock[data-frozen=creating] [data-layer=cursor]{opacity:1;transform:translate(var(--pick-x), var(--pick-y))}.hero-mock[data-frozen=creating] [data-layer=group-popover]{opacity:1}.hero-mock[data-frozen=creating] [data-layer=group-pick],.hero-mock[data-frozen=creating] [data-layer=plus]{background-color:hsl(var(--muted))}.hero-mock[data-frozen=notify] [data-layer=new-badge],.hero-mock[data-frozen=end] [data-layer=new-badge]{opacity:1;max-width:10rem}.hero-mock[data-frozen=end] [data-layer=new-card]{opacity:1;transform:none}.hero-mock{--pick-x:54px;--pick-y:96px;--hm-delay:1.2s;--hm-iter:2;--hm-lead:0s}.hero-mock[data-blurb]{--hm-lead:2.6s}.hero-mock[data-once]{--hm-iter:1}.hero-mock[data-story=players]{--hm-dur:13s}.hero-mock[data-animate] [data-layer],.hero-mock[data-animate] .hero-cursor-ripple{animation-duration:var(--hm-dur);animation-delay:calc(var(--hm-delay) + var(--hm-lead));animation-iteration-count:var(--hm-iter);animation-timing-function:ease-in-out;animation-fill-mode:both}.hero-mock[data-story=players][data-animate] [data-layer=lock]{animation-name:hm-lock}.hero-mock[data-story=players][data-animate] [data-layer=dim]{animation-name:hm-dim}.hero-mock[data-story=players][data-animate] [data-layer=banner]{animation-name:hm-banner}.hero-mock[data-story=players][data-animate] [data-layer=detail]{animation-name:hm-detail}.hero-mock[data-story=players][data-animate] [data-layer=new-card]{animation-name:hm-new-card}.hero-mock[data-story=players][data-animate] [data-layer=new-badge]{animation-name:hm-new-badge}.hero-mock[data-story=players][data-animate] [data-layer=cursor]{animation-name:hm-cursor}.hero-mock[data-story=players][data-animate] .hero-cursor-ripple{animation-name:hm-ripple}.hero-mock[data-story=players][data-animate] [data-layer=plus]{animation-name:hm-plus}.hero-mock[data-story=players][data-animate] [data-layer=join-row]{animation-name:hm-join-row}.hero-mock[data-story=players][data-animate] [data-layer=group-popover]{animation-name:hm-group-popover}.hero-mock[data-story=players][data-animate] [data-layer=group-pick]{animation-name:hm-group-pick}@keyframes hm-lock{0%{opacity:0}4%,58%{opacity:1}63%,to{opacity:0}}@keyframes hm-dim{0%,42%{opacity:.45}46%,to{opacity:0}}@keyframes hm-banner{0%,42%{opacity:0;transform:translateY(-120%)}46%,58%{opacity:1;transform:none}63%,to{opacity:0;transform:translateY(-120%)}}@keyframes hm-detail{0%{opacity:1}4%,58%{opacity:0}63%,to{opacity:1}}@keyframes hm-new-card{0%{opacity:1;transform:none}4%,65%{opacity:0;transform:translateY(8px)}71%,to{opacity:1;transform:none}}@keyframes hm-new-badge{0%{opacity:1;max-width:10rem;transform:none}4%,33%{opacity:0;max-width:0;transform:scale(.6)}36%{opacity:1;max-width:10rem;transform:scale(1.06)}38%,to{opacity:1;max-width:10rem;transform:none}}@keyframes hm-cursor{0%,10%{opacity:0;transform:translate(-150px,70px)}12%{opacity:1;transform:translate(-130px,60px)}20%{transform:none}21%{transform:scale(.85)}22%,23%{transform:none}30%{transform:translate(var(--pick-x), var(--pick-y))}31%{transform:translate(var(--pick-x), var(--pick-y)) scale(.85)}32%,36%{opacity:1;transform:translate(var(--pick-x), var(--pick-y))}40%,to{opacity:0;transform:translate(var(--pick-x), var(--pick-y))}}@keyframes hm-ripple{0%,20%{opacity:0;transform:scale(.3)}21%{opacity:1}26%{opacity:0;transform:scale(2)}30.5%{opacity:0;transform:scale(.3)}31.5%{opacity:1}36%,to{opacity:0;transform:scale(2)}}@keyframes hm-plus{0%,19%{background-color:#0000}20%,33%{background-color:hsl(var(--muted));color:hsl(var(--foreground))}35%,to{background-color:#0000}}@keyframes hm-group-popover{0%,21%{opacity:0;transform:translateY(-4px)scale(.95)}23%,33%{opacity:1;transform:none}35%,to{opacity:0;transform:scale(.95)}}@keyframes hm-group-pick{0%,28%{background-color:#0000}29%,33%{background-color:hsl(var(--muted))}35%,to{background-color:#0000}}@keyframes hm-join-row{0%,12%{background-color:#0000}16%,38%{background-color:hsl(var(--muted) / .5)}44%,to{background-color:#0000}}.hero-story-clock{width:0;height:0;position:absolute}.hero-mock[data-animate] [data-layer=story-clock]{animation-name:hm-clock}@keyframes hm-clock{0%,to{opacity:0}}.hero-phone-tag{z-index:3;white-space:nowrap;background:#fffffff2;border-radius:9999px;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 10px 25px -8px #00000073}.hero-phone-shade{z-index:4;border-radius:var(--phone-radius);opacity:0;pointer-events:none;background:#080d1e8c;position:absolute;inset:0}.hero-fees-dimmer{top:0;left:var(--laptop-x);z-index:1;opacity:0;pointer-events:none;background:#080d1e99;border-radius:22px 22px 14px 14px;width:1236px;height:722px;position:absolute}.hero-bubble{z-index:5;color:#0f172a;opacity:0;background:#fff;border-radius:1.25rem;max-width:300px;padding:.875rem 1.125rem;font-size:1.25rem;font-weight:600;line-height:1.3;position:absolute;box-shadow:0 18px 40px -12px #00000080}.hero-bubble:after{content:"";background:inherit;width:18px;height:18px;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.hero-bubble[data-side=parent]{top:290px;left:64px}.hero-bubble[data-side=parent]:after{right:-8px}.hero-bubble[data-side=manager]{top:290px;right:64px}.hero-bubble[data-side=manager]:after{left:-8px}.hero-bubble[data-side=dash]{max-width:230px;font-size:1.125rem;top:24px;left:0}.hero-bubble[data-side=dash]:after{right:-8px}.hero-blurb{z-index:50;text-align:center;opacity:0;pointer-events:none;background:#080d1ec7;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:0 8rem;display:flex;position:absolute;inset:0}.hero-blurb-eyebrow{color:#31d88a;letter-spacing:.08em;text-transform:uppercase;font-size:1.125rem;font-weight:600}.hero-blurb-headline{color:#fff;letter-spacing:-.02em;max-width:48rem;font-size:3rem;font-weight:700;line-height:1.1}.hero-mock[data-animate] [data-layer=blurb]{animation:hm-blurb calc(var(--hm-lead) + .6s) var(--hm-delay) 1 both}@keyframes hm-blurb{0%{opacity:0}12%,72%{opacity:1}to{opacity:0}}.hero-mock[data-story=fees]{--hm-dur:27.6s;--c0:translate(620px, 430px);--c1:translate(888px, 193px);--c2:translate(536px, 280px);--c3:translate(494px, 352px);--c4:translate(521px, 392px);--c5:translate(73px, 116px);--focus-x:362px}.hero-mock[data-story=fees][data-animate] [data-layer=fin-page-billing]{animation-name:hf-page-billing}.hero-mock[data-story=fees][data-animate] [data-layer=fin-page-invoices]{animation-name:hf-page-invoices}.hero-mock[data-story=fees][data-animate] [data-layer=fin-tab-billing]{animation-name:hf-tab-billing}.hero-mock[data-story=fees][data-animate] [data-layer=fin-tab-invoices]{animation-name:hf-tab-invoices}.hero-mock[data-story=fees][data-animate] [data-layer=fin-run-new]{animation-name:hf-run-new}.hero-mock[data-story=fees][data-animate] [data-layer=fin-generate]{animation-name:hf-generate}.hero-mock[data-story=fees][data-animate] [data-layer=fin-modal]{animation-name:hf-modal}.hero-mock[data-story=fees][data-animate] [data-layer=fin-select]{animation-name:hf-select}.hero-mock[data-story=fees][data-animate] [data-layer=fin-dropdown]{animation-name:hf-dropdown}.hero-mock[data-story=fees][data-animate] [data-layer=fin-option]{animation-name:hf-option}.hero-mock[data-story=fees][data-animate] [data-layer=fin-select-placeholder]{animation-name:hf-select-text-before}.hero-mock[data-story=fees][data-animate] [data-layer=fin-select-value]{animation-name:hf-select-text-after}.hero-mock[data-story=fees][data-animate] [data-layer=fin-dateline]{animation-name:hf-dateline}.hero-mock[data-story=fees][data-animate] [data-layer=fin-modal-generate]{animation-name:hf-modal-generate}.hero-mock[data-story=fees][data-animate] [data-layer=fin-row]{animation-name:hf-row}.hero-mock[data-story=fees][data-animate] [data-layer=fin-status-new]{animation-name:hf-status-new}.hero-mock[data-story=fees][data-animate] [data-layer=fin-status-review]{animation-name:hf-status-review}.hero-mock[data-story=fees][data-animate] [data-layer=fin-status-paid]{animation-name:hf-status-paid}.hero-mock[data-story=fees][data-animate] [data-layer=fin-cursor]{animation-name:hf-cursor}.hero-mock[data-story=fees][data-animate] .hero-cursor-ripple{animation-name:hf-ripple}.hero-mock[data-story=fees][data-animate] [data-layer=fx-dim]{animation-name:hf-dim}.hero-mock[data-story=fees][data-animate] [data-layer=fx-parent]{animation-name:hf-parent}.hero-mock[data-story=fees][data-animate] [data-layer=fx-manager]{animation-name:hf-manager}.hero-mock[data-story=fees][data-animate] [data-layer=fx-parent-shade]{animation-name:hf-parent-shade}.hero-mock[data-story=fees][data-animate] [data-layer=fx-manager-shade]{animation-name:hf-manager-shade}.hero-mock[data-story=fees][data-animate] [data-layer=fx-bubble-dash]{animation-name:hf-bubble-dash}.hero-mock[data-story=fees][data-animate] [data-layer=fx-bubble-p1]{animation-name:hf-bubble-p1}.hero-mock[data-story=fees][data-animate] [data-layer=fx-bubble-p2]{animation-name:hf-bubble-p2}.hero-mock[data-story=fees][data-animate] [data-layer=fx-bubble-m1]{animation-name:hf-bubble-m1}.hero-mock[data-story=fees][data-animate] [data-layer=fx-bubble-p3]{animation-name:hf-bubble-p3}.hero-mock[data-story=fees][data-animate] [data-layer=fp-lock]{animation-name:hf-fp-lock}.hero-mock[data-story=fees][data-animate] [data-layer=fp-dim]{animation-name:hf-fp-dim}.hero-mock[data-story=fees][data-animate] [data-layer=fp-lockbanner]{animation-name:hf-fp-lockbanner}.hero-mock[data-story=fees][data-animate] [data-layer=fp-app]{animation-name:hf-fp-app}.hero-mock[data-story=fees][data-animate] [data-layer=fp-row]{animation-name:hf-fp-row}.hero-mock[data-story=fees][data-animate] [data-layer=fp-empty]{animation-name:hf-fp-empty}.hero-mock[data-story=fees][data-animate] [data-layer=fp-count-before]{animation-name:hf-fp-count-before}.hero-mock[data-story=fees][data-animate] [data-layer=fp-count-after]{animation-name:hf-fp-count-after}.hero-mock[data-story=fees][data-animate] [data-layer=fp-sheet]{animation-name:hf-fp-sheet}.hero-mock[data-story=fees][data-animate] [data-layer=fp-receipt-empty]{animation-name:hf-fp-receipt-before}.hero-mock[data-story=fees][data-animate] [data-layer=fp-receipt-attached]{animation-name:hf-fp-receipt-after}.hero-mock[data-story=fees][data-animate] [data-layer=fp-submit-disabled]{animation-name:hf-fp-receipt-before}.hero-mock[data-story=fees][data-animate] [data-layer=fp-inapp]{animation-name:hf-fp-inapp}.hero-mock[data-story=fees][data-animate] [data-layer=fp-tap-banner]{animation-name:hf-tap-fp-tap-banner}.hero-mock[data-story=fees][data-animate] [data-layer=fp-tap-row]{animation-name:hf-tap-fp-tap-row}.hero-mock[data-story=fees][data-animate] [data-layer=fp-tap-receipt]{animation-name:hf-tap-fp-tap-receipt}.hero-mock[data-story=fees][data-animate] [data-layer=fp-tap-submit]{animation-name:hf-tap-fp-tap-submit}.hero-mock[data-story=fees][data-animate] [data-layer=fm-lock]{animation-name:hf-fm-lock}.hero-mock[data-story=fees][data-animate] [data-layer=fm-dim]{animation-name:hf-fm-dim}.hero-mock[data-story=fees][data-animate] [data-layer=fm-lockbanner]{animation-name:hf-fm-lockbanner}.hero-mock[data-story=fees][data-animate] [data-layer=fm-app]{animation-name:hf-fm-app}.hero-mock[data-story=fees][data-animate] [data-layer=fm-alert]{animation-name:hf-fm-alert}.hero-mock[data-story=fees][data-animate] [data-layer=fm-approval]{animation-name:hf-fm-approval}.hero-mock[data-story=fees][data-animate] [data-layer=fm-val-before]{animation-name:hf-fm-val-before}.hero-mock[data-story=fees][data-animate] [data-layer=fm-val-after]{animation-name:hf-fm-val-after}.hero-mock[data-story=fees][data-animate] [data-layer=fm-badge]{animation-name:hf-fm-badge}.hero-mock[data-story=fees][data-animate] [data-layer=fm-verify-btn]{animation-name:hf-fm-press}.hero-mock[data-story=fees][data-animate] [data-layer=fm-tap-banner]{animation-name:hf-tap-fm-tap-banner}.hero-mock[data-story=fees][data-animate] [data-layer=fm-tap-verify]{animation-name:hf-tap-fm-tap-verify}.hero-mock[data-story=fees][data-animate] [data-layer=fm-tap-alert]{animation-name:hf-tap-fm-tap-alert}@keyframes hf-page-billing{0%{opacity:0}2.17%,26.09%{opacity:1}27.17%,to{opacity:0}}@keyframes hf-page-invoices{0%{opacity:1}2.17%,26.09%{opacity:0}27.17%,to{opacity:1}}@keyframes hf-tab-billing{0%{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}2.17%,26.09%{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}27.17%,to{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}}@keyframes hf-tab-invoices{0%{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}2.17%,26.09%{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}27.17%,to{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}}@keyframes hf-run-new{0%{opacity:1;max-height:200px}2.17%,21.74%{opacity:0;max-height:0}23.19%,to{opacity:1;max-height:200px}}@keyframes hf-generate{0%,7.83%{transform:none}8.19%{transform:scale(.95)}8.7%,to{transform:none}}@keyframes hf-modal{0%,9.06%{opacity:0}10.14%,21.01%{opacity:1}22.1%,to{opacity:0}}@keyframes hf-select{0%,12.9%{box-shadow:none}13.26%,16.67%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}17.39%,to{box-shadow:none}}@keyframes hf-dropdown{0%,13.41%{opacity:0;transform:translateY(-4px)scale(.97)}14.13%,16.3%{opacity:1;transform:none}17.03%,to{opacity:0;transform:none}}@keyframes hf-option{0%,14.86%{background-color:#0000}15.22%,16.67%{background-color:hsl(var(--accent))}17.03%,to{background-color:#0000}}@keyframes hf-select-text-before{0%{opacity:0}2.17%,16.3%{opacity:1}17.03%,to{opacity:0}}@keyframes hf-select-text-after{0%{opacity:1}2.17%,16.3%{opacity:0}17.03%,to{opacity:1}}@keyframes hf-dateline{0%{opacity:1}2.17%,16.67%{opacity:0}17.39%,to{opacity:1}}@keyframes hf-modal-generate{0%{opacity:1;transform:none}2.17%,16.67%{opacity:.5;transform:none}17.39%,20.29%{opacity:1;transform:none}20.65%{transform:scale(.97)}21.16%,to{opacity:1;transform:none}}@keyframes hf-row{0%,27.17%{background-color:#0000}28.26%,31.16%{background-color:#dbeafe}33.33%,55.07%{background-color:#0000}55.8%,57.97%{background-color:#fef9c3}60.14%,80.43%{background-color:#0000}81.16%,84.06%{background-color:#dcfce7}86.96%,to{background-color:#0000}}@keyframes hf-status-new{0%{opacity:0}2.17%,55.43%{opacity:1}56.16%,to{opacity:0}}@keyframes hf-status-review{0%,55.43%{opacity:0}56.16%,80.8%{opacity:1}81.52%,to{opacity:0}}@keyframes hf-status-paid{0%{opacity:1}2.17%,80.8%{opacity:0}81.52%,to{opacity:1}}@keyframes hf-cursor{0%,2.9%{opacity:0;transform:var(--c0)}3.62%{opacity:1;transform:var(--c0)}7.61%{transform:var(--c1)}8.12%{transform:var(--c1) scale(.85)}8.62%{transform:var(--c1)}12.54%{transform:var(--c2)}13.04%{transform:var(--c2) scale(.85)}13.55%{transform:var(--c2)}15.58%{transform:var(--c3)}16.09%{transform:var(--c3) scale(.85)}16.59%{transform:var(--c3)}19.93%{transform:var(--c4)}20.43%{transform:var(--c4) scale(.85)}20.94%{transform:var(--c4)}25%{transform:var(--c5)}25.51%{transform:var(--c5) scale(.85)}26.09%{opacity:1;transform:var(--c5)}28.99%,to{opacity:0;transform:var(--c5)}}@keyframes hf-ripple{0%,7.83%{opacity:0;transform:scale(.3)}8.37%{opacity:1}10.18%{opacity:0;transform:scale(2)}12.75%{opacity:0;transform:scale(.3)}13.3%{opacity:1}15.11%{opacity:0;transform:scale(2)}15.8%{opacity:0;transform:scale(.3)}16.34%{opacity:1}18.15%{opacity:0;transform:scale(2)}20.14%{opacity:0;transform:scale(.3)}20.69%{opacity:1}22.5%{opacity:0;transform:scale(2)}25.22%{opacity:0;transform:scale(.3)}25.76%{opacity:1}27.57%,to{opacity:0;transform:scale(2)}}@keyframes hf-dim{0%,31.88%{opacity:0}34.78%,92.75%{opacity:1}95.65%,to{opacity:0}}@keyframes hf-parent{0%,31.88%{transform:translateX(0) scale(var(--phone-wide))}34.78%,92.75%{transform:translateX(var(--focus-x)) scale(1)}95.65%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hf-manager{0%,57.25%{transform:translateX(0) scale(var(--phone-wide))}60.14%,92.75%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}95.65%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hf-parent-shade{0%,57.97%{opacity:0}59.42%,82.61%{opacity:1}84.06%,to{opacity:0}}@keyframes hf-manager-shade{0%,82.61%{opacity:0}84.06%,92.75%{opacity:1}94.93%,to{opacity:0}}@keyframes hf-bubble-dash{0%,3.26%{opacity:0;transform:translateY(8px)}4.35%,29.71%{opacity:1;transform:none}31.16%,to{opacity:0;transform:none}}@keyframes hf-bubble-p1{0%,34.06%{opacity:0;transform:translateY(8px)}35.51%,47.46%{opacity:1;transform:none}48.55%,to{opacity:0;transform:none}}@keyframes hf-bubble-p2{0%,48.55%{opacity:0;transform:translateY(8px)}50%,57.25%{opacity:1;transform:none}58.33%,to{opacity:0;transform:none}}@keyframes hf-bubble-m1{0%,59.42%{opacity:0;transform:translateY(8px)}60.87%,82.61%{opacity:1;transform:none}83.7%,to{opacity:0;transform:none}}@keyframes hf-bubble-p3{0%,83.33%{opacity:0;transform:translateY(8px)}84.78%,92.75%{opacity:1;transform:none}93.84%,to{opacity:0;transform:none}}@keyframes hf-fp-lock{0%{opacity:0}2.17%,44.2%{opacity:1}45.65%,to{opacity:0}}@keyframes hf-fp-dim{0%,35.51%{opacity:.45}36.96%,to{opacity:0}}@keyframes hf-fp-lockbanner{0%,35.51%{opacity:0;transform:translateY(-120%)}36.96%,44.2%{opacity:1;transform:none}45.65%,to{opacity:0;transform:translateY(-120%)}}@keyframes hf-fp-app{0%{opacity:1}2.17%,44.2%{opacity:0}45.65%,to{opacity:1}}@keyframes hf-fp-row{0%{opacity:0;max-height:0}2.17%,85.51%{opacity:1;max-height:80px}87.32%,to{opacity:0;max-height:0}}@keyframes hf-fp-empty{0%{opacity:1}2.17%,85.87%{opacity:0}87.32%,to{opacity:1}}@keyframes hf-fp-count-before{0%{opacity:0}2.17%,85.87%{opacity:1}86.59%,to{opacity:0}}@keyframes hf-fp-count-after{0%{opacity:1}2.17%,85.87%{opacity:0}86.59%,to{opacity:1}}@keyframes hf-fp-sheet{0%,48.19%{transform:translateY(105%)}49.64%,54.71%{transform:none}56.52%,to{transform:translateY(105%)}}@keyframes hf-fp-receipt-before{0%{opacity:0}2.17%,51.45%{opacity:1}52.17%,to{opacity:0}}@keyframes hf-fp-receipt-after{0%{opacity:1}2.17%,51.45%{opacity:0}52.17%,to{opacity:1}}@keyframes hf-fp-inapp{0%{opacity:1;transform:none}2.17%,83.33%{opacity:0;transform:translateY(-130%)}84.78%,to{opacity:1;transform:none}}@keyframes hf-tap-fp-tap-banner{0%,43.55%{opacity:0;transform:scale(.4)}44.2%{opacity:1;transform:scale(1)}45.47%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-tap-fp-tap-row{0%,47.17%{opacity:0;transform:scale(.4)}47.83%{opacity:1;transform:scale(1)}49.09%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-tap-fp-tap-receipt{0%,50.8%{opacity:0;transform:scale(.4)}51.45%{opacity:1;transform:scale(1)}52.72%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-tap-fp-tap-submit{0%,54.06%{opacity:0;transform:scale(.4)}54.71%{opacity:1;transform:scale(1)}55.98%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-fm-lock{0%{opacity:0}2.17%,68.84%{opacity:1}70.29%,to{opacity:0}}@keyframes hf-fm-dim{0%,60.14%{opacity:.45}61.59%,to{opacity:0}}@keyframes hf-fm-lockbanner{0%,60.14%{opacity:0;transform:translateY(-120%)}61.59%,68.84%{opacity:1;transform:none}70.29%,to{opacity:0;transform:translateY(-120%)}}@keyframes hf-fm-app{0%{opacity:1}2.17%,68.84%{opacity:0}70.29%,to{opacity:1}}@keyframes hf-fm-alert{0%,72.1%{opacity:0}73.19%,79.35%{opacity:1}80.43%,to{opacity:0}}@keyframes hf-fm-approval{0%{opacity:0;max-height:0}2.17%,80.43%{opacity:1;max-height:90px}82.61%,to{opacity:0;max-height:0}}@keyframes hf-fm-val-before{0%{opacity:0}2.17%,80.8%{opacity:1}81.52%,to{opacity:0}}@keyframes hf-fm-val-after{0%{opacity:1}2.17%,80.8%{opacity:0}81.52%,to{opacity:1}}@keyframes hf-fm-badge{0%{opacity:0}2.17%,80.43%{opacity:1}81.52%,to{opacity:0}}@keyframes hf-fm-press{0%,71.38%{transform:none}71.92%{transform:scale(.94)}72.46%,to{transform:none}}@keyframes hf-tap-fm-tap-banner{0%,68.19%{opacity:0;transform:scale(.4)}68.84%{opacity:1;transform:scale(1)}70.11%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-tap-fm-tap-verify{0%,71.09%{opacity:0;transform:scale(.4)}71.74%{opacity:1;transform:scale(1)}73.01%,to{opacity:0;transform:scale(1.6)}}@keyframes hf-tap-fm-tap-alert{0%,78.33%{opacity:0;transform:scale(.4)}78.99%{opacity:1;transform:scale(1)}80.25%,to{opacity:0;transform:scale(1.6)}}.hero-fin-page{position:absolute;inset:0}.hero-mock [data-layer=fin-page-billing],.hero-mock [data-layer=fin-modal],.hero-mock [data-layer=fin-dropdown],.hero-mock [data-layer=fin-cursor]{opacity:0}.hero-fin-run{overflow:hidden}.hero-fin-cursor{z-index:30;transform-origin:0 0;filter:drop-shadow(0 1px 1px #00000059);position:absolute;top:0;left:0}.hero-tap{z-index:6;opacity:0;pointer-events:none;background:#ffffff8c;border-radius:9999px;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffff59}.hero-fees-lockbanner{z-index:3;opacity:0;position:absolute;top:12rem;left:.75rem;right:.75rem;transform:translateY(-120%)}.hero-fees-sheet{z-index:4;border-radius:20px 20px 0 0;position:absolute;inset:30px 0 0;overflow:hidden;transform:translateY(105%);box-shadow:0 -8px 24px #00000040}.hero-fees-inapp{z-index:5;position:absolute;top:2.25rem;left:.5rem;right:.5rem}.hero-mock [data-layer=fp-lock],.hero-mock [data-layer=fm-lock],.hero-mock [data-layer=fm-alert]{opacity:0}.hero-fp-row,.hero-fm-approval{opacity:0;max-height:0;overflow:hidden}.hero-sc-month{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.hero-sc-header{color:#64748b;text-align:center;text-transform:uppercase;background:#f1f5f959;border-bottom:1px solid #e2e8f0;padding:5px 6px;font-size:11px;font-weight:600}.hero-sc-cell{border-top:1px solid #e2e8f0;border-left:1px solid #e2e8f0;flex-direction:column;gap:2px;min-height:0;padding:0 2px 2px;display:flex}.hero-sc-cell:nth-child(7n+1){border-left:0}.hero-sc-cell-off{background:#f1f5f966}.hero-sc-cell-off .hero-sc-date{color:#94a3b8}.hero-sc-cell-today{background:#0267c60b}.hero-sc-date{color:#020817;text-align:right;padding:3px 5px 0;font-size:12px;font-weight:500}.hero-sc-chip{background:#22c55e8c;align-items:center;height:18px;padding:0 8px;display:flex;transform:skew(-12deg)}.hero-sc-chip>span{transform:skew(12deg)}.hero-mock[data-animate] [data-layer=sc-chip]{animation-delay:calc(var(--hm-delay) + var(--hm-lead) + var(--i,0) * .15s)}.hero-sc-panel{z-index:10;opacity:0;width:440px;position:absolute;top:0;right:8px;transform:translate(24px)}.hero-sc-typed{max-width:calc(var(--chars) * 1ch + 1ch);white-space:nowrap;vertical-align:bottom;display:inline-block;overflow:hidden}.hero-sc-menu{opacity:0}.hero-sc-card{max-height:90px;overflow:hidden}.hero-sc-cursor{z-index:30;opacity:0;transform-origin:0 0;filter:drop-shadow(0 1px 1px #00000059);position:absolute;top:0;left:0}.hero-mock[data-story=schedule]{--hm-dur:18.2s;--c0:translate(560px, 470px);--c1:translate(887px, 209px);--c2:translate(645px, 308px);--c3:translate(655px, 374px);--c4:translate(715px, 440px);--c5:translate(667px, 545px);--c6:translate(765px, 595px);--focus-x:362px}.hero-mock[data-story=schedule][data-animate][data-fresh] [data-layer=sc-chip]{animation-name:hs-chip-fresh}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-create]{animation-name:hs-create}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-panel]{animation-name:hs-panel}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-title-field]{animation-name:hs-title-field}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-title]{animation-name:hs-title}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-start-field]{animation-name:hs-start-field}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-start-empty]{animation-name:hs-start-before}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-start-value]{animation-name:hs-start-after}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-repeat-field]{animation-name:hs-repeat-field}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-repeat-menu]{animation-name:hs-repeat-menu}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-repeat-option]{animation-name:hs-repeat-option}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-repeat-empty]{animation-name:hs-repeat-before}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-repeat-value]{animation-name:hs-repeat-after}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-preview]{animation-name:hs-preview}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-submit]{animation-name:hs-submit}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-chip]{animation-name:hs-chip}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-cursor]{animation-name:hs-cursor}.hero-mock[data-story=schedule][data-animate] .hero-cursor-ripple{animation-name:hs-ripple}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-dim]{animation-name:hs-dim}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-parent]{animation-name:hs-parent}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-coach]{animation-name:hs-coach}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-card-parent]{animation-name:hs-card-parent}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-card-coach]{animation-name:hs-card-coach}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-count-before]{animation-name:hs-count-before}.hero-mock[data-story=schedule][data-animate] [data-layer=sc-count-after]{animation-name:hs-count-after}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-bubble-dash]{animation-name:hs-bubble-dash}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hs-bubble-dash2}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-bubble-p1]{animation-name:hs-bubble-p1}.hero-mock[data-story=schedule][data-animate] [data-layer=fx-bubble-c1]{animation-name:hs-bubble-c1}@keyframes hs-create{0%,10.44%{transform:none}10.99%{transform:scale(.95)}11.81%,to{transform:none}}@keyframes hs-panel{0%{opacity:0;transform:translate(24px)}3.3%,11.26%{opacity:0;transform:translate(24px)}13.74%,41.76%{opacity:1;transform:none}43.96%,to{opacity:0;transform:translate(24px)}}@keyframes hs-title-field{0%,16.21%{box-shadow:none}16.76%,23.08%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}23.63%,to{box-shadow:none}}@keyframes hs-title{0%{max-width:calc(var(--chars) * 1ch + 1ch)}3.3%,17.03%{max-width:0;animation-timing-function:steps(18,end)}22.53%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hs-start-field{0%,24.18%{box-shadow:none}24.73%,26.1%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}26.65%,to{box-shadow:none}}@keyframes hs-start-before{0%{opacity:0}3.3%,24.73%{opacity:1}25.82%,to{opacity:0}}@keyframes hs-start-after{0%{opacity:1}3.3%,24.73%{opacity:0}25.82%,to{opacity:1}}@keyframes hs-repeat-field{0%,29.12%{box-shadow:none}29.67%,35.44%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}35.99%,to{box-shadow:none}}@keyframes hs-repeat-menu{0%,29.95%{opacity:0;transform:translateY(-4px)scale(.97)}30.77%,34.62%{opacity:1;transform:none}35.44%,to{opacity:0;transform:none}}@keyframes hs-repeat-option{0%,32.42%{background-color:#0000}32.97%,34.89%{background-color:hsl(var(--accent))}35.44%,to{background-color:#0000}}@keyframes hs-repeat-before{0%{opacity:0}3.3%,34.62%{opacity:1}35.71%,to{opacity:0}}@keyframes hs-repeat-after{0%{opacity:1}3.3%,34.62%{opacity:0}35.71%,to{opacity:1}}@keyframes hs-preview{0%{opacity:1}3.3%,35.71%{opacity:0}36.81%,to{opacity:1}}@keyframes hs-submit{0%,40.38%{transform:none}40.93%{transform:scale(.95)}41.76%,to{transform:none}}@keyframes hs-chip{0%{opacity:1;transform:none}3.3%,44.51%{opacity:0;transform:scale(.6)}45.88%{opacity:1;transform:scale(1.06)}46.7%,to{opacity:1;transform:none}}@keyframes hs-chip-fresh{0%,44.51%{opacity:0;transform:scale(.6)}45.88%{opacity:1;transform:scale(1.06)}46.7%,to{opacity:1;transform:none}}@keyframes hs-cursor{0%,4.4%{opacity:0;transform:var(--c0)}5.49%{opacity:1;transform:var(--c0)}10.22%{transform:var(--c1)}10.99%{transform:var(--c1) scale(.85)}11.65%{transform:var(--c1)}15.71%{transform:var(--c2)}16.48%{transform:var(--c2) scale(.85)}17.14%{transform:var(--c2)}23.96%{transform:var(--c3)}24.73%{transform:var(--c3) scale(.85)}25.38%{transform:var(--c3)}28.9%{transform:var(--c4)}29.67%{transform:var(--c4) scale(.85)}30.33%{transform:var(--c4)}33.3%{transform:var(--c5)}34.07%{transform:var(--c5) scale(.85)}34.73%{transform:var(--c5)}40.16%{transform:var(--c6)}40.93%{transform:var(--c6) scale(.85)}41.59%{transform:var(--c6)}42.86%{opacity:1;transform:var(--c6)}46.15%,to{opacity:0;transform:var(--c6)}}@keyframes hs-ripple{0%,10.44%{opacity:0;transform:scale(.3)}11.26%{opacity:1}13.74%{opacity:0;transform:scale(2)}15.93%{opacity:0;transform:scale(.3)}16.76%{opacity:1}19.23%{opacity:0;transform:scale(2)}24.18%{opacity:0;transform:scale(.3)}25%{opacity:1}27.47%{opacity:0;transform:scale(2)}29.12%{opacity:0;transform:scale(.3)}29.95%{opacity:1}32.42%{opacity:0;transform:scale(2)}33.52%{opacity:0;transform:scale(.3)}34.34%{opacity:1}36.81%{opacity:0;transform:scale(2)}40.38%{opacity:0;transform:scale(.3)}41.21%{opacity:1}43.68%,to{opacity:0;transform:scale(2)}}@keyframes hs-dim{0%,58.24%{opacity:0}62.64%,90.11%{opacity:1}94.51%,to{opacity:0}}@keyframes hs-parent{0%,58.24%{transform:translateX(0) scale(var(--phone-wide))}62.64%,90.11%{transform:translateX(var(--focus-x)) scale(1)}94.51%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hs-coach{0%,58.24%{transform:translateX(0) scale(var(--phone-wide))}62.64%,90.11%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}94.51%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hs-card-parent{0%{opacity:1;max-height:90px;transform:none}3.3%,65.93%{opacity:0;max-height:0;transform:translate(-12px)}68.68%{opacity:1;max-height:90px;transform:none}69.23%,to{opacity:1;max-height:90px;transform:none}}@keyframes hs-card-coach{0%{opacity:1;max-height:90px;transform:none}3.3%,69.23%{opacity:0;max-height:0;transform:translate(-12px)}71.98%{opacity:1;max-height:90px;transform:none}72.53%,to{opacity:1;max-height:90px;transform:none}}@keyframes hs-count-before{0%{opacity:0}3.3%,71.43%{opacity:1}72.53%,to{opacity:0}}@keyframes hs-count-after{0%{opacity:1}3.3%,71.43%{opacity:0}72.53%,to{opacity:1}}@keyframes hs-bubble-dash{0%,4.95%{opacity:0;transform:translateY(8px)}6.59%,42.86%{opacity:1;transform:none}44.51%,to{opacity:0;transform:none}}@keyframes hs-bubble-dash2{0%,45.6%{opacity:0;transform:translateY(8px)}47.25%,56.04%{opacity:1;transform:none}57.69%,to{opacity:0;transform:none}}@keyframes hs-bubble-p1{0%,64.84%{opacity:0;transform:translateY(8px)}67.03%,89.01%{opacity:1;transform:none}90.66%,to{opacity:0;transform:none}}@keyframes hs-bubble-c1{0%,69.23%{opacity:0;transform:translateY(8px)}71.43%,89.01%{opacity:1;transform:none}90.66%,to{opacity:0;transform:none}}.hero-mock [data-layer=at-sessions],.hero-mock [data-layer=at-excuse],.hero-mock [data-layer=at-parent-dim]{opacity:0}.hero-mock .hero-at-banner{opacity:1;transform:none}.hero-live{animation:1.6s ease-out infinite hero-live-pulse}@keyframes hero-live-pulse{0%{box-shadow:0 0 #dc2626b3}70%,to{box-shadow:0 0 0 7px #dc262600}}@media (prefers-reduced-motion:reduce){.hero-live{animation:none}}.hero-mock[data-story=attendance]{--hm-dur:15.8s;--focus-x:362px}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-dim]{animation-name:ha-dim}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-coach]{animation-name:ha-coach}.hero-mock[data-story=attendance][data-animate] [data-layer=at-sessions]{animation-name:ha-sessions}.hero-mock[data-story=attendance][data-animate] [data-layer=at-sheet]{animation-name:ha-sheet}.hero-mock[data-story=attendance][data-animate] [data-layer=at-tap-attendance]{animation-name:ha-tap-at-tap-attendance}.hero-mock[data-story=attendance][data-animate] [data-layer=at-check]{animation-name:ha-check}.hero-mock[data-story=attendance][data-animate] [data-layer=at-kenji-check]{animation-name:ha-kenji-check}.hero-mock[data-story=attendance][data-animate] [data-layer=at-tap-all]{animation-name:ha-tap-at-tap-all}.hero-mock[data-story=attendance][data-animate] [data-layer=at-tap-excuse]{animation-name:ha-tap-at-tap-excuse}.hero-mock[data-story=attendance][data-animate] [data-layer=at-excuse]{animation-name:ha-excuse}.hero-mock[data-story=attendance][data-animate] [data-layer=at-reason]{animation-name:ha-reason}.hero-mock[data-story=attendance][data-animate] [data-layer=at-tap-reason]{animation-name:ha-tap-at-tap-reason}.hero-mock[data-story=attendance][data-animate] [data-layer=at-kenji-excuse]{animation-name:ha-kenji-excuse}.hero-mock[data-story=attendance][data-animate] [data-layer=at-kenji-reason]{animation-name:ha-kenji-reason}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-parent]{animation-name:ha-parent}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-coach-shade]{animation-name:ha-coach-shade}.hero-mock[data-story=attendance][data-animate] [data-layer=at-parent-dim]{animation-name:ha-parent-dim}.hero-mock[data-story=attendance][data-animate] [data-layer=at-banner]{animation-name:ha-banner}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-bubble-dash]{animation-name:ha-bubble-dash}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-bubble-c1]{animation-name:ha-bubble-c1}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-bubble-c2]{animation-name:ha-bubble-c2}.hero-mock[data-story=attendance][data-animate] [data-layer=fx-bubble-p1]{animation-name:ha-bubble-p1}@keyframes ha-dim{0%,11.39%{opacity:0}16.46%,87.34%{opacity:1}92.41%,to{opacity:0}}@keyframes ha-coach{0%,11.39%{transform:translateX(0) scale(var(--phone-wide))}16.46%,87.34%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}92.41%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes ha-sessions{0%{opacity:0}3.8%,23.42%{opacity:1}25.32%,to{opacity:0}}@keyframes ha-sheet{0%{opacity:1;transform:none}3.8%,22.78%{opacity:0;transform:translate(30px)}25.32%,to{opacity:1;transform:none}}@keyframes ha-tap-at-tap-attendance{0%,21.01%{opacity:0;transform:scale(.4)}22.15%{opacity:1;transform:scale(1)}24.37%,to{opacity:0;transform:scale(1.6)}}@keyframes ha-check{0%{background-color:#22c55e}3.8%,31.65%{background-color:#fff3}32.91%,to{background-color:#22c55e}}@keyframes ha-kenji-check{0%{background-color:#fff3}3.8%,31.65%{background-color:#fff3}32.91%,50%{background-color:#22c55e}51.27%,to{background-color:#fff3}}@keyframes ha-tap-at-tap-all{0%,29.87%{opacity:0;transform:scale(.4)}31.01%{opacity:1;transform:scale(1)}33.23%,to{opacity:0;transform:scale(1.6)}}@keyframes ha-tap-at-tap-excuse{0%,37.47%{opacity:0;transform:scale(.4)}38.61%{opacity:1;transform:scale(1)}40.82%,to{opacity:0;transform:scale(1.6)}}@keyframes ha-excuse{0%,39.24%{opacity:0}41.14%,49.37%{opacity:1}50.63%,to{opacity:0}}@keyframes ha-reason{0%,45.57%{background-color:#0000}46.52%,49.37%{background-color:#ffffff26}50%,to{background-color:#0000}}@keyframes ha-tap-at-tap-reason{0%,45.7%{opacity:0;transform:scale(.4)}46.84%{opacity:1;transform:scale(1)}49.05%,to{opacity:0;transform:scale(1.6)}}@keyframes ha-kenji-excuse{0%{background-color:#f97316}3.8%,50%{background-color:#fff3}51.27%,to{background-color:#f97316}}@keyframes ha-kenji-reason{0%{opacity:1}3.8%,50%{opacity:0}51.9%,to{opacity:1}}@keyframes ha-parent{0%,53.16%{transform:translateX(0) scale(var(--phone-wide))}58.23%,87.34%{transform:translateX(var(--focus-x)) scale(1)}92.41%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes ha-coach-shade{0%,56.96%{opacity:0}59.49%,87.34%{opacity:1}91.14%,to{opacity:0}}@keyframes ha-parent-dim{0%{opacity:0}3.8%,60.76%{opacity:.45}63.29%,to{opacity:0}}@keyframes ha-banner{0%{opacity:1;transform:none}3.8%,60.76%{opacity:0;transform:translateY(-120%)}63.29%,to{opacity:1;transform:none}}@keyframes ha-bubble-dash{0%,4.43%{opacity:0;transform:translateY(8px)}6.33%,13.92%{opacity:1;transform:none}15.82%,to{opacity:0;transform:none}}@keyframes ha-bubble-c1{0%,17.72%{opacity:0;transform:translateY(8px)}19.62%,35.44%{opacity:1;transform:none}37.34%,to{opacity:0;transform:none}}@keyframes ha-bubble-c2{0%,37.97%{opacity:0;transform:translateY(8px)}39.87%,54.43%{opacity:1;transform:none}56.33%,to{opacity:0;transform:none}}@keyframes ha-bubble-p1{0%,64.56%{opacity:0;transform:translateY(8px)}67.09%,86.08%{opacity:1;transform:none}87.97%,to{opacity:0;transform:none}}.hero-pf-panel{z-index:10;width:620px;position:absolute;top:262px;bottom:24px;right:76px}.hero-rg-panel{z-index:10;width:480px;position:absolute;top:132px;bottom:16px;right:60px}.hero-mock .hero-rg-dialog,.hero-mock .hero-rg-panel{opacity:0}.hero-gp-toggle{background:#2563eb}.hero-gp-knob{transform:translate(20px)}.hero-im-spin{animation:.9s linear infinite hero-im-spin}@keyframes hero-im-spin{to{transform:rotate(360deg)}}.hero-im-file{z-index:29;opacity:0;width:120px;transform:var(--f0);transform-origin:60px 40px;filter:drop-shadow(0 12px 18px #00000073);flex-direction:column;align-items:center;gap:.4rem;display:flex;position:absolute;top:0;left:0}.hero-im-file-name{color:#fff;background:#080d1e8c;border-radius:.35rem;padding:.1rem .5rem;font-size:.95rem;font-weight:600}.hero-mock [data-layer=im-bar]{transform:scaleX(1)}.hero-mock .hero-vn-dialog,.hero-mock .hero-vn-menu{opacity:0}.hero-vn-new{max-height:60px;overflow:hidden}.hero-mock .hero-ab-sheet{opacity:0}.hero-ab-kids{max-height:60px}.hero-ab-kids-tab{background-color:#ffffff40}.hero-mock .hero-rt-sheet{opacity:0}.hero-rt-stars,.hero-rt-black{opacity:0;max-height:0}.hero-rt-notes{max-height:90px}.hero-mock .hero-fs-dialog,.hero-mock .hero-fs-tip{opacity:0}.hero-fs-ladder{z-index:30;color:#0f172a;background:#fff;border-radius:1.25rem;width:400px;padding:1.25rem;position:absolute;top:150px;left:990px;box-shadow:0 24px 50px -16px #0000008c}.hero-mock[data-animate] [data-layer=fin-inv-row]{animation-delay:calc(var(--hm-delay) + var(--hm-lead) + var(--i,0) * .1s)}.hero-mock .hero-iv-banner{opacity:1;transform:none}.hero-mock [data-layer=iv-dim]{opacity:0}.hero-rm-banner{z-index:3;transform:translateY(calc(var(--slot) * 104px));position:absolute;top:12rem;left:.75rem;right:.75rem}.hero-mock[data-animate] [data-layer=fr-card]{animation-delay:calc(var(--hm-delay) + var(--hm-lead) + var(--i,0) * .12s)}.hero-ct-panel{z-index:10;width:600px;position:absolute;top:16px;bottom:16px;right:60px}.hero-mock .hero-ct-menu,.hero-mock .hero-ct-form{opacity:0}.hero-ct-basis-on{background:#ecfdf5;border-color:#34d399}.hero-ct-quota{max-height:120px}.hero-pr-panel{z-index:10;width:600px;position:absolute;top:16px;bottom:16px;right:60px}.hero-mock .hero-pr-panel,.hero-mock .hero-pr-menu,.hero-mock [data-layer=pr-title-staff],.hero-mock [data-layer=pr-tabs-staff]{opacity:0}.hero-pr-preview{max-height:0}.hero-ec-panel{z-index:10;width:440px;position:absolute;top:16px;bottom:16px;right:60px}.hero-mock .hero-ec-dialog,.hero-mock .hero-ec-app,.hero-mock .hero-ec-sheet{opacity:0}.hero-ec-app-new{max-height:60px}.hero-ec-cat{background:#0ea5e9;border-color:#0ea5e9}.hero-ec-item{max-height:30px}.hero-ec-banner{transform:translateY(calc(var(--slot) * 118px))}.hero-mock[data-animate] [data-layer=po-row]{animation-delay:calc(var(--hm-delay) + var(--hm-lead) + var(--i,0) * .1s)}.hero-po-panel{z-index:10;width:460px;position:absolute;top:16px;bottom:16px;right:60px}.hero-mock .hero-po-popover,.hero-mock .hero-po-panel{opacity:0}.hero-po-box{max-height:80px}.hero-mock .hero-sh-screen,.hero-mock .hero-sh-alert,.hero-mock .hero-sh-panel{opacity:0}.hero-sh-panel{z-index:10;width:440px;position:absolute;top:16px;bottom:16px;right:60px}.hero-nt-panel{z-index:10;width:520px;position:absolute;top:16px;bottom:16px;right:60px}.hero-mock .hero-nt-panel,.hero-mock .hero-nt-lock{opacity:0}.hero-nt-new{max-height:160px}.hero-nt-scope{border-color:#e5e7eb}.hero-nt-scope-on{border-color:hsl(var(--primary));background:linear-gradient(#eff6ff,#f7fee7)}.hero-apps-phone{width:var(--phone-w);position:absolute;top:72px}.hero-apps-phone[data-app=parent]{left:164px}.hero-apps-phone[data-app=coach]{left:624px}.hero-apps-phone[data-app=manager]{left:1084px}.hero-apps-caption{z-index:5;color:#0f172a;text-align:center;background:#fff;border-radius:1rem;padding:.75rem 1rem;font-size:1rem;font-weight:600;line-height:1.3;position:absolute;bottom:36px;left:-24px;right:-24px;box-shadow:0 18px 40px -12px #00000080}.hero-mock[data-story^=c-]{--stage-w:1732px;--stage-h:800px}.hero-cs-screen{background:#1e293b;border-radius:18px;width:1412px;height:770px;padding:8px;position:absolute;top:30px;left:320px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 40px 80px -30px #000000b3}.hero-cs-chat{flex-shrink:0;width:440px;padding-block:4px}.hero-cs-window{height:100%}.hero-cs-shade{display:none}.hero-cs-phone{z-index:20;zoom:1.12;position:absolute;bottom:0;left:0}.hero-cs-note{z-index:25;color:#0f172a;text-align:center;white-space:nowrap;background:#fff;border-radius:1.25rem;padding:.875rem 1.25rem;font-size:1.25rem;font-weight:600;line-height:1.3;position:absolute;top:650px;left:28px;box-shadow:0 18px 40px -12px #00000080}.hero-cs-lockbanner{z-index:3;position:absolute;top:12rem;left:.75rem;right:.75rem}.hero-cs-lockbanner p:last-child{-webkit-line-clamp:4;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.hero-mock [data-layer=chf-dim]{opacity:0}.hero-mock[data-story=c-attendance] [data-layer=at-check]{background-color:#fff3}@media (max-width:1179px){.hero-mock[data-story^=c-]{--stage-w:460px;--stage-h:800px;max-width:540px;margin-inline:auto}.hero-mock[data-story^=c-] .hero-cs-screen{width:460px;height:726px;box-shadow:none;background:0 0;padding:0;top:0;left:0;overflow:visible}.hero-mock[data-story^=c-] .hero-cs-screen>div>:not(.hero-cs-chat){display:none}.hero-mock[data-story^=c-] .hero-cs-shade{z-index:30;background:#080d1eb3;border-radius:1rem;display:block;position:absolute;inset:0}.hero-mock[data-story^=c-] .hero-cs-phone{z-index:40;zoom:1;top:64px;bottom:auto;left:70px}.hero-mock[data-story^=c-] .hero-cs-chat{filter:drop-shadow(0 12px 24px #00000059);width:100%;padding-block:0}.hero-mock[data-story^=c-] .hero-cs-note{white-space:normal;max-width:440px;padding:.5rem 1rem;font-size:1rem;top:auto;bottom:0;left:50%;translate:-50%}.hero-mock[data-story^=c-] .hero-blurb{padding:0 2rem}.hero-mock[data-story^=c-] .hero-blurb-eyebrow{font-size:.875rem}.hero-mock[data-story^=c-] .hero-blurb-headline{font-size:2.25rem}}.price-fit{--laptop-x:0px;overflow:clip;container-type:inline-size}.price-stage{zoom:tan(atan2(100cqw, 1236px));width:1236px;height:722px;position:relative}.price-fit[data-fitted]{height:calc(722px * var(--k))}.price-fit[data-fitted]>.price-stage{zoom:1;transform:scale(var(--k));transform-origin:0 0}.price-fit [data-pl-count]{color:#0f172a;text-align:center;background:#ffffffe6;border-radius:.25rem;min-width:2ch;padding:0 .2em;font-weight:700;display:inline-block}.hero-mock[data-story=f-profiles]{--hm-dur:8s;--c0:translate(520px, 560px);--c1:translate(188px, 447px);--c2:translate(790px, 314px)}.hero-mock[data-story=f-profiles][data-animate] [data-layer=pf-cursor]{animation-name:hp-cursor}.hero-mock[data-story=f-profiles][data-animate] .hero-cursor-ripple{animation-name:hp-ripple}.hero-mock[data-story=f-profiles][data-animate] [data-layer=join-row]{animation-name:hp-row}.hero-mock[data-story=f-profiles][data-animate] [data-layer=pf-panel]{animation-name:hp-panel}.hero-mock[data-story=f-profiles][data-animate] [data-layer=pf-parents-btn]{animation-name:hp-parents-btn}.hero-mock[data-story=f-profiles][data-animate] [data-layer=pf-parents]{animation-name:hp-parents}@keyframes hp-cursor{0%,8.75%{opacity:0;transform:var(--c0)}11.25%{opacity:1;transform:var(--c0)}23.12%{transform:var(--c1)}25%{transform:var(--c1) scale(.85)}26.88%{transform:var(--c1)}33.75%{transform:var(--c1)}42.5%{transform:var(--c2)}44.38%{transform:var(--c2) scale(.85)}46.25%{transform:var(--c2)}52.5%{opacity:1;transform:var(--c2)}58.75%,to{opacity:0;transform:var(--c2)}}@keyframes hp-ripple{0%,24.38%{opacity:0;transform:scale(.3)}25.62%{opacity:1}31.87%{opacity:0;transform:scale(2)}43.12%{opacity:0;transform:scale(.3)}45%{opacity:1}51.25%,to{opacity:0;transform:scale(2)}}@keyframes hp-row{0%,21.25%{background-color:#0000}23.75%,to{background-color:hsl(var(--muted))}}@keyframes hp-panel{0%{opacity:1;transform:none}0%,26.25%{opacity:0;transform:translate(40px)}31.87%,to{opacity:1;transform:none}}@keyframes hp-parents-btn{0%,43.12%{background-color:#0000}44.38%,47.5%{background-color:hsl(var(--muted))}48.75%,to{background-color:#0000}}@keyframes hp-parents{0%{opacity:1;transform:none}0%,45.62%{opacity:0;transform:translateY(8px)}50%,to{opacity:1;transform:none}}.hero-mock[data-story=f-registrations]{--hm-dur:10s;--c0:translate(520px, 560px);--c1:translate(362px, 335px);--c2:translate(641px, 216px);--c3:translate(700px, 378px)}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-new-row]{animation-name:hr-new-row}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-cursor]{animation-name:hr-cursor}.hero-mock[data-story=f-registrations][data-animate] .hero-cursor-ripple{animation-name:hr-ripple}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-panel]{animation-name:hr-panel}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-enroll]{animation-name:hr-enroll}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-dialog]{animation-name:hr-dialog}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-yes]{animation-name:hr-yes}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-pending]{animation-name:hr-status-before}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-processed]{animation-name:hr-status-after}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-page-reg]{animation-name:hr-page-reg}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-page-players]{animation-name:hr-page-players}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-tabs-reg]{animation-name:hr-tabs-reg}.hero-mock[data-story=f-registrations][data-animate] [data-layer=rg-tabs-players]{animation-name:hr-tabs-players}.hero-mock[data-story=f-registrations][data-animate] [data-layer=new-player-row]{animation-name:hr-new-player}@keyframes hr-new-row{0%,8%{opacity:0;background-color:#dbeafe;transform:translateY(-10px)}12%{opacity:1;background-color:#dbeafe;transform:none}24%,to{opacity:1;background-color:#0000;transform:none}}@keyframes hr-cursor{0%,11%{opacity:0;transform:var(--c0)}13%{opacity:1;transform:var(--c0)}21%{transform:var(--c1)}22.5%{transform:var(--c1) scale(.85)}24%{transform:var(--c1)}34%{transform:var(--c2)}35.5%{transform:var(--c2) scale(.85)}37%{transform:var(--c2)}47%{transform:var(--c3)}48.5%{transform:var(--c3) scale(.85)}50%{transform:var(--c3)}54%{opacity:1;transform:var(--c3)}59%,to{opacity:0;transform:var(--c3)}}@keyframes hr-ripple{0%,21.5%{opacity:0;transform:scale(.3)}23%{opacity:1}27.5%{opacity:0;transform:scale(2)}34.5%{opacity:0;transform:scale(.3)}36%{opacity:1}40.5%{opacity:0;transform:scale(2)}47.5%{opacity:0;transform:scale(.3)}49%{opacity:1}53.5%,to{opacity:0;transform:scale(2)}}@keyframes hr-panel{0%,23%{opacity:0;transform:translate(40px)}27.5%,59%{opacity:1;transform:none}63%,to{opacity:0;transform:translate(40px)}}@keyframes hr-enroll{0%,34.5%{transform:none}35.5%{transform:scale(.95)}37%,to{transform:none}}@keyframes hr-dialog{0%,36.5%{opacity:0}39.5%,49.5%{opacity:1}52%,to{opacity:0}}@keyframes hr-yes{0%,47.5%{transform:none}48.5%{transform:scale(.95)}50%,to{transform:none}}@keyframes hr-status-before{0%{opacity:0}0%,52%{opacity:1}54%,to{opacity:0}}@keyframes hr-status-after{0%{opacity:1}0%,52%{opacity:0}54%,to{opacity:1}}@keyframes hr-page-reg{0%,63%{opacity:1}67%,to{opacity:0}}@keyframes hr-page-players{0%,63%{opacity:0}67%,to{opacity:1}}@keyframes hr-tabs-reg{0%,63%{opacity:1}67%,to{opacity:0}}@keyframes hr-tabs-players{0%,63%{opacity:0}67%,to{opacity:1}}@keyframes hr-new-player{0%,67%{background-color:#dbeafe}68%,84%{background-color:#dbeafe}92%,to{background-color:#0000}}.hero-mock[data-story=f-groups]{--hm-dur:8.5s;--c0:translate(520px, 560px);--c1:translate(440px, 377px);--c2:translate(847px, 261px)}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-cursor]{animation-name:hg-cursor}.hero-mock[data-story=f-groups][data-animate] .hero-cursor-ripple{animation-name:hg-ripple}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-juniors]{animation-name:hg-juniors}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-title-academy]{animation-name:hg-gp-title-academy}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-title-group]{animation-name:hg-gp-title-group}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-tabs-academy]{animation-name:hg-gp-tabs-academy}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-tabs-group]{animation-name:hg-gp-tabs-group}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-page-groups]{animation-name:hg-gp-page-groups}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-page-players]{animation-name:hg-gp-page-players}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-toggle]{animation-name:hg-toggle}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-knob]{animation-name:hg-knob}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-chips]{animation-name:hg-chips}.hero-mock[data-story=f-groups][data-animate] [data-layer=gp-multi]{animation-name:hg-multi}@keyframes hg-cursor{0%,8.24%{opacity:0;transform:var(--c0)}10.59%{opacity:1;transform:var(--c0)}21.18%{transform:var(--c1)}22.94%{transform:var(--c1) scale(.85)}24.71%{transform:var(--c1)}31.76%{transform:var(--c1)}40%{transform:var(--c2)}41.76%{transform:var(--c2) scale(.85)}43.53%{transform:var(--c2)}50.59%{opacity:1;transform:var(--c2)}56.47%,to{opacity:0;transform:var(--c2)}}@keyframes hg-ripple{0%,21.76%{opacity:0;transform:scale(.3)}22.94%{opacity:1}28.82%{opacity:0;transform:scale(2)}40.59%{opacity:0;transform:scale(.3)}42.35%{opacity:1}48.24%,to{opacity:0;transform:scale(2)}}@keyframes hg-juniors{0%,21.76%{box-shadow:0 4px 6px -1px #0000001a}22.94%{box-shadow:0 0 0 3px #ffffffe6}25.88%,to{box-shadow:0 4px 6px -1px #0000001a}}@keyframes hg-gp-title-academy{0%,24.71%{opacity:1}29.41%,to{opacity:0}}@keyframes hg-gp-title-group{0%,24.71%{opacity:0}29.41%,to{opacity:1}}@keyframes hg-gp-tabs-academy{0%,24.71%{opacity:1}29.41%,to{opacity:0}}@keyframes hg-gp-tabs-group{0%,24.71%{opacity:0}29.41%,to{opacity:1}}@keyframes hg-gp-page-groups{0%,24.71%{opacity:1}29.41%,to{opacity:0}}@keyframes hg-gp-page-players{0%,24.71%{opacity:0}29.41%,to{opacity:1}}@keyframes hg-toggle{0%,41.76%{background-color:#e2e8f0}44.12%,to{background-color:#2563eb}}@keyframes hg-knob{0%,41.76%{transform:none}44.12%,to{transform:translate(20px)}}@keyframes hg-chips{0%,44.12%{opacity:0;max-height:0}48.82%,to{opacity:1;max-height:40px}}@keyframes hg-multi{0%,50.59%{box-shadow:0 10px 15px -3px #0000001a}52.94%,75.29%{box-shadow:0 0 0 3px #a855f7}82.35%,to{box-shadow:0 10px 15px -3px #0000001a}}.hero-mock[data-story=f-import]{--hm-dur:17.5s;--c0:translate(40px, 560px);--c1:translate(120px, 290px);--c2:translate(1029px, 443px);--c3:translate(956px, 409px);--c4:translate(1029px, 351px);--f0:translate(60px, 250px);--f1:translate(969px, 403px)}.hero-mock[data-story=f-import][data-animate] [data-layer=im-cursor]{animation-name:hi-cursor}.hero-mock[data-story=f-import][data-animate] .hero-cursor-ripple{animation-name:hi-ripple}.hero-mock[data-story=f-import][data-animate] [data-layer=im-file]{animation-name:hi-file}.hero-mock[data-story=f-import][data-animate] [data-layer=im-drop]{animation-name:hi-drop}.hero-mock[data-story=f-import][data-animate] [data-layer=im-drop-over]{animation-name:hi-drop-over}.hero-mock[data-story=f-import][data-animate] [data-layer=im-skeleton]{animation-name:hi-skeleton}.hero-mock[data-story=f-import][data-animate] [data-layer=im-table]{animation-name:hi-table}.hero-mock[data-story=f-import][data-animate] [data-layer=im-startover]{animation-name:hi-startover}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step1]{animation-name:hi-step1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step2]{animation-name:hi-step2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-yes]{animation-name:hi-yes}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step3]{animation-name:hi-step3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-0-pend]{animation-name:hi-check-pend-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-0-spin]{animation-name:hi-check-spin-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-0-done]{animation-name:hi-check-done-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-1-pend]{animation-name:hi-check-pend-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-1-spin]{animation-name:hi-check-spin-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-1-done]{animation-name:hi-check-done-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-2-pend]{animation-name:hi-check-pend-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-2-spin]{animation-name:hi-check-spin-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-2-done]{animation-name:hi-check-done-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-3-pend]{animation-name:hi-check-pend-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-3-spin]{animation-name:hi-check-spin-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-3-done]{animation-name:hi-check-done-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-4-pend]{animation-name:hi-check-pend-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-4-spin]{animation-name:hi-check-spin-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-4-done]{animation-name:hi-check-done-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-5-pend]{animation-name:hi-check-pend-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-5-spin]{animation-name:hi-check-spin-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-5-done]{animation-name:hi-check-done-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-6-pend]{animation-name:hi-check-pend-6}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-6-spin]{animation-name:hi-check-spin-6}.hero-mock[data-story=f-import][data-animate] [data-layer=im-check-6-done]{animation-name:hi-check-done-6}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step4]{animation-name:hi-step4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-start]{animation-name:hi-start}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step5]{animation-name:hi-step5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-0-pend]{animation-name:hi-prog-pend-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-0-spin]{animation-name:hi-prog-spin-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-0-done]{animation-name:hi-prog-done-0}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-1-pend]{animation-name:hi-prog-pend-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-1-spin]{animation-name:hi-prog-spin-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-1-done]{animation-name:hi-prog-done-1}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-2-pend]{animation-name:hi-prog-pend-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-2-spin]{animation-name:hi-prog-spin-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-2-done]{animation-name:hi-prog-done-2}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-3-pend]{animation-name:hi-prog-pend-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-3-spin]{animation-name:hi-prog-spin-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-3-done]{animation-name:hi-prog-done-3}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-4-pend]{animation-name:hi-prog-pend-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-4-spin]{animation-name:hi-prog-spin-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-4-done]{animation-name:hi-prog-done-4}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-5-pend]{animation-name:hi-prog-pend-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-5-spin]{animation-name:hi-prog-spin-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-prog-5-done]{animation-name:hi-prog-done-5}.hero-mock[data-story=f-import][data-animate] [data-layer=im-bar]{animation-name:hi-bar}.hero-mock[data-story=f-import][data-animate] [data-layer=im-step6]{animation-name:hi-step6}@keyframes hi-cursor{0%,2.86%{opacity:0;transform:var(--c0)}4%{opacity:1;transform:var(--c0)}8%{transform:var(--c1)}8.86%{transform:var(--c1) scale(.85)}18.29%{transform:var(--c2) scale(.85)}19.14%{transform:var(--c2)}20.57%,30.29%{transform:var(--c2)}33.71%{transform:var(--c3)}34.57%{transform:var(--c3) scale(.85)}35.43%,56.57%{transform:var(--c3)}58.86%{transform:var(--c4)}59.71%{transform:var(--c4) scale(.85)}60.57%,62.86%{opacity:1;transform:var(--c4)}65.14%,to{opacity:0;transform:var(--c4)}}@keyframes hi-ripple{0%,34%{opacity:0;transform:scale(.3)}34.86%{opacity:1}37.43%{opacity:0;transform:scale(2)}59.14%{opacity:0;transform:scale(.3)}60%{opacity:1}62.57%,to{opacity:0;transform:scale(2)}}@keyframes hi-file{0%,1.14%{opacity:0;transform:var(--f0)}2.86%,8.29%{opacity:1;transform:var(--f0)}9.14%{opacity:1;transform:var(--f0) scale(1.08)}18.29%{opacity:1;transform:var(--f1) scale(1.08)}20.29%,to{opacity:0;transform:var(--f1) scale(.5)}}@keyframes hi-drop{0%,19.43%{opacity:1}20.57%,to{opacity:0}}@keyframes hi-drop-over{0%,15.43%{opacity:0}16.57%,19.43%{opacity:1}20%,to{opacity:0}}@keyframes hi-skeleton{0%,19.43%{opacity:1}21.14%,to{opacity:0}}@keyframes hi-table{0%,19.43%{opacity:0}21.71%,to{opacity:1}}@keyframes hi-startover{0%,19.43%{opacity:0}21.14%,to{opacity:1}}@keyframes hi-step1{0%,19.71%{opacity:0}21.14%,28.57%{opacity:1}29.71%,to{opacity:0}}@keyframes hi-step2{0%,28.57%{opacity:0}29.71%,35.43%{opacity:1}36.57%,to{opacity:0}}@keyframes hi-yes{0%,34%{transform:none}34.57%{transform:scale(.96)}35.43%,to{transform:none}}@keyframes hi-step3{0%,35.43%{opacity:0}36.57%,53.71%{opacity:1}54.86%,to{opacity:0}}@keyframes hi-check-pend-0{0%,36.86%{opacity:1}37.14%,to{opacity:0}}@keyframes hi-check-spin-0{0%,36.86%{opacity:0}37.14%,39.14%{opacity:1}39.43%,to{opacity:0}}@keyframes hi-check-done-0{0%,39.14%{opacity:0}39.43%,to{opacity:1}}@keyframes hi-check-pend-1{0%,39.14%{opacity:1}39.43%,to{opacity:0}}@keyframes hi-check-spin-1{0%,39.14%{opacity:0}39.43%,41.43%{opacity:1}41.71%,to{opacity:0}}@keyframes hi-check-done-1{0%,41.43%{opacity:0}41.71%,to{opacity:1}}@keyframes hi-check-pend-2{0%,41.43%{opacity:1}41.71%,to{opacity:0}}@keyframes hi-check-spin-2{0%,41.43%{opacity:0}41.71%,43.71%{opacity:1}44%,to{opacity:0}}@keyframes hi-check-done-2{0%,43.71%{opacity:0}44%,to{opacity:1}}@keyframes hi-check-pend-3{0%,43.71%{opacity:1}44%,to{opacity:0}}@keyframes hi-check-spin-3{0%,43.71%{opacity:0}44%,46%{opacity:1}46.29%,to{opacity:0}}@keyframes hi-check-done-3{0%,46%{opacity:0}46.29%,to{opacity:1}}@keyframes hi-check-pend-4{0%,46%{opacity:1}46.29%,to{opacity:0}}@keyframes hi-check-spin-4{0%,46%{opacity:0}46.29%,48.29%{opacity:1}48.57%,to{opacity:0}}@keyframes hi-check-done-4{0%,48.29%{opacity:0}48.57%,to{opacity:1}}@keyframes hi-check-pend-5{0%,48.29%{opacity:1}48.57%,to{opacity:0}}@keyframes hi-check-spin-5{0%,48.29%{opacity:0}48.57%,50.57%{opacity:1}50.86%,to{opacity:0}}@keyframes hi-check-done-5{0%,50.57%{opacity:0}50.86%,to{opacity:1}}@keyframes hi-check-pend-6{0%,50.57%{opacity:1}50.86%,to{opacity:0}}@keyframes hi-check-spin-6{0%,50.57%{opacity:0}50.86%,52.86%{opacity:1}53.14%,to{opacity:0}}@keyframes hi-check-done-6{0%,52.86%{opacity:0}53.14%,to{opacity:1}}@keyframes hi-step4{0%,54.29%{opacity:0;transform:translateY(8px)}56%,60.57%{opacity:1;transform:none}61.71%,to{opacity:0;transform:none}}@keyframes hi-start{0%,59.14%{transform:none}59.71%{transform:scale(.97)}60.57%,to{transform:none}}@keyframes hi-step5{0%,60.57%{opacity:0;transform:translateY(8px)}62.29%,84.57%{opacity:1;transform:none}85.71%,to{opacity:0;transform:none}}@keyframes hi-prog-pend-0{0%,62.57%{opacity:1}62.86%,to{opacity:0}}@keyframes hi-prog-spin-0{0%,62.57%{opacity:0}62.86%,65.71%{opacity:1}66%,to{opacity:0}}@keyframes hi-prog-done-0{0%,65.71%{opacity:0}66%,to{opacity:1}}@keyframes hi-prog-pend-1{0%,65.71%{opacity:1}66%,to{opacity:0}}@keyframes hi-prog-spin-1{0%,65.71%{opacity:0}66%,68.86%{opacity:1}69.14%,to{opacity:0}}@keyframes hi-prog-done-1{0%,68.86%{opacity:0}69.14%,to{opacity:1}}@keyframes hi-prog-pend-2{0%,68.86%{opacity:1}69.14%,to{opacity:0}}@keyframes hi-prog-spin-2{0%,68.86%{opacity:0}69.14%,72%{opacity:1}72.29%,to{opacity:0}}@keyframes hi-prog-done-2{0%,72%{opacity:0}72.29%,to{opacity:1}}@keyframes hi-prog-pend-3{0%,72%{opacity:1}72.29%,to{opacity:0}}@keyframes hi-prog-spin-3{0%,72%{opacity:0}72.29%,75.14%{opacity:1}75.43%,to{opacity:0}}@keyframes hi-prog-done-3{0%,75.14%{opacity:0}75.43%,to{opacity:1}}@keyframes hi-prog-pend-4{0%,75.14%{opacity:1}75.43%,to{opacity:0}}@keyframes hi-prog-spin-4{0%,75.14%{opacity:0}75.43%,78.29%{opacity:1}78.57%,to{opacity:0}}@keyframes hi-prog-done-4{0%,78.29%{opacity:0}78.57%,to{opacity:1}}@keyframes hi-prog-pend-5{0%,78.29%{opacity:1}78.57%,to{opacity:0}}@keyframes hi-prog-spin-5{0%,78.29%{opacity:0}78.57%,81.43%{opacity:1}81.71%,to{opacity:0}}@keyframes hi-prog-done-5{0%,81.43%{opacity:0}81.71%,to{opacity:1}}@keyframes hi-bar{0%,62.86%{transform:scaleX(0)}66%{transform:scaleX(.167)}69.14%{transform:scaleX(.333)}72.29%{transform:scaleX(.5)}75.43%{transform:scaleX(.667)}78.57%{transform:scaleX(.833)}81.71%,to{transform:scaleX(1)}}@keyframes hi-step6{0%,84.57%{opacity:0;transform:translateY(8px)}86.29%,to{opacity:1;transform:none}}.hero-mock[data-story=f-venues]{--hm-dur:9s;--c0:translate(520px, 560px);--c1:translate(279px, 348px);--c2:translate(430px, 266px);--c3:translate(495px, 343px);--c4:translate(494px, 443px);--c5:translate(495px, 476px)}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-cursor]{animation-name:hv-cursor}.hero-mock[data-story=f-venues][data-animate] .hero-cursor-ripple{animation-name:hv-ripple}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-add]{animation-name:hv-add}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-dialog]{animation-name:hv-dialog}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-name-field]{animation-name:hv-name-field}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-name-empty]{animation-name:hv-name-empty}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-name]{animation-name:hv-name}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-type-field]{animation-name:hv-type-field}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-type-menu]{animation-name:hv-type-menu}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-type-option]{animation-name:hv-type-option}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-type-before]{animation-name:hv-type-before}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-type-after]{animation-name:hv-type-after}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-save]{animation-name:hv-save}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-new]{animation-name:hv-new}.hero-mock[data-story=f-venues][data-animate] [data-layer=vn-new-row]{animation-name:hv-new-row}@keyframes hv-cursor{0%,7.78%{opacity:0;transform:var(--c0)}10%{opacity:1;transform:var(--c0)}19.44%{transform:var(--c1)}21.11%{transform:var(--c1) scale(.85)}22.44%{transform:var(--c1)}30.56%{transform:var(--c2)}32.22%{transform:var(--c2) scale(.85)}33.56%{transform:var(--c2)}47.22%{transform:var(--c3)}48.89%{transform:var(--c3) scale(.85)}50.22%{transform:var(--c3)}53.89%{transform:var(--c4)}55.56%{transform:var(--c4) scale(.85)}56.89%{transform:var(--c4)}62.78%{transform:var(--c5)}64.44%{transform:var(--c5) scale(.85)}65.78%{transform:var(--c5)}73.33%{opacity:1;transform:var(--c5)}78.89%,to{opacity:0;transform:var(--c5)}}@keyframes hv-ripple{0%,20%{opacity:0;transform:scale(.3)}21.67%{opacity:1}26.11%{opacity:0;transform:scale(2)}31.11%{opacity:0;transform:scale(.3)}32.78%{opacity:1}37.22%{opacity:0;transform:scale(2)}47.78%{opacity:0;transform:scale(.3)}49.44%{opacity:1}53.89%{opacity:0;transform:scale(2)}54.44%{opacity:0;transform:scale(.3)}56.11%{opacity:1}60.56%{opacity:0;transform:scale(2)}63.33%{opacity:0;transform:scale(.3)}65%{opacity:1}69.44%,to{opacity:0;transform:scale(2)}}@keyframes hv-add{0%,20%{transform:none}21.11%{transform:scale(.95)}22.78%,to{transform:none}}@keyframes hv-dialog{0%,22.22%{opacity:0}25.56%,66.11%{opacity:1}69.44%,to{opacity:0}}@keyframes hv-name-field{0%,31.67%{box-shadow:none}32.78%,46.67%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}47.78%,to{box-shadow:none}}@keyframes hv-name-empty{0%,33.33%{opacity:1}33.89%,to{opacity:0}}@keyframes hv-name{0%,33.33%{max-width:0;animation-timing-function:steps(13,end)}43.33%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hv-type-field{0%,48.33%{box-shadow:none}49.44%,56.67%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}57.78%,to{box-shadow:none}}@keyframes hv-type-menu{0%,49.44%{opacity:0;transform:translateY(-4px)scale(.97)}51.11%,56.11%{opacity:1;transform:none}57.78%,to{opacity:0;transform:none}}@keyframes hv-type-option{0%,52.78%{background-color:#0000}53.89%,56.67%{background-color:hsl(var(--accent))}57.78%,to{background-color:#0000}}@keyframes hv-type-before{0%,56.11%{opacity:1}57.22%,to{opacity:0}}@keyframes hv-type-after{0%,56.11%{opacity:0}57.22%,to{opacity:1}}@keyframes hv-save{0%,63.33%{transform:none}64.44%{transform:scale(.95)}66.11%,to{transform:none}}@keyframes hv-new{0%,70%{opacity:0;max-height:0}74.44%,to{opacity:1;max-height:60px}}@keyframes hv-new-row{0%,73.33%{box-shadow:inset 0 0 #2563eb00}75.56%,88.89%{box-shadow:inset 0 0 0 2px #2563ebcc}95.56%,to{box-shadow:inset 0 0 #2563eb00}}.hero-mock[data-story=f-absence]{--hm-dur:14s;--focus-x:362px}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-dim]{animation-name:hab-dim}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-parent]{animation-name:hab-parent}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-manager]{animation-name:hab-manager}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-parent-shade]{animation-name:hab-parent-shade}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-tap-kids]{animation-name:hab-tap-ab-tap-kids}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-kids-tab]{animation-name:hab-kids-tab}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-kids]{animation-name:hab-kids}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-tap-absence]{animation-name:hab-tap-ab-tap-absence}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-sheet]{animation-name:hab-sheet}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-tap-reason]{animation-name:hab-tap-ab-tap-reason}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-opt]{animation-name:hab-opt}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-radio]{animation-name:hab-radio}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-tap-submit]{animation-name:hab-tap-ab-tap-submit}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-submit]{animation-name:hab-submit}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-mgr-dim]{animation-name:hab-mgr-dim}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-banner]{animation-name:hab-banner}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-tap-banner]{animation-name:hab-tap-ab-tap-banner}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-lock]{animation-name:hab-lock}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-app]{animation-name:hab-app}.hero-mock[data-story=f-absence][data-animate] [data-layer=ab-card]{animation-name:hab-card}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-bubble-p1]{animation-name:hab-bubble-p1}.hero-mock[data-story=f-absence][data-animate] [data-layer=fx-bubble-m1]{animation-name:hab-bubble-m1}@keyframes hab-dim{0%,4.29%{opacity:0}10%,88.57%{opacity:1}94.29%,to{opacity:0}}@keyframes hab-parent{0%,4.29%{transform:translateX(0) scale(var(--phone-wide))}10%,88.57%{transform:translateX(var(--focus-x)) scale(1)}94.29%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hab-manager{0%,41.43%{transform:translateX(0) scale(var(--phone-wide))}47.14%,88.57%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}94.29%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hab-parent-shade{0%,42.86%{opacity:0}45.71%,87.14%{opacity:1}91.43%,to{opacity:0}}@keyframes hab-tap-ab-tap-kids{0%,13.71%{opacity:0;transform:scale(.4)}15%{opacity:1;transform:scale(1)}17.5%,to{opacity:0;transform:scale(1.6)}}@keyframes hab-kids-tab{0%,15%{background-color:#0000}15.71%,to{background-color:#ffffff40}}@keyframes hab-kids{0%,15.71%{max-height:0}18.57%,to{max-height:60px}}@keyframes hab-tap-ab-tap-absence{0%,22.29%{opacity:0;transform:scale(.4)}23.57%{opacity:1;transform:scale(1)}26.07%,to{opacity:0;transform:scale(1.6)}}@keyframes hab-sheet{0%,24.29%{opacity:0;transform:translateY(16px)}26.43%,39.29%{opacity:1;transform:none}41.43%,to{opacity:0;transform:none}}@keyframes hab-tap-ab-tap-reason{0%,30.14%{opacity:0;transform:scale(.4)}31.43%{opacity:1;transform:scale(1)}33.93%,to{opacity:0;transform:scale(1.6)}}@keyframes hab-opt{0%,31.43%{background-color:#ffffff1a;border-color:#0000}32.14%,to{background-color:#ffffff40;border-color:#ffffffb3}}@keyframes hab-radio{0%,31.43%{transform:scale(0)}32.5%,to{transform:scale(1)}}@keyframes hab-tap-ab-tap-submit{0%,36.57%{opacity:0;transform:scale(.4)}37.86%{opacity:1;transform:scale(1)}40.36%,to{opacity:0;transform:scale(1.6)}}@keyframes hab-submit{0%,37.14%{transform:none}37.86%{transform:scale(.95)}38.93%,to{transform:none}}@keyframes hab-mgr-dim{0%,48.57%{opacity:.45}51.43%,to{opacity:0}}@keyframes hab-banner{0%,50%{opacity:0;transform:translateY(-120%)}52.86%,62.86%{opacity:1;transform:none}65.71%,to{opacity:0;transform:translateY(-120%)}}@keyframes hab-tap-ab-tap-banner{0%,61.57%{opacity:0;transform:scale(.4)}62.86%{opacity:1;transform:scale(1)}65.36%,to{opacity:0;transform:scale(1.6)}}@keyframes hab-lock{0%,63.57%{opacity:1}65.71%,to{opacity:0}}@keyframes hab-app{0%,63.57%{opacity:0}65.71%,to{opacity:1}}@keyframes hab-card{0%,68.57%{box-shadow:0 0 #f59e0b00}70.71%,84.29%{box-shadow:0 0 0 2px #f59e0bf2}88.57%,to{box-shadow:0 0 #f59e0b00}}@keyframes hab-bubble-p1{0%,8.57%{opacity:0;transform:translateY(8px)}11.43%,40%{opacity:1;transform:none}42.14%,to{opacity:0;transform:none}}@keyframes hab-bubble-m1{0%,48.57%{opacity:0;transform:translateY(8px)}51.43%,85%{opacity:1;transform:none}87.14%,to{opacity:0;transform:none}}.hero-mock[data-story=f-ratings]{--hm-dur:15s;--focus-x:362px}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-dim]{animation-name:hrt-dim}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-coach]{animation-name:hrt-coach}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-parent]{animation-name:hrt-parent}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-coach-shade]{animation-name:hrt-coach-shade}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-tap-avatar]{animation-name:hrt-tap-rt-tap-avatar}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-sheet]{animation-name:hrt-sheet}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-tap-star]{animation-name:hrt-tap-rt-tap-star}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-star-0]{animation-name:hrt-star-0}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-star-1]{animation-name:hrt-star-1}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-star-2]{animation-name:hrt-star-2}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-star-3]{animation-name:hrt-star-3}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-star-4]{animation-name:hrt-star-4}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-black]{animation-name:hrt-black}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-save]{animation-name:hrt-save}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-tap-notes]{animation-name:hrt-tap-rt-tap-notes}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-notes-show]{animation-name:hrt-notes-show}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-notes-hide]{animation-name:hrt-notes-hide}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-stars-box]{animation-name:hrt-stars-box}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-notes]{animation-name:hrt-notes}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-note-text]{animation-name:hrt-note-text}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-tap-save]{animation-name:hrt-tap-rt-tap-save}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-card-stars]{animation-name:hrt-card-stars}.hero-mock[data-story=f-ratings][data-animate] [data-layer=ab-tap-kids]{animation-name:hrt-tap-ab-tap-kids}.hero-mock[data-story=f-ratings][data-animate] [data-layer=ab-kids-tab]{animation-name:hrt-kids-tab}.hero-mock[data-story=f-ratings][data-animate] [data-layer=ab-kids]{animation-name:hrt-kids}.hero-mock[data-story=f-ratings][data-animate] [data-layer=rt-parent-stars]{animation-name:hrt-parent-stars}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-bubble-c1]{animation-name:hrt-bubble-c1}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-bubble-c2]{animation-name:hrt-bubble-c2}.hero-mock[data-story=f-ratings][data-animate] [data-layer=fx-bubble-p1]{animation-name:hrt-bubble-p1}@keyframes hrt-dim{0%,4%{opacity:0}9.33%,89.33%{opacity:1}94.67%,to{opacity:0}}@keyframes hrt-coach{0%,4%{transform:translateX(0) scale(var(--phone-wide))}9.33%,89.33%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}94.67%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hrt-parent{0%,57.33%{transform:translateX(0) scale(var(--phone-wide))}62.67%,89.33%{transform:translateX(var(--focus-x)) scale(1)}94.67%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hrt-coach-shade{0%,58.67%{opacity:0}61.33%,88%{opacity:1}92%,to{opacity:0}}@keyframes hrt-tap-rt-tap-avatar{0%,13.47%{opacity:0;transform:scale(.4)}14.67%{opacity:1;transform:scale(1)}17%,to{opacity:0;transform:scale(1.6)}}@keyframes hrt-sheet{0%,15.33%{opacity:0;transform:scale(.96)}17.33%,49.33%{opacity:1;transform:none}51.33%,to{opacity:0;transform:none}}@keyframes hrt-tap-rt-tap-star{0%,21.47%{opacity:0;transform:scale(.4)}22.67%{opacity:1;transform:scale(1)}25%,to{opacity:0;transform:scale(1.6)}}@keyframes hrt-star-0{0%,23%{opacity:0;transform:scale(.6)}23.8%{opacity:1;transform:scale(1.2)}24.67%,to{opacity:1;transform:none}}@keyframes hrt-star-1{0%,23.67%{opacity:0;transform:scale(.6)}24.47%{opacity:1;transform:scale(1.2)}25.33%,to{opacity:1;transform:none}}@keyframes hrt-star-2{0%,24.33%{opacity:0;transform:scale(.6)}25.13%{opacity:1;transform:scale(1.2)}26%,to{opacity:1;transform:none}}@keyframes hrt-star-3{0%,25%{opacity:0;transform:scale(.6)}25.8%{opacity:1;transform:scale(1.2)}26.67%,to{opacity:1;transform:none}}@keyframes hrt-star-4{0%,25.67%{opacity:0;transform:scale(.6)}26.47%{opacity:1;transform:scale(1.2)}27.33%,to{opacity:1;transform:none}}@keyframes hrt-black{0%,26%{opacity:1;max-height:40px}28%,to{opacity:0;max-height:0}}@keyframes hrt-save{0%,26%{background-color:#0e7490;transform:none}27.33%,46.67%{background-color:#22c55e;transform:none}47.33%{background-color:#22c55e;transform:scale(.95)}48.33%,to{background-color:#22c55e;transform:none}}@keyframes hrt-tap-rt-tap-notes{0%,30.8%{opacity:0;transform:scale(.4)}32%{opacity:1;transform:scale(1)}34.33%,to{opacity:0;transform:scale(1.6)}}@keyframes hrt-notes-show{0%,32.33%{opacity:1}33%,to{opacity:0}}@keyframes hrt-notes-hide{0%,32.33%{opacity:0}33%,to{opacity:1}}@keyframes hrt-stars-box{0%,32.67%{opacity:1;max-height:80px}34.67%,to{opacity:0;max-height:0}}@keyframes hrt-notes{0%,32.67%{max-height:0}34.67%,to{max-height:90px}}@keyframes hrt-note-text{0%,36%{max-width:0;animation-timing-function:steps(23,end)}44%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hrt-tap-rt-tap-save{0%,46.13%{opacity:0;transform:scale(.4)}47.33%{opacity:1;transform:scale(1)}49.67%,to{opacity:0;transform:scale(1.6)}}@keyframes hrt-card-stars{0%,52%{opacity:0;transform:scale(.5)}53.67%{opacity:1;transform:scale(1.25)}55%,to{opacity:1;transform:none}}@keyframes hrt-tap-ab-tap-kids{0%,67.47%{opacity:0;transform:scale(.4)}68.67%{opacity:1;transform:scale(1)}71%,to{opacity:0;transform:scale(1.6)}}@keyframes hrt-kids-tab{0%,68.67%{background-color:#0000}69.33%,to{background-color:#ffffff40}}@keyframes hrt-kids{0%,69.33%{max-height:0}72%,to{max-height:60px}}@keyframes hrt-parent-stars{0%,72.67%{opacity:0;transform:scale(.5)}74.33%{opacity:1;transform:scale(1.25)}75.67%,to{opacity:1;transform:none}}@keyframes hrt-bubble-c1{0%,8%{opacity:0;transform:translateY(8px)}10.67%,28.67%{opacity:1;transform:none}30.67%,to{opacity:0;transform:none}}@keyframes hrt-bubble-c2{0%,30.67%{opacity:0;transform:translateY(8px)}33.33%,56%{opacity:1;transform:none}58%,to{opacity:0;transform:none}}@keyframes hrt-bubble-p1{0%,64%{opacity:0;transform:translateY(8px)}66.67%,88%{opacity:1;transform:none}90%,to{opacity:0;transform:none}}.hero-mock[data-story=f-fee-setup]{--hm-dur:14s;--c0:translate(400px, 560px);--c1:translate(236px, 286px);--c2:translate(451px, 413px);--c3:translate(302px, 305px);--c4:translate(502px, 305px);--c5:translate(332px, 423px)}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-rung-4]{animation-name:hfs-rung-4}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-rung-3]{animation-name:hfs-rung-3}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-rung-2]{animation-name:hfs-rung-2}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-rung-1]{animation-name:hfs-rung-1}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-monthly]{animation-name:hfs-monthly}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-sibling]{animation-name:hfs-sibling}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-group]{animation-name:hfs-group}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-override-field]{animation-name:hfs-override-field}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-override]{animation-name:hfs-override}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-free]{animation-name:hfs-free}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-free-tip]{animation-name:hfs-free-tip}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-group-save]{animation-name:hfs-group-save}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-player]{animation-name:hfs-player}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-member-field]{animation-name:hfs-member-field}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-member]{animation-name:hfs-member}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-set]{animation-name:hfs-set}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-sponsor]{animation-name:hfs-sponsor}.hero-mock[data-story=f-fee-setup][data-animate] [data-layer=fs-cursor]{animation-name:hfs-cursor}.hero-mock[data-story=f-fee-setup][data-animate] .hero-cursor-ripple{animation-name:hfs-ripple}@keyframes hfs-rung-4{0%,9.29%{opacity:.35;transform:none}10.71%{opacity:1;transform:scale(1.03)}12.14%,to{opacity:1;transform:none}}@keyframes hfs-rung-3{0%,35.71%{opacity:.35;transform:none}37.14%{opacity:1;transform:scale(1.03)}38.57%,to{opacity:1;transform:none}}@keyframes hfs-rung-2{0%,67.14%{opacity:.35;transform:none}68.57%{opacity:1;transform:scale(1.03)}70%,to{opacity:1;transform:none}}@keyframes hfs-rung-1{0%,75%{opacity:.35;transform:none}76.43%{opacity:1;transform:scale(1.03)}77.86%,to{opacity:1;transform:none}}@keyframes hfs-monthly{0%,7.86%{box-shadow:inset 0 0 0 3px #2563eb00}9.29%,18.57%{box-shadow:inset 0 0 0 3px #2563ebe6}20%,to{box-shadow:inset 0 0 0 3px #2563eb00}}@keyframes hfs-sibling{0%,17.14%{box-shadow:inset 0 0 0 3px #2563eb00}18.57%,25.71%{box-shadow:inset 0 0 0 3px #2563ebe6}27.14%,to{box-shadow:inset 0 0 0 3px #2563eb00}}@keyframes hfs-group{0%,27.14%{opacity:0}29.29%,53.57%{opacity:1}55.71%,to{opacity:0}}@keyframes hfs-override-field{0%,31.79%{box-shadow:none}32.5%,37.14%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}37.86%,to{box-shadow:none}}@keyframes hfs-override{0%,32.86%{max-width:0;animation-timing-function:steps(3,end)}35%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hfs-free{0%,40%{box-shadow:inset 0 0 0 3px #2563eb00}41.43%,50%{box-shadow:inset 0 0 0 3px #2563ebe6}51.43%,to{box-shadow:inset 0 0 0 3px #2563eb00}}@keyframes hfs-free-tip{0%,41.43%{opacity:0}42.86%,50.71%{opacity:1}52.14%,to{opacity:0}}@keyframes hfs-group-save{0%,51.43%{transform:none}52.14%{transform:scale(.95)}53.21%,to{transform:none}}@keyframes hfs-player{0%,56.43%{opacity:0}58.57%,80.71%{opacity:1}82.86%,to{opacity:0}}@keyframes hfs-member-field{0%,61.07%{box-shadow:none}61.79%,65.71%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}66.43%,to{box-shadow:none}}@keyframes hfs-member{0%,62.14%{max-width:0;animation-timing-function:steps(3,end)}63.93%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hfs-set{0%,65.71%{transform:none}66.43%{transform:scale(.95)}67.5%,to{transform:none}}@keyframes hfs-sponsor{0%,73.57%{background-color:#0000;transform:none}74.29%{background-color:#fef3c7;transform:scale(.97)}75.71%,80.71%{background-color:#fef3c7;transform:none}81.43%,to{background-color:#0000;transform:none}}@keyframes hfs-cursor{0%,27.86%{opacity:0;transform:var(--c0)}29.29%{opacity:1;transform:var(--c0)}31.07%{transform:var(--c1)}32.14%{transform:var(--c1) scale(.85)}33%{transform:var(--c1)}51.07%{transform:var(--c2)}52.14%{transform:var(--c2) scale(.85)}53%{transform:var(--c2)}60.36%{transform:var(--c3)}61.43%{transform:var(--c3) scale(.85)}62.29%{transform:var(--c3)}65.36%{transform:var(--c4)}66.43%{transform:var(--c4) scale(.85)}67.29%{transform:var(--c4)}73.21%{transform:var(--c5)}74.29%{transform:var(--c5) scale(.85)}75.14%{transform:var(--c5)}80%{opacity:1;transform:var(--c5)}83.57%,to{opacity:0;transform:var(--c5)}}@keyframes hfs-ripple{0%,31.43%{opacity:0;transform:scale(.3)}32.5%{opacity:1}35.36%{opacity:0;transform:scale(2)}51.43%{opacity:0;transform:scale(.3)}52.5%{opacity:1}55.36%{opacity:0;transform:scale(2)}60.71%{opacity:0;transform:scale(.3)}61.79%{opacity:1}64.64%{opacity:0;transform:scale(2)}65.71%{opacity:0;transform:scale(.3)}66.79%{opacity:1}69.64%{opacity:0;transform:scale(2)}73.57%{opacity:0;transform:scale(.3)}74.64%{opacity:1}77.5%,to{opacity:0;transform:scale(2)}}.hero-mock[data-story=f-invoicing]{--hm-dur:12s;--c0:translate(620px, 430px);--c1:translate(888px, 193px);--c2:translate(536px, 280px);--c3:translate(494px, 352px);--c4:translate(521px, 392px);--c5:translate(73px, 116px);--focus-x:362px}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-page-billing]{animation-name:hiv-page-billing}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-page-invoices]{animation-name:hiv-page-invoices}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-tab-billing]{animation-name:hiv-tab-billing}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-tab-invoices]{animation-name:hiv-tab-invoices}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-run-new]{animation-name:hiv-run-new}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-generate]{animation-name:hiv-generate}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-modal]{animation-name:hiv-modal}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-select]{animation-name:hiv-select}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-dropdown]{animation-name:hiv-dropdown}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-option]{animation-name:hiv-option}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-select-placeholder]{animation-name:hiv-select-text-before}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-select-value]{animation-name:hiv-select-text-after}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-dateline]{animation-name:hiv-dateline}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-modal-generate]{animation-name:hiv-modal-generate}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-cursor]{animation-name:hiv-cursor}.hero-mock[data-story=f-invoicing][data-animate] .hero-cursor-ripple{animation-name:hiv-ripple}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-inv-row]{animation-name:hiv-row}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-row]{animation-name:hiv-story-row}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-status-new]{animation-name:hiv-status-new}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fin-status-paid]{animation-name:hiv-status-paid}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fx-dim]{animation-name:hiv-dim}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fx-parent]{animation-name:hiv-parent}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=iv-dim]{animation-name:hiv-lock-dim}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=iv-banner]{animation-name:hiv-banner}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fx-bubble-dash]{animation-name:hiv-bubble-dash}.hero-mock[data-story=f-invoicing][data-animate] [data-layer=fx-bubble-p1]{animation-name:hiv-bubble-p1}@keyframes hiv-page-billing{0%{opacity:0}0%,60%{opacity:1}62.5%,to{opacity:0}}@keyframes hiv-page-invoices{0%{opacity:1}0%,60%{opacity:0}62.5%,to{opacity:1}}@keyframes hiv-tab-billing{0%{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}0%,60%{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}62.5%,to{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}}@keyframes hiv-tab-invoices{0%{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}0%,60%{color:#ffffffd9;box-shadow:none;background-color:#0000;border-color:#0000}62.5%,to{color:#0f172a;background-color:#fff;border-color:#fff6;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}}@keyframes hiv-run-new{0%{opacity:1;max-height:200px}0%,50%{opacity:0;max-height:0}53.33%,to{opacity:1;max-height:200px}}@keyframes hiv-generate{0%,18%{transform:none}18.83%{transform:scale(.95)}20%,to{transform:none}}@keyframes hiv-modal{0%,20.83%{opacity:0}23.33%,48.33%{opacity:1}50.83%,to{opacity:0}}@keyframes hiv-select{0%,29.67%{box-shadow:none}30.5%,38.33%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}40%,to{box-shadow:none}}@keyframes hiv-dropdown{0%,30.83%{opacity:0;transform:translateY(-4px)scale(.97)}32.5%,37.5%{opacity:1;transform:none}39.17%,to{opacity:0;transform:none}}@keyframes hiv-option{0%,34.17%{background-color:#0000}35%,38.33%{background-color:hsl(var(--accent))}39.17%,to{background-color:#0000}}@keyframes hiv-select-text-before{0%{opacity:0}0%,37.5%{opacity:1}39.17%,to{opacity:0}}@keyframes hiv-select-text-after{0%{opacity:1}0%,37.5%{opacity:0}39.17%,to{opacity:1}}@keyframes hiv-dateline{0%{opacity:1}0%,38.33%{opacity:0}40%,to{opacity:1}}@keyframes hiv-modal-generate{0%{opacity:1;transform:none}0%,38.33%{opacity:.5;transform:none}40%,46.67%{opacity:1;transform:none}47.5%{transform:scale(.97)}48.67%,to{opacity:1;transform:none}}@keyframes hiv-cursor{0%,6.67%{opacity:0;transform:var(--c0)}8.33%{opacity:1;transform:var(--c0)}17.5%{transform:var(--c1)}18.67%{transform:var(--c1) scale(.85)}19.83%{transform:var(--c1)}28.83%{transform:var(--c2)}30%{transform:var(--c2) scale(.85)}31.17%{transform:var(--c2)}35.83%{transform:var(--c3)}37%{transform:var(--c3) scale(.85)}38.17%{transform:var(--c3)}45.83%{transform:var(--c4)}47%{transform:var(--c4) scale(.85)}48.17%{transform:var(--c4)}57.5%{transform:var(--c5)}58.67%{transform:var(--c5) scale(.85)}60%{opacity:1;transform:var(--c5)}66.67%,to{opacity:0;transform:var(--c5)}}@keyframes hiv-ripple{0%,18%{opacity:0;transform:scale(.3)}19.25%{opacity:1}23.42%{opacity:0;transform:scale(2)}29.33%{opacity:0;transform:scale(.3)}30.58%{opacity:1}34.75%{opacity:0;transform:scale(2)}36.33%{opacity:0;transform:scale(.3)}37.58%{opacity:1}41.75%{opacity:0;transform:scale(2)}46.33%{opacity:0;transform:scale(.3)}47.58%{opacity:1}51.75%{opacity:0;transform:scale(2)}58%{opacity:0;transform:scale(.3)}59.25%{opacity:1}63.42%,to{opacity:0;transform:scale(2)}}@keyframes hiv-row{0%,62.5%{opacity:0;transform:translateY(-6px)}65%,to{opacity:1;transform:none}}@keyframes hiv-story-row{0%,62.5%{opacity:0;transform:translateY(-6px)}65%,to{opacity:1;transform:none}}@keyframes hiv-status-new{0%,to{opacity:1}}@keyframes hiv-status-paid{0%,to{opacity:0}}@keyframes hiv-dim{0%,68.33%{opacity:0}75%,91.67%{opacity:1}96.67%,to{opacity:0}}@keyframes hiv-parent{0%,68.33%{transform:translateX(0) scale(var(--phone-wide))}75%,91.67%{transform:translateX(var(--focus-x)) scale(1)}96.67%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hiv-lock-dim{0%,75%{opacity:.45}77.5%,to{opacity:0}}@keyframes hiv-banner{0%,76.67%{opacity:0;transform:translateY(-120%)}80%,to{opacity:1;transform:none}}@keyframes hiv-bubble-dash{0%,5%{opacity:0;transform:translateY(8px)}7.5%,63.33%{opacity:1;transform:none}65.83%,to{opacity:0;transform:none}}@keyframes hiv-bubble-p1{0%,78.33%{opacity:0;transform:translateY(8px)}81.67%,91.67%{opacity:1;transform:none}94.17%,to{opacity:0;transform:none}}.hero-mock[data-story=f-reminders]{--hm-dur:14s;--focus-x:362px}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fin-status-new]{animation-name:hrm-status-new}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fin-status-paid]{animation-name:hrm-status-paid}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-dim]{animation-name:hrm-dim}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-parent]{animation-name:hrm-parent}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-manager]{animation-name:hrm-manager}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-parent-shade]{animation-name:hrm-parent-shade}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-manager-shade]{animation-name:hrm-manager-shade}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-parent-dim]{animation-name:hrm-parent-dim}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-day-5]{animation-name:hrm-day-5}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-day-7]{animation-name:hrm-day-7}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-day-10]{animation-name:hrm-day-10}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-n5]{animation-name:hrm-n5}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-n7]{animation-name:hrm-n7}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-n10]{animation-name:hrm-n10}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-mgr-dim]{animation-name:hrm-mgr-dim}.hero-mock[data-story=f-reminders][data-animate] [data-layer=rm-nudge]{animation-name:hrm-nudge}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-bubble-p1]{animation-name:hrm-bubble-p1}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-bubble-m1]{animation-name:hrm-bubble-m1}.hero-mock[data-story=f-reminders][data-animate] [data-layer=fx-bubble-p2]{animation-name:hrm-bubble-p2}@keyframes hrm-status-new{0%,to{opacity:1}}@keyframes hrm-status-paid{0%,to{opacity:0}}@keyframes hrm-dim{0%,2.86%{opacity:0}8.57%,88.57%{opacity:1}94.29%,to{opacity:0}}@keyframes hrm-parent{0%,2.86%{transform:translateX(0) scale(var(--phone-wide))}8.57%,88.57%{transform:translateX(var(--focus-x)) scale(1)}94.29%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hrm-manager{0%,24.29%{transform:translateX(0) scale(var(--phone-wide))}30%,88.57%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}94.29%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hrm-parent-shade{0%,25.71%{opacity:0}28.57%,42.86%{opacity:1}45.71%,to{opacity:0}}@keyframes hrm-manager-shade{0%,42.86%{opacity:0}45.71%,87.14%{opacity:1}91.43%,to{opacity:0}}@keyframes hrm-parent-dim{0%,11.43%{opacity:.45}13.57%,to{opacity:0}}@keyframes hrm-day-5{0%,45%{opacity:1}46.43%,to{opacity:0}}@keyframes hrm-day-7{0%,45%{opacity:0}46.43%,62.14%{opacity:1}63.57%,to{opacity:0}}@keyframes hrm-day-10{0%,62.14%{opacity:0}63.57%,to{opacity:1}}@keyframes hrm-n5{0%,12.86%{opacity:0;transform:translateY(-120%)}15.71%,45.71%{opacity:1;transform:translateY(0)}48.57%,62.86%{opacity:1;transform:translateY(104px)}65.71%,to{opacity:1;transform:translateY(208px)}}@keyframes hrm-n7{0%,47.14%{opacity:0;transform:translateY(-120%)}50%,62.86%{opacity:1;transform:translateY(0)}65.71%,to{opacity:1;transform:translateY(104px)}}@keyframes hrm-n10{0%,64.29%{opacity:0;transform:translateY(-120%)}67.14%,to{opacity:1;transform:translateY(0)}}@keyframes hrm-mgr-dim{0%,30%{opacity:.45}32.14%,to{opacity:0}}@keyframes hrm-nudge{0%,31.43%{opacity:0;transform:translateY(-120%)}34.29%,to{opacity:1;transform:translateY(0)}}@keyframes hrm-bubble-p1{0%,15.71%{opacity:0;transform:translateY(8px)}18.57%,24.29%{opacity:1;transform:none}26.43%,to{opacity:0;transform:none}}@keyframes hrm-bubble-m1{0%,34.29%{opacity:0;transform:translateY(8px)}37.14%,44.29%{opacity:1;transform:none}46.43%,to{opacity:0;transform:none}}@keyframes hrm-bubble-p2{0%,50%{opacity:0;transform:translateY(8px)}52.86%,87.14%{opacity:1;transform:none}89.29%,to{opacity:0;transform:none}}.hero-mock[data-story=f-finance]{--hm-dur:9s;--c0:translate(520px, 600px);--c1:translate(922px, 458px)}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-card]{animation-name:hfr-card}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-chart]{animation-name:hfr-chart}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-reconciled]{animation-name:hfr-reconciled}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-hover]{animation-name:hfr-hover}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-tip]{animation-name:hfr-tip}.hero-mock[data-story=f-finance][data-animate] [data-layer=fr-cursor]{animation-name:hfr-cursor}.hero-mock[data-story=f-finance][data-animate] [data-layer=fx-bubble-dash]{animation-name:hfr-bubble-dash}@keyframes hfr-card{0%,6.67%{opacity:0;transform:translateY(10px)}11.11%,to{opacity:1;transform:none}}@keyframes hfr-chart{0%,13.33%{clip-path:inset(0 100% 0 0)}33.33%,to{clip-path:inset(0)}}@keyframes hfr-reconciled{0%,33.33%{opacity:0;transform:translateY(-4px)}37.78%,to{opacity:1;transform:none}}@keyframes hfr-hover{0%,51.11%{opacity:0}53.33%,to{opacity:1}}@keyframes hfr-tip{0%,52.22%{opacity:0;transform:translateY(4px)}55.56%,to{opacity:1;transform:none}}@keyframes hfr-cursor{0%,37.78%{opacity:0;transform:var(--c0)}40%{opacity:1;transform:var(--c0)}51.11%,80%{opacity:1;transform:var(--c1)}86.67%,to{opacity:0;transform:var(--c1)}}@keyframes hfr-bubble-dash{0%,8.89%{opacity:0;transform:translateY(8px)}13.33%,84.44%{opacity:1;transform:none}87.78%,to{opacity:0;transform:none}}.hero-mock[data-story=f-contracts]{--hm-dur:14s;--c0:translate(520px, 600px);--c1:translate(888px, 287px);--c2:translate(838px, 364px);--c3:translate(896px, 112px);--c4:translate(680px, 342px);--c5:translate(680px, 444px);--c6:translate(498px, 508px);--c7:translate(680px, 508px);--c8:translate(897px, 570px)}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-cursor]{animation-name:hct-cursor}.hero-mock[data-story=f-contracts][data-animate] .hero-cursor-ripple{animation-name:hct-ripple}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-menu]{animation-name:hct-menu}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-menu-contracts]{animation-name:hct-menu-contracts}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-panel]{animation-name:hct-panel}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-list-before]{animation-name:hct-list-before}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-form]{animation-name:hct-form}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-list-after]{animation-name:hct-list-after}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-new-btn]{animation-name:hct-new-btn}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-basis-fixed]{animation-name:hct-basis-fixed}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-basis-quota]{animation-name:hct-basis-quota}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-quota]{animation-name:hct-quota}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-salary-field]{animation-name:hct-salary-field}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-salary]{animation-name:hct-salary}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-spw-field]{animation-name:hct-spw-field}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-spw]{animation-name:hct-spw}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-deduct-field]{animation-name:hct-deduct-field}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-deduct]{animation-name:hct-deduct}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-create]{animation-name:hct-create}.hero-mock[data-story=f-contracts][data-animate] [data-layer=ct-new-card]{animation-name:hct-new-card}.hero-mock[data-story=f-contracts][data-animate] [data-layer=fx-bubble-dash]{animation-name:hct-bubble-dash}.hero-mock[data-story=f-contracts][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hct-bubble-dash2}.hero-mock[data-story=f-contracts][data-animate] [data-layer=fx-bubble-dash3]{animation-name:hct-bubble-dash3}@keyframes hct-cursor{0%,5%{opacity:0;transform:var(--c0)}6.43%{opacity:1;transform:var(--c0)}11.79%{transform:var(--c1)}12.86%{transform:var(--c1) scale(.85)}13.71%{transform:var(--c1)}18.21%{transform:var(--c2)}19.29%{transform:var(--c2) scale(.85)}20.14%{transform:var(--c2)}29.64%{transform:var(--c3)}30.71%{transform:var(--c3) scale(.85)}31.57%{transform:var(--c3)}38.93%{transform:var(--c4)}40%{transform:var(--c4) scale(.85)}40.86%{transform:var(--c4)}46.07%{transform:var(--c5)}47.14%{transform:var(--c5) scale(.85)}48%{transform:var(--c5)}53.93%{transform:var(--c6)}55%{transform:var(--c6) scale(.85)}55.86%{transform:var(--c6)}59.64%{transform:var(--c7)}60.71%{transform:var(--c7) scale(.85)}61.57%{transform:var(--c7)}66.79%{transform:var(--c8)}67.86%{transform:var(--c8) scale(.85)}68.71%{transform:var(--c8)}75.71%{opacity:1;transform:var(--c8)}79.29%,to{opacity:0;transform:var(--c8)}}@keyframes hct-ripple{0%,12.14%{opacity:0;transform:scale(.3)}13.21%{opacity:1}16.07%{opacity:0;transform:scale(2)}18.57%{opacity:0;transform:scale(.3)}19.64%{opacity:1}22.5%{opacity:0;transform:scale(2)}30%{opacity:0;transform:scale(.3)}31.07%{opacity:1}33.93%{opacity:0;transform:scale(2)}39.29%{opacity:0;transform:scale(.3)}40.36%{opacity:1}43.21%{opacity:0;transform:scale(2)}46.43%{opacity:0;transform:scale(.3)}47.5%{opacity:1}50.36%{opacity:0;transform:scale(2)}54.29%{opacity:0;transform:scale(.3)}55.36%{opacity:1}58.21%{opacity:0;transform:scale(2)}60%{opacity:0;transform:scale(.3)}61.07%{opacity:1}63.93%{opacity:0;transform:scale(2)}67.14%{opacity:0;transform:scale(.3)}68.21%{opacity:1}71.07%,to{opacity:0;transform:scale(2)}}@keyframes hct-menu{0%,13.21%{opacity:0;transform:translateY(-4px)scale(.97)}14.29%,20%{opacity:1;transform:none}21.07%,to{opacity:0;transform:none}}@keyframes hct-menu-contracts{0%,17.86%{background-color:#0000}18.57%,20.36%{background-color:hsl(var(--accent))}21.07%,to{background-color:#0000}}@keyframes hct-panel{0%,20%{opacity:0;transform:translate(40px)}23.21%,to{opacity:1;transform:none}}@keyframes hct-list-before{0%,31.07%{opacity:1}32.14%,to{opacity:0}}@keyframes hct-form{0%,31.07%{opacity:0;transform:translateY(8px)}32.86%,68.57%{opacity:1;transform:none}70.36%,to{opacity:0;transform:none}}@keyframes hct-list-after{0%,69.29%{opacity:0}71.43%,to{opacity:1}}@keyframes hct-new-btn{0%,30%{transform:none}30.71%{transform:scale(.95)}31.79%,to{transform:none}}@keyframes hct-basis-fixed{0%,40%{background-color:#ecfdf5;border-color:#34d399}40.71%,to{border-color:hsl(var(--border));background-color:#fff}}@keyframes hct-basis-quota{0%,40%{border-color:hsl(var(--border));background-color:#fff}40.71%,to{background-color:#ecfdf5;border-color:#34d399}}@keyframes hct-quota{0%,40.71%{max-height:0}42.86%,to{max-height:120px}}@keyframes hct-salary-field{0%,46.79%{box-shadow:none}47.5%,52.14%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}52.86%,to{box-shadow:none}}@keyframes hct-salary{0%,47.86%{max-width:0;animation-timing-function:steps(7,end)}51.36%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hct-spw-field{0%,54.64%{box-shadow:none}55.36%,60%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}60.71%,to{box-shadow:none}}@keyframes hct-spw{0%,55.71%{max-width:0;animation-timing-function:step-end}56.21%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hct-deduct-field{0%,60.36%{box-shadow:none}61.07%,65.71%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}66.43%,to{box-shadow:none}}@keyframes hct-deduct{0%,61.43%{max-width:0;animation-timing-function:steps(6,end)}64.43%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hct-create{0%,67.14%{transform:none}67.86%{transform:scale(.95)}68.93%,to{transform:none}}@keyframes hct-new-card{0%,71.43%{box-shadow:0 0 #10b98100}73.57%,87.14%{box-shadow:0 0 0 3px #10b98173}91.43%,to{box-shadow:0 0 #10b98100}}@keyframes hct-bubble-dash{0%,4.29%{opacity:0;transform:translateY(8px)}6.43%,30%{opacity:1;transform:none}32.14%,to{opacity:0;transform:none}}@keyframes hct-bubble-dash2{0%,38.57%{opacity:0;transform:translateY(8px)}40.71%,65.71%{opacity:1;transform:none}67.86%,to{opacity:0;transform:none}}@keyframes hct-bubble-dash3{0%,72.86%{opacity:0;transform:translateY(8px)}75%,94.29%{opacity:1;transform:none}96.43%,to{opacity:0;transform:none}}.hero-mock[data-story=f-payroll]{--hm-dur:17s;--focus-x:362px;--c0:translate(520px, 600px);--c1:translate(770px, 329px);--c2:translate(890px, 329px);--c3:translate(904px, 377px);--c4:translate(854px, 493px);--c5:translate(854px, 493px)}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-cursor]{animation-name:hpr-cursor}.hero-mock[data-story=f-payroll][data-animate] .hero-cursor-ripple{animation-name:hpr-ripple}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-panel]{animation-name:hpr-panel}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-preview-btn]{animation-name:hpr-preview-btn}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-preview]{animation-name:hpr-preview}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-generate-btn]{animation-name:hpr-generate-btn}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-recent-before]{animation-name:hpr-recent-before}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-recent-after]{animation-name:hpr-recent-after}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-page-staff]{animation-name:hpr-page-staff}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-page-slips]{animation-name:hpr-page-slips}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-title-staff]{animation-name:hpr-title-staff}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-title-slips]{animation-name:hpr-title-slips}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-tabs-staff]{animation-name:hpr-tabs-staff}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-tabs-slips]{animation-name:hpr-tabs-slips}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-menu-a]{animation-name:hpr-menu-a}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-menu-approve]{animation-name:hpr-menu-approve}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-menu-b]{animation-name:hpr-menu-b}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-menu-paid]{animation-name:hpr-menu-paid}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-draft]{animation-name:hpr-draft}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-approved]{animation-name:hpr-approved}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-paid]{animation-name:hpr-paid}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-row]{animation-name:hpr-row}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-dim]{animation-name:hpr-dim}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-coach]{animation-name:hpr-coach}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-phone-dim]{animation-name:hpr-phone-dim}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-n-approved]{animation-name:hpr-n-approved}.hero-mock[data-story=f-payroll][data-animate] [data-layer=pr-n-paid]{animation-name:hpr-n-paid}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-bubble-dash]{animation-name:hpr-bubble-dash}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hpr-bubble-dash2}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-bubble-c1]{animation-name:hpr-bubble-c1}.hero-mock[data-story=f-payroll][data-animate] [data-layer=fx-bubble-dash3]{animation-name:hpr-bubble-dash3}@keyframes hpr-cursor{0%,4.12%{opacity:0;transform:var(--c0)}5.29%{opacity:1;transform:var(--c0)}10.88%{transform:var(--c1)}11.76%{transform:var(--c1) scale(.85)}12.47%{transform:var(--c1)}26.18%{transform:var(--c2)}27.06%{transform:var(--c2) scale(.85)}27.76%{transform:var(--c2)}40.29%{transform:var(--c3)}41.18%{transform:var(--c3) scale(.85)}41.88%{transform:var(--c3)}45%{transform:var(--c4)}45.88%{transform:var(--c4) scale(.85)}46.59%{transform:var(--c4)}74.41%{transform:var(--c3)}75.29%{transform:var(--c3) scale(.85)}76%{transform:var(--c3)}78.53%{transform:var(--c5)}79.41%{transform:var(--c5) scale(.85)}80.12%{transform:var(--c5)}84.71%{opacity:1;transform:var(--c5)}87.65%,to{opacity:0;transform:var(--c5)}}@keyframes hpr-ripple{0%,11.18%{opacity:0;transform:scale(.3)}12.06%{opacity:1}14.41%{opacity:0;transform:scale(2)}26.47%{opacity:0;transform:scale(.3)}27.35%{opacity:1}29.71%{opacity:0;transform:scale(2)}40.59%{opacity:0;transform:scale(.3)}41.47%{opacity:1}43.82%{opacity:0;transform:scale(2)}45.29%{opacity:0;transform:scale(.3)}46.18%{opacity:1}48.53%{opacity:0;transform:scale(2)}74.71%{opacity:0;transform:scale(.3)}75.59%{opacity:1}77.94%{opacity:0;transform:scale(2)}78.82%{opacity:0;transform:scale(.3)}79.71%{opacity:1}82.06%,to{opacity:0;transform:scale(2)}}@keyframes hpr-panel{0%,34.12%{opacity:1;transform:none}36.47%,to{opacity:0;transform:translate(40px)}}@keyframes hpr-preview-btn{0%,11.18%{transform:none}11.76%{transform:scale(.95)}12.65%,to{transform:none}}@keyframes hpr-preview{0%,12.35%{max-height:0}15.29%,27.65%{max-height:400px}29.41%,to{max-height:0}}@keyframes hpr-generate-btn{0%,26.47%{transform:none}27.06%{transform:scale(.95)}27.94%,to{transform:none}}@keyframes hpr-recent-before{0%,29.12%{opacity:1}30%,to{opacity:0}}@keyframes hpr-recent-after{0%,29.12%{opacity:0;transform:translateY(-4px)}30.59%,to{opacity:1;transform:none}}@keyframes hpr-page-staff{0%,35.29%{opacity:1}37.65%,to{opacity:0}}@keyframes hpr-page-slips{0%,35.29%{opacity:0}37.65%,to{opacity:1}}@keyframes hpr-title-staff{0%,35.29%{opacity:1}37.65%,to{opacity:0}}@keyframes hpr-title-slips{0%,35.29%{opacity:0}37.65%,to{opacity:1}}@keyframes hpr-tabs-staff{0%,35.29%{opacity:1}37.65%,to{opacity:0}}@keyframes hpr-tabs-slips{0%,35.29%{opacity:0}37.65%,to{opacity:1}}@keyframes hpr-menu-a{0%,41.47%{opacity:0;transform:translateY(-4px)scale(.97)}42.35%,46.18%{opacity:1;transform:none}47.06%,to{opacity:0;transform:none}}@keyframes hpr-menu-approve{0%,44.41%{background-color:#0000}45%,46.47%{background-color:hsl(var(--accent))}47.06%,to{background-color:#0000}}@keyframes hpr-menu-b{0%,75.59%{opacity:0;transform:translateY(-4px)scale(.97)}76.47%,79.71%{opacity:1;transform:none}80.59%,to{opacity:0;transform:none}}@keyframes hpr-menu-paid{0%,77.94%{background-color:#0000}78.53%,80%{background-color:hsl(var(--accent))}80.59%,to{background-color:#0000}}@keyframes hpr-draft{0%,46.47%{opacity:1}47.35%,to{opacity:0}}@keyframes hpr-approved{0%,46.47%{opacity:0}47.35%,79.71%{opacity:1}80.59%,to{opacity:0}}@keyframes hpr-paid{0%,79.71%{opacity:0}80.59%,to{opacity:1}}@keyframes hpr-row{0%,46.47%{background-color:#0000}47.65%,51.76%{background-color:#dbeafe}55.29%,80%{background-color:#0000}81.18%,85.88%{background-color:#dcfce7}90.59%,to{background-color:#0000}}@keyframes hpr-dim{0%,49.41%{opacity:0}54.12%,68.24%{opacity:1}72.94%,to{opacity:0}}@keyframes hpr-coach{0%,49.41%{transform:translateX(0) scale(var(--phone-wide))}54.12%,68.24%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}72.94%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hpr-phone-dim{0%,54.12%{opacity:.45}55.88%,to{opacity:0}}@keyframes hpr-n-approved{0%,55.29%{opacity:0;transform:translateY(-120%)}57.65%,81.76%{opacity:1;transform:translateY(0)}84.12%,to{opacity:1;transform:translateY(104px)}}@keyframes hpr-n-paid{0%,82.35%{opacity:0;transform:translateY(-120%)}84.71%,to{opacity:1;transform:translateY(0)}}@keyframes hpr-bubble-dash{0%,3.53%{opacity:0;transform:translateY(8px)}5.29%,25.88%{opacity:1;transform:none}27.65%,to{opacity:0;transform:none}}@keyframes hpr-bubble-dash2{0%,29.41%{opacity:0;transform:translateY(8px)}31.18%,45.88%{opacity:1;transform:none}47.65%,to{opacity:0;transform:none}}@keyframes hpr-bubble-c1{0%,56.47%{opacity:0;transform:translateY(8px)}58.82%,67.06%{opacity:1;transform:none}68.82%,to{opacity:0;transform:none}}@keyframes hpr-bubble-dash3{0%,83.53%{opacity:0;transform:translateY(8px)}85.29%,96.47%{opacity:1;transform:none}98.24%,to{opacity:0;transform:none}}.hero-mock[data-story=f-claims]{--hm-dur:20s;--focus-x:362px;--c0:translate(520px, 600px);--c1:translate(300px, 405px);--c2:translate(612px, 533px);--c3:translate(650px, 378px);--c4:translate(634px, 533px);--c5:translate(628px, 525px)}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-dim]{animation-name:hec-dim}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-coach]{animation-name:hec-coach}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-app]{animation-name:hec-app}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-plus]{animation-name:hec-tap-ec-tap-plus}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-sheet]{animation-name:hec-sheet}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-amount]{animation-name:hec-tap-ec-tap-amount}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-amount]{animation-name:hec-amount}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-cat]{animation-name:hec-tap-ec-tap-cat}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-cat]{animation-name:hec-cat}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-item]{animation-name:hec-tap-ec-tap-item}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-item-0]{animation-name:hec-item-0}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-item-1]{animation-name:hec-item-1}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-attach]{animation-name:hec-tap-ec-tap-attach}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-attach-empty]{animation-name:hec-attach-empty}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-attach-file]{animation-name:hec-attach-file}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-tap-submit]{animation-name:hec-tap-ec-tap-submit}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-submit]{animation-name:hec-submit}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-app-new]{animation-name:hec-app-new}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-count-before]{animation-name:hec-count-before}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-count-after]{animation-name:hec-count-after}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-cursor]{animation-name:hec-cursor}.hero-mock[data-story=f-claims][data-animate] .hero-cursor-ripple{animation-name:hec-ripple}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-row]{animation-name:hec-row}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-panel]{animation-name:hec-panel}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-approve]{animation-name:hec-approve}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-approve-dialog]{animation-name:hec-approve-dialog}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-approve-confirm]{animation-name:hec-approve-confirm}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-actions-new]{animation-name:hec-actions-new}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-actions-approved]{animation-name:hec-actions-approved}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-row-new]{animation-name:hec-row-new}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-row-approved]{animation-name:hec-row-approved}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-row-settled]{animation-name:hec-row-settled}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-panel-new]{animation-name:hec-panel-new}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-panel-approved]{animation-name:hec-panel-approved}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-panel-settled]{animation-name:hec-panel-settled}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-settle]{animation-name:hec-settle}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-settle-dialog]{animation-name:hec-settle-dialog}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-settle-confirm]{animation-name:hec-settle-confirm}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-phone-dim]{animation-name:hec-phone-dim}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-n-approved]{animation-name:hec-n-approved}.hero-mock[data-story=f-claims][data-animate] [data-layer=ec-n-settled]{animation-name:hec-n-settled}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-bubble-c1]{animation-name:hec-bubble-c1}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-bubble-dash]{animation-name:hec-bubble-dash}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-bubble-c2]{animation-name:hec-bubble-c2}.hero-mock[data-story=f-claims][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hec-bubble-dash2}@keyframes hec-dim{0%,2%{opacity:0}6%,36%{opacity:1}40%,63%{opacity:0}67%,74%{opacity:1}78%,to{opacity:0}}@keyframes hec-coach{0%,2%{transform:translateX(0) scale(var(--phone-wide))}6%,36%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}40%,63%{transform:translateX(0) scale(var(--phone-wide))}67%,74%{transform:translateX(calc(var(--focus-x) * -1)) scale(1)}78%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hec-app{0%,64.5%{opacity:1}66%,to{opacity:0}}@keyframes hec-tap-ec-tap-plus{0%,8.1%{opacity:0;transform:scale(.4)}9%{opacity:1;transform:scale(1)}10.75%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-sheet{0%,9.5%{opacity:0;transform:translateY(40%)}11.5%,30%{opacity:1;transform:none}32%,to{opacity:0;transform:translateY(40%)}}@keyframes hec-tap-ec-tap-amount{0%,12.6%{opacity:0;transform:scale(.4)}13.5%{opacity:1;transform:scale(1)}15.25%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-amount{0%,14%{max-width:0;animation-timing-function:steps(3,end)}15.5%,to{max-width:4ch}}@keyframes hec-tap-ec-tap-cat{0%,17.1%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1)}19.75%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-cat{0%,18%{background-color:#0000;border-color:#ffffff4d}18.5%,to{background-color:#0ea5e9;border-color:#0ea5e9}}@keyframes hec-tap-ec-tap-item{0%,20.1%{opacity:0;transform:scale(.4)}21%{opacity:1;transform:scale(1)}22.75%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-item-0{0%,21.5%{max-height:0}22.5%,to{max-height:30px}}@keyframes hec-item-1{0%,23.5%{max-height:0}24.5%,to{max-height:30px}}@keyframes hec-tap-ec-tap-attach{0%,25.1%{opacity:0;transform:scale(.4)}26%{opacity:1;transform:scale(1)}27.75%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-attach-empty{0%,26.5%{opacity:1}27%,to{opacity:0}}@keyframes hec-attach-file{0%,26.5%{opacity:0}27.25%,to{opacity:1}}@keyframes hec-tap-ec-tap-submit{0%,28.6%{opacity:0;transform:scale(.4)}29.5%{opacity:1;transform:scale(1)}31.25%,to{opacity:0;transform:scale(1.6)}}@keyframes hec-submit{0%,29%{transform:none}29.5%{transform:scale(.95)}30.25%,to{transform:none}}@keyframes hec-app-new{0%,32%{opacity:0;max-height:0}34%,to{opacity:1;max-height:60px}}@keyframes hec-count-before{0%,32.5%{opacity:1}33%,to{opacity:0}}@keyframes hec-count-after{0%,32.5%{opacity:0}33%,to{opacity:1}}@keyframes hec-cursor{0%,41%{opacity:0;transform:var(--c0)}42%{opacity:1;transform:var(--c0)}46.25%{transform:var(--c1)}47%{transform:var(--c1) scale(.85)}47.6%{transform:var(--c1)}54.25%{transform:var(--c2)}55%{transform:var(--c2) scale(.85)}55.6%{transform:var(--c2)}59.25%{transform:var(--c3)}60%{transform:var(--c3) scale(.85)}60.6%{transform:var(--c3)}81.25%{transform:var(--c4)}82%{transform:var(--c4) scale(.85)}82.6%{transform:var(--c4)}87.25%{transform:var(--c5)}88%{transform:var(--c5) scale(.85)}88.6%{transform:var(--c5)}92%{opacity:1;transform:var(--c5)}94.5%,to{opacity:0;transform:var(--c5)}}@keyframes hec-ripple{0%,46.5%{opacity:0;transform:scale(.3)}47.25%{opacity:1}49.25%{opacity:0;transform:scale(2)}54.5%{opacity:0;transform:scale(.3)}55.25%{opacity:1}57.25%{opacity:0;transform:scale(2)}59.5%{opacity:0;transform:scale(.3)}60.25%{opacity:1}62.25%{opacity:0;transform:scale(2)}81.5%{opacity:0;transform:scale(.3)}82.25%{opacity:1}84.25%{opacity:0;transform:scale(2)}87.5%{opacity:0;transform:scale(.3)}88.25%{opacity:1}90.25%,to{opacity:0;transform:scale(2)}}@keyframes hec-row{0%,39.5%{opacity:0;background-color:#dbeafe;transform:translateY(-8px)}41.5%{opacity:1;background-color:#dbeafe;transform:none}49%,to{opacity:1;background-color:#0000;transform:none}}@keyframes hec-panel{0%,47.5%{opacity:0;transform:translate(40px)}49.5%,to{opacity:1;transform:none}}@keyframes hec-approve{0%,54.5%{transform:none}55%{transform:scale(.95)}55.75%,to{transform:none}}@keyframes hec-approve-dialog{0%,55.5%{opacity:0}56.5%,60.5%{opacity:1}61.5%,to{opacity:0}}@keyframes hec-approve-confirm{0%,59.5%{transform:none}60%{transform:scale(.95)}60.75%,to{transform:none}}@keyframes hec-actions-new{0%,60.75%{opacity:1}61.5%,to{opacity:0}}@keyframes hec-actions-approved{0%,61%{opacity:0}61.75%,88.5%{opacity:1}89.25%,to{opacity:0}}@keyframes hec-row-new{0%,60.75%{opacity:1}61.5%,to{opacity:0}}@keyframes hec-row-approved{0%,60.75%{opacity:0}61.5%,88.75%{opacity:1}89.5%,to{opacity:0}}@keyframes hec-row-settled{0%,88.75%{opacity:0}89.5%,to{opacity:1}}@keyframes hec-panel-new{0%,60.75%{opacity:1}61.5%,to{opacity:0}}@keyframes hec-panel-approved{0%,60.75%{opacity:0}61.5%,88.75%{opacity:1}89.5%,to{opacity:0}}@keyframes hec-panel-settled{0%,88.75%{opacity:0}89.5%,to{opacity:1}}@keyframes hec-settle{0%,81.5%{transform:none}82%{transform:scale(.95)}82.75%,to{transform:none}}@keyframes hec-settle-dialog{0%,82.5%{opacity:0}83.5%,88.5%{opacity:1}89.5%,to{opacity:0}}@keyframes hec-settle-confirm{0%,87.5%{transform:none}88%{transform:scale(.95)}88.75%,to{transform:none}}@keyframes hec-phone-dim{0%,67%{opacity:.45}68.5%,to{opacity:0}}@keyframes hec-n-approved{0%,68%{opacity:0;transform:translateY(-120%)}70%,90%{opacity:1;transform:translateY(0)}92%,to{opacity:1;transform:translateY(118px)}}@keyframes hec-n-settled{0%,90.5%{opacity:0;transform:translateY(-120%)}92.5%,to{opacity:1;transform:translateY(0)}}@keyframes hec-bubble-c1{0%,6.5%{opacity:0;transform:translateY(8px)}8.5%,34%{opacity:1;transform:none}35.5%,to{opacity:0;transform:none}}@keyframes hec-bubble-dash{0%,42%{opacity:0;transform:translateY(8px)}43.5%,61%{opacity:1;transform:none}62.5%,to{opacity:0;transform:none}}@keyframes hec-bubble-c2{0%,70%{opacity:0;transform:translateY(8px)}72%,74%{opacity:1;transform:none}75.5%,to{opacity:0;transform:none}}@keyframes hec-bubble-dash2{0%,90%{opacity:0;transform:translateY(8px)}91.5%,98%{opacity:1;transform:none}99.5%,to{opacity:0;transform:none}}.hero-mock[data-story=f-payouts]{--hm-dur:11s;--c0:translate(520px, 600px);--c1:translate(300px, 349px);--c2:translate(922px, 402px);--c3:translate(909px, 333px)}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-cursor]{animation-name:hpo-cursor}.hero-mock[data-story=f-payouts][data-animate] .hero-cursor-ripple{animation-name:hpo-ripple}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-row]{animation-name:hpo-row}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-story-row]{animation-name:hpo-story-row}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-panel]{animation-name:hpo-panel}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-actions]{animation-name:hpo-actions}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-finalise]{animation-name:hpo-finalise}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-popover]{animation-name:hpo-popover}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-confirm]{animation-name:hpo-confirm}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-finalised-box]{animation-name:hpo-box}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-row-active]{animation-name:hpo-row-active}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-row-finalised]{animation-name:hpo-row-finalised}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-panel-active]{animation-name:hpo-panel-active}.hero-mock[data-story=f-payouts][data-animate] [data-layer=po-panel-finalised]{animation-name:hpo-panel-finalised}.hero-mock[data-story=f-payouts][data-animate] [data-layer=fx-bubble-dash]{animation-name:hpo-bubble-dash}.hero-mock[data-story=f-payouts][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hpo-bubble-dash2}@keyframes hpo-cursor{0%,14.55%{opacity:0;transform:var(--c0)}16.36%{opacity:1;transform:var(--c0)}22.27%{transform:var(--c1)}23.64%{transform:var(--c1) scale(.85)}24.73%{transform:var(--c1)}42.27%{transform:var(--c2)}43.64%{transform:var(--c2) scale(.85)}44.73%{transform:var(--c2)}52.27%{transform:var(--c3)}53.64%{transform:var(--c3) scale(.85)}54.73%{transform:var(--c3)}61.82%{opacity:1;transform:var(--c3)}66.36%,to{opacity:0;transform:var(--c3)}}@keyframes hpo-ripple{0%,22.73%{opacity:0;transform:scale(.3)}24.09%{opacity:1}27.73%{opacity:0;transform:scale(2)}42.73%{opacity:0;transform:scale(.3)}44.09%{opacity:1}47.73%{opacity:0;transform:scale(2)}52.73%{opacity:0;transform:scale(.3)}54.09%{opacity:1}57.73%,to{opacity:0;transform:scale(2)}}@keyframes hpo-row{0%,4.55%{opacity:0;transform:translateY(-6px)}7.27%,to{opacity:1;transform:none}}@keyframes hpo-story-row{0%,4.55%{opacity:0;background-color:#0000;transform:translateY(-6px)}7.27%,22.73%{opacity:1;background-color:#0000;transform:none}24.55%,58.18%{opacity:1;background-color:#dbeafe;transform:none}63.64%,to{opacity:1;background-color:#0000;transform:none}}@keyframes hpo-panel{0%,24.55%{opacity:0;transform:translate(40px)}28.18%,74.55%{opacity:1;transform:none}78.18%,to{opacity:0;transform:translate(40px)}}@keyframes hpo-actions{0%,55%{opacity:1}56.36%,to{opacity:0}}@keyframes hpo-finalise{0%,42.73%{transform:none}43.64%{transform:scale(.95)}45%,to{transform:none}}@keyframes hpo-popover{0%,44.09%{opacity:0;transform:translateY(4px)}45.45%,54.09%{opacity:1;transform:none}55%,to{opacity:0;transform:none}}@keyframes hpo-confirm{0%,52.73%{transform:none}53.64%{transform:scale(.95)}55%,to{transform:none}}@keyframes hpo-box{0%,55.45%{opacity:0;max-height:0}58.18%,to{opacity:1;max-height:80px}}@keyframes hpo-row-active{0%,55%{opacity:1}56.36%,to{opacity:0}}@keyframes hpo-row-finalised{0%,55%{opacity:0}56.36%,to{opacity:1}}@keyframes hpo-panel-active{0%,55%{opacity:1}56.36%,to{opacity:0}}@keyframes hpo-panel-finalised{0%,55%{opacity:0}56.36%,to{opacity:1}}@keyframes hpo-bubble-dash{0%,5.45%{opacity:0;transform:translateY(8px)}8.18%,38.18%{opacity:1;transform:none}40.91%,to{opacity:0;transform:none}}@keyframes hpo-bubble-dash2{0%,41.82%{opacity:0;transform:translateY(8px)}44.55%,85.45%{opacity:1;transform:none}88.18%,to{opacity:0;transform:none}}.hero-mock[data-story=f-shop]{--hm-dur:17s;--focus-x:362px;--c0:translate(520px, 600px);--c1:translate(413px, 303px);--c2:translate(640px, 302px);--c3:translate(891px, 391px)}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-dim]{animation-name:hsh-dim}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-parent]{animation-name:hsh-parent}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-shop]{animation-name:hsh-shop}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-jersey]{animation-name:hsh-tap-sh-tap-jersey}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-product]{animation-name:hsh-product}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-size]{animation-name:hsh-tap-sh-tap-size}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-size-l]{animation-name:hsh-size-l}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-add]{animation-name:hsh-tap-sh-tap-add}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-add]{animation-name:hsh-add}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-bag-badge]{animation-name:hsh-bag-badge}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-added]{animation-name:hsh-added}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-view]{animation-name:hsh-tap-sh-tap-view}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-cart]{animation-name:hsh-cart}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-place]{animation-name:hsh-tap-sh-tap-place}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-place]{animation-name:hsh-place}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-confirm]{animation-name:hsh-confirm}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-tap-confirm]{animation-name:hsh-tap-sh-tap-confirm}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-placed]{animation-name:hsh-placed}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-row]{animation-name:hsh-row}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-cursor]{animation-name:hsh-cursor}.hero-mock[data-story=f-shop][data-animate] .hero-cursor-ripple{animation-name:hsh-ripple}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-raise]{animation-name:hsh-raise}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-invoice]{animation-name:hsh-invoice}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-panel]{animation-name:hsh-panel}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-actions]{animation-name:hsh-actions}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-fulfil]{animation-name:hsh-fulfil}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-row-pending]{animation-name:hsh-row-pending}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-row-fulfilled]{animation-name:hsh-row-fulfilled}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-panel-pending]{animation-name:hsh-panel-pending}.hero-mock[data-story=f-shop][data-animate] [data-layer=sh-panel-fulfilled]{animation-name:hsh-panel-fulfilled}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-bubble-p1]{animation-name:hsh-bubble-p1}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-bubble-p2]{animation-name:hsh-bubble-p2}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-bubble-dash]{animation-name:hsh-bubble-dash}.hero-mock[data-story=f-shop][data-animate] [data-layer=fx-bubble-dash2]{animation-name:hsh-bubble-dash2}@keyframes hsh-dim{0%,2.35%{opacity:0}7.06%,45.88%{opacity:1}50.59%,to{opacity:0}}@keyframes hsh-parent{0%,2.35%{transform:translateX(0) scale(var(--phone-wide))}7.06%,45.88%{transform:translateX(var(--focus-x)) scale(1)}50.59%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hsh-shop{0%,11.76%{opacity:1}13.53%,to{opacity:0}}@keyframes hsh-tap-sh-tap-jersey{0%,10.12%{opacity:0;transform:scale(.4)}11.18%{opacity:1;transform:scale(1)}13.24%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-product{0%,11.76%{opacity:0;transform:translate(24px)}13.53%,27.06%{opacity:1;transform:none}28.82%,to{opacity:0;transform:none}}@keyframes hsh-tap-sh-tap-size{0%,16%{opacity:0;transform:scale(.4)}17.06%{opacity:1;transform:scale(1)}19.12%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-size-l{0%,17.06%{color:#fff;background-color:#0000;border-color:#fff6}17.65%,to{color:#000;background-color:#fff;border-color:#fff}}@keyframes hsh-tap-sh-tap-add{0%,20.12%{opacity:0;transform:scale(.4)}21.18%{opacity:1;transform:scale(1)}23.24%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-add{0%,20.59%{transform:none}21.18%{transform:scale(.95)}22.06%,to{transform:none}}@keyframes hsh-bag-badge{0%,21.76%{opacity:0;transform:scale(.4)}22.94%,to{opacity:1;transform:none}}@keyframes hsh-added{0%,22.06%{opacity:0}23.24%,27.65%{opacity:1}28.53%,to{opacity:0}}@keyframes hsh-tap-sh-tap-view{0%,25.41%{opacity:0;transform:scale(.4)}26.47%{opacity:1;transform:scale(1)}28.53%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-cart{0%,27.06%{opacity:0;transform:translate(24px)}28.82%,40%{opacity:1;transform:none}41.76%,to{opacity:0;transform:none}}@keyframes hsh-tap-sh-tap-place{0%,31.88%{opacity:0;transform:scale(.4)}32.94%{opacity:1;transform:scale(1)}35%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-place{0%,32.35%{transform:none}32.94%{transform:scale(.95)}33.82%,to{transform:none}}@keyframes hsh-confirm{0%,33.82%{opacity:0}35%,39.41%{opacity:1}40.29%,to{opacity:0}}@keyframes hsh-tap-sh-tap-confirm{0%,37.18%{opacity:0;transform:scale(.4)}38.24%{opacity:1;transform:scale(1)}40.29%,to{opacity:0;transform:scale(1.6)}}@keyframes hsh-placed{0%,40%{opacity:0;transform:scale(.96)}41.76%,to{opacity:1;transform:none}}@keyframes hsh-row{0%,49.41%{opacity:0;background-color:#dbeafe;transform:translateY(-8px)}51.76%{opacity:1;background-color:#dbeafe;transform:none}61.18%,to{opacity:1;background-color:#0000;transform:none}}@keyframes hsh-cursor{0%,54.12%{opacity:0;transform:var(--c0)}55.29%{opacity:1;transform:var(--c0)}59.12%{transform:var(--c1)}60%{transform:var(--c1) scale(.85)}60.71%{transform:var(--c1)}67.35%{transform:var(--c2)}68.24%{transform:var(--c2) scale(.85)}68.94%{transform:var(--c2)}76.76%{transform:var(--c3)}77.65%{transform:var(--c3) scale(.85)}78.35%{transform:var(--c3)}82.35%{opacity:1;transform:var(--c3)}85.29%,to{opacity:0;transform:var(--c3)}}@keyframes hsh-ripple{0%,59.41%{opacity:0;transform:scale(.3)}60.29%{opacity:1}62.65%{opacity:0;transform:scale(2)}67.65%{opacity:0;transform:scale(.3)}68.53%{opacity:1}70.88%{opacity:0;transform:scale(2)}77.06%{opacity:0;transform:scale(.3)}77.94%{opacity:1}80.29%,to{opacity:0;transform:scale(2)}}@keyframes hsh-raise{0%,60.29%{opacity:1}61.18%,to{opacity:0}}@keyframes hsh-invoice{0%,60.59%{opacity:0;transform:scale(.9)}62.06%,to{opacity:1;transform:none}}@keyframes hsh-panel{0%,68.82%{opacity:0;transform:translate(40px)}71.18%,88.24%{opacity:1;transform:none}90.59%,to{opacity:0;transform:translate(40px)}}@keyframes hsh-actions{0%,78.24%{opacity:1}79.12%,to{opacity:0}}@keyframes hsh-fulfil{0%,77.06%{transform:none}77.65%{transform:scale(.95)}78.53%,to{transform:none}}@keyframes hsh-row-pending{0%,78.24%{opacity:1}79.12%,to{opacity:0}}@keyframes hsh-row-fulfilled{0%,78.24%{opacity:0}79.12%,to{opacity:1}}@keyframes hsh-panel-pending{0%,78.24%{opacity:1}79.12%,to{opacity:0}}@keyframes hsh-panel-fulfilled{0%,78.24%{opacity:0}79.12%,to{opacity:1}}@keyframes hsh-bubble-p1{0%,7.65%{opacity:0;transform:translateY(8px)}10%,25.88%{opacity:1;transform:none}27.65%,to{opacity:0;transform:none}}@keyframes hsh-bubble-p2{0%,28.24%{opacity:0;transform:translateY(8px)}30.59%,44.71%{opacity:1;transform:none}46.47%,to{opacity:0;transform:none}}@keyframes hsh-bubble-dash{0%,51.76%{opacity:0;transform:translateY(8px)}53.53%,72.94%{opacity:1;transform:none}74.71%,to{opacity:0;transform:none}}@keyframes hsh-bubble-dash2{0%,75.29%{opacity:0;transform:translateY(8px)}77.06%,96.47%{opacity:1;transform:none}98.24%,to{opacity:0;transform:none}}.hero-mock[data-story=f-notices]{--hm-dur:16s;--focus-x:362px;--c0:translate(520px, 600px);--c1:translate(886px, 181px);--c2:translate(720px, 156px);--c3:translate(640px, 369px);--c4:translate(640px, 446px);--c5:translate(903px, 604px)}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-cursor]{animation-name:hnt-cursor}.hero-mock[data-story=f-notices][data-animate] .hero-cursor-ripple{animation-name:hnt-ripple}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-create-btn]{animation-name:hnt-create-btn}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-panel]{animation-name:hnt-panel}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-scope-academy]{animation-name:hnt-scope-academy}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-scope-group]{animation-name:hnt-scope-group}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-scope-check]{animation-name:hnt-scope-check}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-group-field]{animation-name:hnt-group-field}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-title-field]{animation-name:hnt-title-field}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-title]{animation-name:hnt-title}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-body-field]{animation-name:hnt-body-field}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-body]{animation-name:hnt-body}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-submit]{animation-name:hnt-submit}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-new]{animation-name:hnt-new}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-new-card]{animation-name:hnt-new-card}.hero-mock[data-story=f-notices][data-animate] [data-layer=fx-dim]{animation-name:hnt-dim}.hero-mock[data-story=f-notices][data-animate] [data-layer=fx-parent]{animation-name:hnt-parent}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-lock]{animation-name:hnt-lock}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-dim]{animation-name:hnt-lock-dim}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-banner]{animation-name:hnt-banner}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-tap-banner]{animation-name:hnt-tap-nt-tap-banner}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-app]{animation-name:hnt-app}.hero-mock[data-story=f-notices][data-animate] [data-layer=nt-popup]{animation-name:hnt-popup}.hero-mock[data-story=f-notices][data-animate] [data-layer=fx-bubble-dash]{animation-name:hnt-bubble-dash}.hero-mock[data-story=f-notices][data-animate] [data-layer=fx-bubble-p1]{animation-name:hnt-bubble-p1}.hero-mock[data-story=f-notices][data-animate] [data-layer=fx-bubble-p2]{animation-name:hnt-bubble-p2}@keyframes hnt-cursor{0%,4.38%{opacity:0;transform:var(--c0)}5.62%{opacity:1;transform:var(--c0)}10.31%{transform:var(--c1)}11.25%{transform:var(--c1) scale(.85)}12%{transform:var(--c1)}17.81%{transform:var(--c2)}18.75%{transform:var(--c2) scale(.85)}19.5%{transform:var(--c2)}24.06%{transform:var(--c3)}25%{transform:var(--c3) scale(.85)}25.75%{transform:var(--c3)}32.81%{transform:var(--c4)}33.75%{transform:var(--c4) scale(.85)}34.5%{transform:var(--c4)}45.31%{transform:var(--c5)}46.25%{transform:var(--c5) scale(.85)}47%{transform:var(--c5)}51.25%{opacity:1;transform:var(--c5)}54.37%,to{opacity:0;transform:var(--c5)}}@keyframes hnt-ripple{0%,10.62%{opacity:0;transform:scale(.3)}11.56%{opacity:1}14.06%{opacity:0;transform:scale(2)}18.12%{opacity:0;transform:scale(.3)}19.06%{opacity:1}21.56%{opacity:0;transform:scale(2)}24.38%{opacity:0;transform:scale(.3)}25.31%{opacity:1}27.81%{opacity:0;transform:scale(2)}33.13%{opacity:0;transform:scale(.3)}34.06%{opacity:1}36.56%{opacity:0;transform:scale(2)}45.63%{opacity:0;transform:scale(.3)}46.56%{opacity:1}49.06%,to{opacity:0;transform:scale(2)}}@keyframes hnt-create-btn{0%,10.62%{transform:none}11.25%{transform:scale(.95)}12.19%,to{transform:none}}@keyframes hnt-panel{0%,11.88%{opacity:0;transform:translate(40px)}14.37%,47.5%{opacity:1;transform:none}50%,to{opacity:0;transform:translate(40px)}}@keyframes hnt-scope-academy{0%,18.75%{border-color:hsl(var(--primary));background:linear-gradient(#eff6ff,#f7fee7)}19.38%,to{background:#fff;border-color:#e5e7eb}}@keyframes hnt-scope-group{0%,18.75%{background:#fff;border-color:#e5e7eb}19.38%,to{border-color:hsl(var(--primary));background:linear-gradient(#eff6ff,#f7fee7)}}@keyframes hnt-scope-check{0%,18.75%{opacity:0;transform:scale(.4)}20%,to{opacity:1;transform:none}}@keyframes hnt-group-field{0%,19.38%{opacity:.35}20.62%,to{opacity:1}}@keyframes hnt-title-field{0%,24.69%{box-shadow:none}25.31%,32.5%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}33.12%,to{box-shadow:none}}@keyframes hnt-title{0%,25.62%{max-width:0;animation-timing-function:steps(23,end)}31.87%,to{max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hnt-body-field{0%,33.44%{box-shadow:none}34.06%,43.75%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}44.38%,to{box-shadow:none}}@keyframes hnt-body{0%,34.38%{clip-path:inset(0 100% 0 0)}43.12%,to{clip-path:inset(0)}}@keyframes hnt-submit{0%,45.63%{transform:none}46.25%{transform:scale(.95)}47.19%,to{transform:none}}@keyframes hnt-new{0%,49.38%{opacity:0;max-height:0}51.88%,to{opacity:1;max-height:160px}}@keyframes hnt-new-card{0%,51.25%{box-shadow:0 0 #2563eb00}52.5%,60%{box-shadow:0 0 0 3px #2563ebb3}63.75%,to{box-shadow:0 0 #2563eb00}}@keyframes hnt-dim{0%,55%{opacity:0}60%,91.25%{opacity:1}96.25%,to{opacity:0}}@keyframes hnt-parent{0%,55%{transform:translateX(0) scale(var(--phone-wide))}60%,91.25%{transform:translateX(var(--focus-x)) scale(1)}96.25%,to{transform:translateX(0) scale(var(--phone-wide))}}@keyframes hnt-lock{0%,72.5%{opacity:1}74.38%,to{opacity:0}}@keyframes hnt-lock-dim{0%,61.25%{opacity:.45}63.12%,to{opacity:0}}@keyframes hnt-banner{0%,62.5%{opacity:0;transform:translateY(-120%)}65%,71.88%{opacity:1;transform:none}73.75%,to{opacity:0;transform:translateY(-120%)}}@keyframes hnt-tap-nt-tap-banner{0%,70.75%{opacity:0;transform:scale(.4)}71.88%{opacity:1;transform:scale(1)}74.06%,to{opacity:0;transform:scale(1.6)}}@keyframes hnt-app{0%,72.5%{opacity:0}74.38%,to{opacity:1}}@keyframes hnt-popup{0%,75.62%{opacity:0;transform:scale(.94)}78.12%,to{opacity:1;transform:none}}@keyframes hnt-bubble-dash{0%,3.75%{opacity:0;transform:translateY(8px)}5.62%,51.88%{opacity:1;transform:none}53.75%,to{opacity:0;transform:none}}@keyframes hnt-bubble-p1{0%,62.5%{opacity:0;transform:translateY(8px)}65%,74.38%{opacity:1;transform:none}76.25%,to{opacity:0;transform:none}}@keyframes hnt-bubble-p2{0%,76.88%{opacity:0;transform:translateY(8px)}79.38%,90%{opacity:1;transform:none}91.88%,to{opacity:0;transform:none}}.hero-mock[data-story=f-apps]{--hm-dur:11s}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-parent]{animation-name:hap-parent}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-parent-caption]{animation-name:hap-parent-caption}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-parent-shade]{animation-name:hap-parent-shade}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-coach]{animation-name:hap-coach}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-coach-caption]{animation-name:hap-coach-caption}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-coach-shade]{animation-name:hap-coach-shade}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-manager]{animation-name:hap-manager}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-manager-caption]{animation-name:hap-manager-caption}.hero-mock[data-story=f-apps][data-animate] [data-layer=ap-manager-shade]{animation-name:hap-manager-shade}@keyframes hap-parent{0%,5.45%{transform:none}9.09%,30.91%{transform:translateY(-10px)scale(1.03)}34.55%,to{transform:none}}@keyframes hap-parent-caption{0%,7.27%{opacity:0;transform:translateY(10px)}10.91%,to{opacity:1;transform:none}}@keyframes hap-parent-shade{0%,5.45%{opacity:0}9.09%{opacity:0}30.91%{opacity:0}36.36%{opacity:1}58.18%{opacity:1}63.64%{opacity:1}85.45%{opacity:1}89.09%,to{opacity:0}}@keyframes hap-coach{0%,32.73%{transform:none}36.36%,58.18%{transform:translateY(-10px)scale(1.03)}61.82%,to{transform:none}}@keyframes hap-coach-caption{0%,34.55%{opacity:0;transform:translateY(10px)}38.18%,to{opacity:1;transform:none}}@keyframes hap-coach-shade{0%,5.45%{opacity:0}9.09%{opacity:1}30.91%{opacity:1}36.36%{opacity:0}58.18%{opacity:0}63.64%{opacity:1}85.45%{opacity:1}89.09%,to{opacity:0}}@keyframes hap-manager{0%,60%{transform:none}63.64%,85.45%{transform:translateY(-10px)scale(1.03)}89.09%,to{transform:none}}@keyframes hap-manager-caption{0%,61.82%{opacity:0;transform:translateY(10px)}65.45%,to{opacity:1;transform:none}}@keyframes hap-manager-shade{0%,5.45%{opacity:0}9.09%{opacity:1}30.91%{opacity:1}36.36%{opacity:1}58.18%{opacity:1}63.64%{opacity:0}85.45%{opacity:0}89.09%,to{opacity:0}}.hero-mock[data-story=c-fees]{--hm-dur:17s}@media (max-width:1179px){.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-phone]{animation-name:hcf-phone}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-shade]{animation-name:hcf-shade}}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-type1]{animation-name:hcf-type1}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-type2]{animation-name:hcf-type2}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-composer]{animation-name:hcf-composer}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-placeholder]{animation-name:hcf-placeholder}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-send]{animation-name:hcf-send}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-ask]{animation-name:hcf-ask}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step1]{animation-name:hcf-step1}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step1-spin]{animation-name:hcf-step1-spin}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step1-done]{animation-name:hcf-step1-done}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step2]{animation-name:hcf-step2}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step2-spin]{animation-name:hcf-step2-spin}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step2-done]{animation-name:hcf-step2-done}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-answer]{animation-name:hcf-answer}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-follow]{animation-name:hcf-follow}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step3]{animation-name:hcf-step3}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step3-spin]{animation-name:hcf-step3-spin}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-step3-done]{animation-name:hcf-step3-done}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-card]{animation-name:hcf-card}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-card-actions]{animation-name:hcf-card-actions}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-card-confirm]{animation-name:hcf-card-confirm}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-card-tap]{animation-name:hcf-tap-chf-card-tap}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-card-done]{animation-name:hcf-card-done}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-dim]{animation-name:hcf-dim}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-banner]{animation-name:hcf-banner}.hero-mock[data-story=c-fees][data-animate] [data-layer=chf-note]{animation-name:hcf-note}@keyframes hcf-type1{0%,2.35%{opacity:1;max-width:0;animation-timing-function:steps(21,end)}9.41%,12.35%{opacity:1;max-width:calc(var(--chars) * 1ch + 1ch)}12.94%,to{opacity:0;max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hcf-type2{0%,39.41%{opacity:1;max-width:0;animation-timing-function:steps(18,end)}44.71%,46.47%{opacity:1;max-width:calc(var(--chars) * 1ch + 1ch)}47.06%,to{opacity:0;max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hcf-composer{0%,1.76%{box-shadow:none}2.35%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}12.35%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}12.94%{box-shadow:none}38.82%{box-shadow:none}39.41%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}46.47%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}47.06%,to{box-shadow:none}}@keyframes hcf-placeholder{0%,2.35%{opacity:1}2.65%{opacity:0}12.35%{opacity:0}12.94%{opacity:1}39.41%{opacity:1}39.71%{opacity:0}46.47%{opacity:0}47.06%,to{opacity:1}}@keyframes hcf-send{0%,11.76%{transform:none}12.35%{transform:scale(.92)}13.24%{transform:none}45.88%{transform:none}46.47%{transform:scale(.92)}47.35%,to{transform:none}}@keyframes hcf-ask{0%,12.94%{opacity:0;transform:translateY(6px)}14.71%,to{opacity:1;transform:none}}@keyframes hcf-step1{0%,14.71%{opacity:0;transform:translateY(6px)}16.47%,to{opacity:1;transform:none}}@keyframes hcf-step1-spin{0%,14.71%{opacity:0}15.29%,18.53%{opacity:1}18.82%,to{opacity:0}}@keyframes hcf-step1-done{0%,18.53%{opacity:0}18.82%,to{opacity:1}}@keyframes hcf-step2{0%,19.41%{opacity:0;transform:translateY(6px)}21.18%,to{opacity:1;transform:none}}@keyframes hcf-step2-spin{0%,19.41%{opacity:0}20%,23.24%{opacity:1}23.53%,to{opacity:0}}@keyframes hcf-step2-done{0%,23.24%{opacity:0}23.53%,to{opacity:1}}@keyframes hcf-answer{0%,24.71%{opacity:0;transform:translateY(6px)}26.47%,to{opacity:1;transform:none}}@keyframes hcf-follow{0%,47.06%{opacity:0;transform:translateY(6px)}48.82%,to{opacity:1;transform:none}}@keyframes hcf-step3{0%,48.82%{opacity:0;transform:translateY(6px)}50.59%,to{opacity:1;transform:none}}@keyframes hcf-step3-spin{0%,48.82%{opacity:0}49.41%,52.65%{opacity:1}52.94%,to{opacity:0}}@keyframes hcf-step3-done{0%,52.65%{opacity:0}52.94%,to{opacity:1}}@keyframes hcf-card{0%,54.12%{opacity:0;transform:translateY(6px)}55.88%,to{opacity:1;transform:none}}@keyframes hcf-card-actions{0%,67.94%{opacity:1}68.53%,to{opacity:0}}@keyframes hcf-card-confirm{0%,66.47%{transform:none}67.06%{transform:scale(.92)}67.94%,to{transform:none}}@keyframes hcf-tap-chf-card-tap{0%,66%{opacity:0;transform:scale(.4)}67.06%{opacity:1;transform:scale(1)}69.12%,to{opacity:0;transform:scale(1.6)}}@keyframes hcf-card-done{0%,68.53%{opacity:0}69.41%,to{opacity:1}}@keyframes hcf-phone{0%,67.94%{opacity:0;transform:translateY(60px)scale(.92)}70.29%,to{opacity:1;transform:none}}@keyframes hcf-shade{0%,67.94%{opacity:0}70%,to{opacity:1}}@keyframes hcf-dim{0%,69.41%{opacity:.45}71.18%,to{opacity:0}}@keyframes hcf-banner{0%,70.59%{opacity:0;transform:translateY(-120%)}72.94%,to{opacity:1;transform:none}}@keyframes hcf-note{0%,75.29%{opacity:0;transform:translateY(10px)}77.06%,to{opacity:1;transform:none}}.hero-mock[data-story=c-sessions]{--hm-dur:15s}@media (max-width:1179px){.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-phone]{animation-name:hcs-phone}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-shade]{animation-name:hcs-shade}}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-type1]{animation-name:hcs-type1}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-composer]{animation-name:hcs-composer}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-placeholder]{animation-name:hcs-placeholder}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-send]{animation-name:hcs-send}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-ask]{animation-name:hcs-ask}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step1]{animation-name:hcs-step1}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step1-spin]{animation-name:hcs-step1-spin}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step1-done]{animation-name:hcs-step1-done}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step2]{animation-name:hcs-step2}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step2-spin]{animation-name:hcs-step2-spin}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step2-done]{animation-name:hcs-step2-done}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step3]{animation-name:hcs-step3}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step3-spin]{animation-name:hcs-step3-spin}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-step3-done]{animation-name:hcs-step3-done}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-answer]{animation-name:hcs-answer}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-card]{animation-name:hcs-card}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-card-actions]{animation-name:hcs-card-actions}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-card-confirm]{animation-name:hcs-card-confirm}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-card-tap]{animation-name:hcs-tap-chs-card-tap}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-card-done]{animation-name:hcs-card-done}.hero-mock[data-story=c-sessions][data-animate] [data-layer=sc-chip]{animation-name:hcs-chip}.hero-mock[data-story=c-sessions][data-animate] [data-layer=sc-card-parent]{animation-name:hcs-card-parent}.hero-mock[data-story=c-sessions][data-animate] [data-layer=chs-note]{animation-name:hcs-note}@keyframes hcs-type1{0%,2.67%{opacity:1;max-width:0;animation-timing-function:steps(48,end)}17.33%,19.33%{opacity:1;max-width:calc(var(--chars) * 1ch + 1ch)}20%,to{opacity:0;max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hcs-composer{0%,2%{box-shadow:none}2.67%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}19.33%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}20%,to{box-shadow:none}}@keyframes hcs-placeholder{0%,2.67%{opacity:1}3%{opacity:0}19.33%{opacity:0}20%,to{opacity:1}}@keyframes hcs-send{0%,18.67%{transform:none}19.33%{transform:scale(.92)}20.33%,to{transform:none}}@keyframes hcs-ask{0%,20%{opacity:0;transform:translateY(6px)}22%,to{opacity:1;transform:none}}@keyframes hcs-step1{0%,22%{opacity:0;transform:translateY(6px)}24%,to{opacity:1;transform:none}}@keyframes hcs-step1-spin{0%,22%{opacity:0}22.67%,25.67%{opacity:1}26%,to{opacity:0}}@keyframes hcs-step1-done{0%,25.67%{opacity:0}26%,to{opacity:1}}@keyframes hcs-step2{0%,26.67%{opacity:0;transform:translateY(6px)}28.67%,to{opacity:1;transform:none}}@keyframes hcs-step2-spin{0%,26.67%{opacity:0}27.33%,30.33%{opacity:1}30.67%,to{opacity:0}}@keyframes hcs-step2-done{0%,30.33%{opacity:0}30.67%,to{opacity:1}}@keyframes hcs-step3{0%,31.33%{opacity:0;transform:translateY(6px)}33.33%,to{opacity:1;transform:none}}@keyframes hcs-step3-spin{0%,31.33%{opacity:0}32%,35.67%{opacity:1}36%,to{opacity:0}}@keyframes hcs-step3-done{0%,35.67%{opacity:0}36%,to{opacity:1}}@keyframes hcs-answer{0%,37.33%{opacity:0;transform:translateY(6px)}39.33%,to{opacity:1;transform:none}}@keyframes hcs-card{0%,41.33%{opacity:0;transform:translateY(6px)}43.33%,to{opacity:1;transform:none}}@keyframes hcs-card-actions{0%,61%{opacity:1}61.67%,to{opacity:0}}@keyframes hcs-card-confirm{0%,59.33%{transform:none}60%{transform:scale(.92)}61%,to{transform:none}}@keyframes hcs-tap-chs-card-tap{0%,58.8%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1)}62.33%,to{opacity:0;transform:scale(1.6)}}@keyframes hcs-card-done{0%,61.67%{opacity:0}62.67%,to{opacity:1}}@keyframes hcs-phone{0%,61.33%{opacity:0;transform:translateY(60px)scale(.92)}64%,to{opacity:1;transform:none}}@keyframes hcs-shade{0%,61.33%{opacity:0}63.67%,to{opacity:1}}@keyframes hcs-chip{0%,61.33%{opacity:0;transform:scale(.6)}63%{opacity:1;transform:scale(1.06)}64%,to{opacity:1;transform:none}}@keyframes hcs-card-parent{0%,66.67%{opacity:0;max-height:0;transform:translate(-12px)}70%,to{opacity:1;max-height:90px;transform:none}}@keyframes hcs-note{0%,72.67%{opacity:0;transform:translateY(10px)}74.67%,to{opacity:1;transform:none}}.hero-mock[data-story=c-attendance]{--hm-dur:17.6s}@media (max-width:1179px){.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-phone]{animation-name:hca-phone}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-shade]{animation-name:hca-shade}}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-type1]{animation-name:hca-type1}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-type2]{animation-name:hca-type2}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-composer]{animation-name:hca-composer}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-placeholder]{animation-name:hca-placeholder}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-send]{animation-name:hca-send}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-ask]{animation-name:hca-ask}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step1]{animation-name:hca-step1}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step1-spin]{animation-name:hca-step1-spin}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step1-done]{animation-name:hca-step1-done}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-answer]{animation-name:hca-answer}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-follow]{animation-name:hca-follow}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step2]{animation-name:hca-step2}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step2-spin]{animation-name:hca-step2-spin}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step2-done]{animation-name:hca-step2-done}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step3]{animation-name:hca-step3}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step3-spin]{animation-name:hca-step3-spin}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-step3-done]{animation-name:hca-step3-done}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-card]{animation-name:hca-card}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-card-actions]{animation-name:hca-card-actions}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-card-confirm]{animation-name:hca-card-confirm}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-card-tap]{animation-name:hca-tap-cha-card-tap}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-card-done]{animation-name:hca-card-done}.hero-mock[data-story=c-attendance][data-animate] [data-layer=at-tap-attendance]{animation-name:hca-tap-at-tap-attendance}.hero-mock[data-story=c-attendance][data-animate] [data-layer=at-sessions]{animation-name:hca-sessions}.hero-mock[data-story=c-attendance][data-animate] [data-layer=at-sheet]{animation-name:hca-sheet}.hero-mock[data-story=c-attendance][data-animate] [data-layer=cha-note]{animation-name:hca-note}@keyframes hca-type1{0%,2.27%{opacity:1;max-width:0;animation-timing-function:steps(44,end)}14.2%,15.91%{opacity:1;max-width:calc(var(--chars) * 1ch + 1ch)}16.48%,to{opacity:0;max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hca-type2{0%,39.2%{opacity:1;max-width:0;animation-timing-function:steps(37,end)}47.73%,49.43%{opacity:1;max-width:calc(var(--chars) * 1ch + 1ch)}50%,to{opacity:0;max-width:calc(var(--chars) * 1ch + 1ch)}}@keyframes hca-composer{0%,1.7%{box-shadow:none}2.27%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}15.91%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}16.48%{box-shadow:none}38.64%{box-shadow:none}39.2%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}49.43%{box-shadow:0 0 0 2px hsl(var(--ring) / .6)}50%,to{box-shadow:none}}@keyframes hca-placeholder{0%,2.27%{opacity:1}2.56%{opacity:0}15.91%{opacity:0}16.48%{opacity:1}39.2%{opacity:1}39.49%{opacity:0}49.43%{opacity:0}50%,to{opacity:1}}@keyframes hca-send{0%,15.34%{transform:none}15.91%{transform:scale(.92)}16.76%{transform:none}48.86%{transform:none}49.43%{transform:scale(.92)}50.28%,to{transform:none}}@keyframes hca-ask{0%,16.48%{opacity:0;transform:translateY(6px)}18.18%,to{opacity:1;transform:none}}@keyframes hca-step1{0%,18.18%{opacity:0;transform:translateY(6px)}19.89%,to{opacity:1;transform:none}}@keyframes hca-step1-spin{0%,18.18%{opacity:0}18.75%,22.44%{opacity:1}22.73%,to{opacity:0}}@keyframes hca-step1-done{0%,22.44%{opacity:0}22.73%,to{opacity:1}}@keyframes hca-answer{0%,23.86%{opacity:0;transform:translateY(6px)}25.57%,to{opacity:1;transform:none}}@keyframes hca-follow{0%,50%{opacity:0;transform:translateY(6px)}51.7%,to{opacity:1;transform:none}}@keyframes hca-step2{0%,51.7%{opacity:0;transform:translateY(6px)}53.41%,to{opacity:1;transform:none}}@keyframes hca-step2-spin{0%,51.7%{opacity:0}52.27%,54.83%{opacity:1}55.11%,to{opacity:0}}@keyframes hca-step2-done{0%,54.83%{opacity:0}55.11%,to{opacity:1}}@keyframes hca-step3{0%,55.68%{opacity:0;transform:translateY(6px)}57.39%,to{opacity:1;transform:none}}@keyframes hca-step3-spin{0%,55.68%{opacity:0}56.25%,59.37%{opacity:1}59.66%,to{opacity:0}}@keyframes hca-step3-done{0%,59.37%{opacity:0}59.66%,to{opacity:1}}@keyframes hca-card{0%,60.8%{opacity:0;transform:translateY(6px)}62.5%,to{opacity:1;transform:none}}@keyframes hca-card-actions{0%,70.17%{opacity:1}70.74%,to{opacity:0}}@keyframes hca-card-confirm{0%,68.75%{transform:none}69.32%{transform:scale(.92)}70.17%,to{transform:none}}@keyframes hca-tap-cha-card-tap{0%,68.3%{opacity:0;transform:scale(.4)}69.32%{opacity:1;transform:scale(1)}71.31%,to{opacity:0;transform:scale(1.6)}}@keyframes hca-card-done{0%,70.74%{opacity:0}71.59%,to{opacity:1}}@keyframes hca-phone{0%,70.17%{opacity:0;transform:translateY(60px)scale(.92)}72.44%,to{opacity:1;transform:none}}@keyframes hca-shade{0%,70.17%{opacity:0}72.16%,to{opacity:1}}@keyframes hca-tap-at-tap-attendance{0%,72.27%{opacity:0;transform:scale(.4)}73.3%{opacity:1;transform:scale(1)}75.28%,to{opacity:0;transform:scale(1.6)}}@keyframes hca-sessions{0%,73.58%{opacity:1}74.72%,to{opacity:0}}@keyframes hca-sheet{0%,73.86%{opacity:0;transform:translateY(16px)}75.85%,to{opacity:1;transform:none}}@keyframes hca-note{0%,77.84%{opacity:0;transform:translateY(10px)}79.55%,to{opacity:1;transform:none}}.feature-scene-box{background:radial-gradient(80% 60% at 70% 110%,#22b47040,#0000 70%),linear-gradient(#101c37,#080f21)}.feature-scene{justify-content:center;align-items:center;width:100%;height:100%;display:flex;container-type:size}.feature-scene-canvas{width:var(--scene-w);height:var(--scene-h);zoom:min(tan(atan2(100cqw, var(--scene-w))), tan(atan2(100cqh, var(--scene-h))));flex-shrink:0;position:relative}.feature-scene[data-fitted]>.feature-scene-canvas{zoom:1;transform:scale(var(--k));transform-origin:50%}.feature-fx{animation-duration:.6s;animation-delay:var(--at,0s);animation-timing-function:cubic-bezier(.22,1,.36,1);animation-fill-mode:both}.fx-rise{animation-name:fx-rise}.fx-pop{animation-name:fx-pop}.fx-fade{animation-name:fx-fade}.fx-drop{animation-name:fx-drop}.fx-out{opacity:0;animation-name:fx-out}.fx-collapse{opacity:0;max-height:0;animation-name:fx-collapse;overflow:hidden}.fx-tap{z-index:6;opacity:0;pointer-events:none;background:#ffffff8c;border-radius:9999px;width:28px;height:28px;margin:-14px 0 0 -14px;animation-name:fx-tap;animation-duration:.7s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 2px #ffffff59}@keyframes fx-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes fx-pop{0%{opacity:0;transform:scale(.85)}}@keyframes fx-fade{0%{opacity:0}}@keyframes fx-drop{0%{opacity:0;transform:translateY(-120%)}}@keyframes fx-out{0%{opacity:1}to{opacity:0}}@keyframes fx-collapse{0%{max-height:var(--h,120px);opacity:1}to{opacity:0;max-height:0}}@keyframes fx-tap{0%{opacity:0;transform:scale(.4)}30%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.6)}}[data-switched] .hero-mock{--hm-delay:.4s}[data-switched] .hero-mock[data-fresh],.hero-mock[data-fresh]{--hm-delay:-.6s}[data-paused] .hero-mock [data-layer],[data-paused] .hero-mock .hero-cursor-ripple,[data-paused] .feature-scene *,[data-paused] .hero-demo-progress{animation-play-state:paused}.hero-demo-progress{transform-origin:0;width:100%;animation-name:hm-progress;animation-timing-function:linear;animation-fill-mode:both}@keyframes hm-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hero-mock[data-animate] [data-layer],.hero-mock[data-animate] .hero-cursor-ripple{animation:none}.hero-demo-progress{display:none}}