@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--lp-n:0}}}:root{--lp-dir:1;--lp-origin-start:0% 50%;--lp-origin-end:100% 50%;--lp-ease-cubic:cubic-bezier(.33, 1, .68, 1);--lp-ease-quint:cubic-bezier(.22, 1, .36, 1);--lp-ease-back:cubic-bezier(.34, 1.3, .64, 1);--lp-ease-std:cubic-bezier(.2, 0, 0, 1);--lp-rise:.75s;--lp-count:1.4s;--lp-bar:.7s;--lp-ring:1.3s}[dir=rtl]{--lp-dir:-1;--lp-origin-start:100% 50%;--lp-origin-end:0% 50%}[dir=ltr]{--lp-dir:1;--lp-origin-start:0% 50%;--lp-origin-end:100% 50%}.lp-slate{color:var(--on-hero);background:radial-gradient(640px 380px at 85% 0%, #ffffff0d, transparent 62%), linear-gradient(160deg, var(--hero-a) 0%, var(--hero-b) 60%, var(--hero-c) 100%);box-shadow:var(--shadow-3), inset 0 1px 0 #ffffff14}.lp-hatch-hero{background:repeating-linear-gradient(135deg,#ffffff57 0 3px,#ffffff1a 3px 6px)}.lp-hatch{background:repeating-linear-gradient(135deg, var(--sunk-2) 0 3px, transparent 3px 6px)}@property --lp-n{syntax:"<integer>";inherits:false;initial-value:0}.lp-num{--lp-n:var(--to);counter-reset:lpn var(--lp-n);font-variant-numeric:tabular-nums;display:inline-block}.lp-num:after{content:counter(lpn)}@keyframes lp-rise{0%{opacity:0;transform:translate3d(0, var(--lp-rise-y,16px), 0) scale(var(--lp-rise-s,1))}}@keyframes lp-fade{0%{opacity:0}}@keyframes lp-fade-out{0%{opacity:1}to{opacity:0}}@keyframes lp-hold{0%{opacity:0;transform:scale(.4)}8%{opacity:1;transform:scale(1)}88%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1)}}@keyframes lp-slide-in{0%{opacity:0;transform:translate3d(calc(24px * var(--lp-dir)), 0, 0)}}@keyframes lp-grow-y{0%{transform:scaleY(0)}}@keyframes lp-grow-x{0%{transform:scaleX(0)}}@keyframes lp-pop{0%{opacity:0;transform:scale(.6)}60%{opacity:1}}@keyframes lp-count{0%{--lp-n:0}}@keyframes lp-draw{0%{stroke-dashoffset:var(--len)}}@keyframes lp-settle{0%{transform:perspective(2200px) rotateX(5deg) rotateY(calc(-5deg * var(--lp-dir))) translateY(26px)}}@keyframes lp-sweep{0%{opacity:0;transform:translate3d(calc(-60% * var(--lp-dir)), 0, 0) skewX(-14deg)}25%{opacity:1}to{opacity:0;transform:translate3d(calc(160% * var(--lp-dir)), 0, 0) skewX(-14deg)}}@keyframes lp-cheque{0%{transform:translate(0)rotate(0)}38%{transform:translate3d(calc(var(--travel,200px) * var(--lp-dir)), 0, 0) rotate(calc(2deg * var(--lp-dir)))}46%{transform:translate3d(calc(var(--travel,200px) * var(--lp-dir)), 0, 0) rotate(calc(2deg * var(--lp-dir)))}84%{transform:translate3d(calc(-8px * var(--lp-dir)), 0, 0) rotate(calc(-3deg * var(--lp-dir)))}to{transform:translate(0)rotate(0)}}@keyframes lp-stamp{0%{opacity:0;transform:rotate(calc(-12deg * var(--lp-dir))) scale(1.35)}}@keyframes lp-travel{0%{offset-distance:0%;opacity:1}90%{opacity:1}to{offset-distance:100%;opacity:0}}@keyframes lp-ping{0%{opacity:.55;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@keyframes lp-knob{0%{transform:translate3d(calc(var(--from-x,0%) * var(--lp-dir)), 0, 0)}}@keyframes lp-knob3{0%,25%{transform:translate3d(calc(-200% * var(--lp-dir)), 0, 0)}33%,82%{transform:translate3d(calc(-100% * var(--lp-dir)), 0, 0)}90%,to{transform:none}}@keyframes lp-press{0%,to{transform:none}45%{box-shadow:0 0 0 4px var(--accent-soft);transform:scale(.94)}}@keyframes lp-go-x{0%{opacity:0;transform:translate3d(calc(-1 * var(--dist,60px) * var(--lp-dir)), 0, 0)}15%,85%{opacity:1}to{opacity:0;transform:translate3d(calc(var(--dist,60px) * var(--lp-dir)), 0, 0)}}@keyframes lp-back-x{0%{opacity:0;transform:translate3d(calc(var(--dist,60px) * var(--lp-dir)), 0, 0)}15%,85%{opacity:1}to{opacity:0;transform:translate3d(calc(-1 * var(--dist,60px) * var(--lp-dir)), 0, 0)}}@keyframes lp-go-y{0%{opacity:0;transform:translate3d(0, calc(-1 * var(--dist,40px)), 0)}15%,85%{opacity:1}to{opacity:0;transform:translate3d(0, var(--dist,40px), 0)}}@keyframes lp-back-y{0%{opacity:0;transform:translate3d(0, var(--dist,40px), 0)}15%,85%{opacity:1}to{opacity:0;transform:translate3d(0, calc(-1 * var(--dist,40px)), 0)}}@keyframes lp-sheet{0%{opacity:0;transform:translate3d(0, 46%, 0) rotate(calc(-3deg * var(--lp-dir)))}}@keyframes lp-flip-in{0%{opacity:0;transform:rotateY(calc(-90deg * var(--lp-dir)))}}@media (prefers-reduced-motion:no-preference){.lp-a{animation-duration:var(--lp-rise);animation-timing-function:var(--lp-ease-cubic);animation-delay:var(--d,0s);animation-play-state:paused;animation-fill-mode:both}.lp-seq[data-played] .lp-a{animation-play-state:running}.lp-a.a-rise{animation-name:lp-rise}.lp-a.a-fade{animation-name:lp-fade}.lp-a.a-out{animation-name:lp-fade-out;animation-duration:.26s}.lp-a.a-hold{animation-name:lp-hold;animation-duration:var(--hold,2s);animation-timing-function:linear}.lp-a.a-slide{animation-name:lp-slide-in}.lp-a.a-grow-y{animation-name:lp-grow-y;animation-duration:var(--lp-bar);animation-timing-function:var(--lp-ease-back);transform-origin:50% 100%}.lp-a.a-grow-x{transform-origin:var(--lp-origin-start);animation-name:lp-grow-x;animation-duration:.9s}.lp-a.a-pop{animation-name:lp-pop;animation-duration:.32s;animation-timing-function:var(--lp-ease-back)}.lp-a.a-count{animation-name:lp-count;animation-duration:var(--lp-count);animation-timing-function:var(--lp-ease-quint)}.lp-a.a-draw{animation-name:lp-draw;animation-duration:var(--lp-ring)}.lp-a.a-settle{animation-name:lp-settle;animation-duration:1.1s;animation-timing-function:var(--lp-ease-quint)}.lp-a.a-sweep{animation-name:lp-sweep;animation-duration:1.3s;animation-fill-mode:both}.lp-a.a-cheque{animation-name:lp-cheque;animation-duration:1.5s;animation-timing-function:var(--lp-ease-std)}.lp-a.a-stamp{animation-name:lp-stamp;animation-duration:.22s;animation-timing-function:var(--lp-ease-back)}.lp-a.a-travel{animation-name:lp-travel;animation-duration:.7s;animation-timing-function:var(--lp-ease-std)}.lp-a.a-ping{opacity:0;animation-name:lp-ping;animation-duration:.9s;animation-fill-mode:forwards}.lp-a.a-knob{animation-name:lp-knob;animation-duration:.26s;animation-timing-function:var(--lp-ease-std)}.lp-a.a-travel-go,.lp-a.a-travel-back,.lp-a.a-travel-down,.lp-a.a-travel-up{animation-duration:.7s;animation-timing-function:var(--lp-ease-std);opacity:0;animation-fill-mode:both}.lp-a.a-travel-go{animation-name:lp-go-x}.lp-a.a-travel-back{animation-name:lp-back-x}.lp-a.a-travel-down{animation-name:lp-go-y}.lp-a.a-travel-up{animation-name:lp-back-y}.lp-a.a-knob3{animation-name:lp-knob3;animation-duration:1.7s;animation-timing-function:var(--lp-ease-std)}.lp-a.a-press{animation-name:lp-press;animation-duration:.36s}.lp-a.a-sheet{animation-name:lp-sheet;animation-duration:.95s;animation-timing-function:var(--lp-ease-quint)}}@media (prefers-reduced-motion:reduce){.lp-only-motion{display:none}}.lp-stroke{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--to-off,0)}.lp-cell{width:var(--cell,26px);height:var(--cell,26px);border:1px solid #0000;border-radius:8px;place-items:center;display:grid;position:relative}.lp-cell>*{grid-area:1/1}.lp-cell svg{stroke-width:2.4px;width:13px;height:13px}.lp-c-paid{background:var(--st-paid-soft);border-color:var(--st-paid)}@supports (color:color-mix(in lab, red, red)){.lp-c-paid{border-color:color-mix(in srgb, var(--st-paid) 32%, transparent)}}.lp-c-paid{color:var(--st-paid-text)}.lp-c-prepaid{border-color:var(--st-paid);background:0 0}@supports (color:color-mix(in lab, red, red)){.lp-c-prepaid{border-color:color-mix(in srgb, var(--st-paid) 55%, transparent)}}.lp-c-prepaid{color:var(--st-paid-text)}.lp-c-pending{background:var(--st-pending-soft);border-color:var(--st-pending)}@supports (color:color-mix(in lab, red, red)){.lp-c-pending{border-color:color-mix(in srgb, var(--st-pending) 35%, transparent)}}.lp-c-pending{color:var(--st-pending-text)}.lp-c-late{background:var(--st-late-soft);border-color:var(--st-late)}@supports (color:color-mix(in lab, red, red)){.lp-c-late{border-color:color-mix(in srgb, var(--st-late) 40%, transparent)}}.lp-c-late{color:var(--st-late-text)}.lp-c-due{border:1px dashed var(--line-strong);color:var(--ink-4);background:0 0}.lp-c-vacant{border-color:var(--line)}:where(.lp-cell .lp-face){border:1px solid #0000;border-radius:8px;place-items:center;width:100%;height:100%;display:grid;position:relative}.lp-dot-bounce{background:var(--solid);border:2px solid var(--st-late);top:-3px;border-radius:999px;width:9px;height:9px;position:absolute;inset-inline-end:-3px}@media (prefers-reduced-motion:no-preference){html:has(.lp-root){scroll-behavior:smooth}}.lp-root{--lp-muted:#56657a}:root[data-theme=dark] .lp-root{--lp-muted:var(--ink-3)}@media (prefers-color-scheme:dark){:root:not([data-theme]) .lp-root{--lp-muted:var(--ink-3)}}@layer utilities{.lp-muted{color:var(--lp-muted)}}.lp-root{background-color:var(--canvas);background-image:radial-gradient(900px 600px at 88% -5%, var(--mesh-a), transparent 65%), radial-gradient(700px 520px at 8% 18%, var(--mesh-b), transparent 70%)}.lp-root :focus-visible{outline:2px solid var(--accent);outline-offset:2px}.lp-root .lp-slate :focus-visible,.lp-root .lp-on-slate :focus-visible{outline-color:#fff}.lp-grid-lines{background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%);mask-image:radial-gradient(70% 60% at 50% 30%,#000 30%,#0000 75%)}.lp-card{transition:transform var(--dur-hover) var(--lp-ease-cubic), box-shadow var(--dur-hover) var(--lp-ease-cubic), border-color var(--dur-hover) ease}.lp-card .lp-card-icon{transition:transform .4s var(--lp-ease-back)}@media (hover:hover) and (pointer:fine){.lp-card:hover{box-shadow:var(--shadow-3);transform:translateY(-3px)}.lp-card:hover .lp-card-icon{transform:translateY(-2px) rotate(calc(-6deg * var(--lp-dir))) scale(1.06)}.lp-lift{transition:transform var(--dur-hover) var(--lp-ease-cubic), box-shadow var(--dur-hover) ease}.lp-lift:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}}.lp-press:active{transform:scale(.97)}.lp-flip{perspective:1400px}.lp-flip-face{transition:transform .7s var(--lp-ease-std), opacity .35s ease;backface-visibility:hidden;transform-style:preserve-3d}.lp-flip[data-side=b] .lp-flip-a,.lp-flip[data-side=a] .lp-flip-b{opacity:0;pointer-events:none;transform:rotateY(calc(90deg * var(--lp-dir)))}@media (prefers-reduced-motion:reduce){.lp-flip-face{transition:opacity .2s;transform:none!important}.lp-card,.lp-card .lp-card-icon{transition-duration:.15s}.lp-card:hover .lp-card-icon{transform:none}}.lp-noscroll{scrollbar-width:none}.lp-noscroll::-webkit-scrollbar{display:none}
