div.svelte-1asq55w{display:inline-block}.eclipse-icon.svelte-1asq55w{overflow:visible}.sun.svelte-1asq55w{transform-origin:50%;transition:transform .3s ease-in-out}.moon.svelte-1asq55w{transform-origin:50%;transition:transform 1s cubic-bezier(.4,0,.2,1);transform:translate(0)}.eclipse-icon.animate.svelte-1asq55w .moon:where(.svelte-1asq55w){transform:translate(3px,-3px)}div.svelte-m7gz0v{display:inline-block}.sun-icon.svelte-m7gz0v{overflow:visible}.sun-ray.svelte-m7gz0v{opacity:1;transition:opacity .3s}.sun-icon.animate.svelte-m7gz0v .sun-ray:where(.svelte-m7gz0v){opacity:0;animation:.3s forwards svelte-m7gz0v-fadeIn;animation-delay:calc(.1s + var(--index) * 90ms)}@keyframes svelte-m7gz0v-fadeIn{0%{opacity:0}to{opacity:1}}div.svelte-1gqsxg9{display:inline-block}.terminal-icon.svelte-1gqsxg9{overflow:visible}.cursor-line.svelte-1gqsxg9{opacity:1;transition:opacity .8s linear}.cursor-line.animate.svelte-1gqsxg9{animation:.8s linear infinite svelte-1gqsxg9-blink}@keyframes svelte-1gqsxg9-blink{0%,to{opacity:1}50%{opacity:0}}.swap.svelte-l9cyh{animation:.22s cubic-bezier(.22,1,.36,1) svelte-l9cyh-swap-in}@keyframes svelte-l9cyh-swap-in{0%{opacity:0;transform:rotate(-35deg)scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.swap.svelte-l9cyh{animation:none}}.graph.svelte-u2c6lp{--g1:#9be9a8;--g2:#40c463;--g3:#30a14e;--g4:#216e39}.dark .graph.svelte-u2c6lp{--g1:#0e4429;--g2:#006d32;--g3:#26a641;--g4:#39d353}.terminal .graph.svelte-u2c6lp{--g1:#3d4a34;--g2:#566940;--g3:#7c9a5e;--g4:#a3c37e}.graph.svelte-u2c6lp{container-type:inline-size}.cells.svelte-u2c6lp{min-height:calc((100cqw - (var(--cols) - 1) * 2px) / var(--cols) * 7 + 12px)}.cell.svelte-u2c6lp{aspect-ratio:1;border-radius:var(--radius-xs);background-color:color-mix(in oklab, var(--color-foreground) 10%, transparent);transition:background-color var(--fade) ease;transition-delay:calc(var(--col,0) * var(--step))}.graph[data-glow=out].svelte-u2c6lp .cell:where(.svelte-u2c6lp){transition-delay:calc((var(--last) - var(--col,0)) * var(--step))}.cell[data-level="1"].svelte-u2c6lp{background-color:color-mix(in oklab, var(--color-foreground) 26%, transparent)}.cell[data-level="2"].svelte-u2c6lp{background-color:color-mix(in oklab, var(--color-foreground) 45%, transparent)}.cell[data-level="3"].svelte-u2c6lp{background-color:color-mix(in oklab, var(--color-foreground) 65%, transparent)}.cell[data-level="4"].svelte-u2c6lp{background-color:color-mix(in oklab, var(--color-foreground) 85%, transparent)}.cell[data-empty].svelte-u2c6lp{background-color:#0000}.graph.svelte-u2c6lp:hover .cell[data-level="1"]:where(.svelte-u2c6lp),.graph[data-glow=in].svelte-u2c6lp .cell[data-level="1"]:where(.svelte-u2c6lp){background-color:var(--g1)}.graph.svelte-u2c6lp:hover .cell[data-level="2"]:where(.svelte-u2c6lp),.graph[data-glow=in].svelte-u2c6lp .cell[data-level="2"]:where(.svelte-u2c6lp){background-color:var(--g2)}.graph.svelte-u2c6lp:hover .cell[data-level="3"]:where(.svelte-u2c6lp),.graph[data-glow=in].svelte-u2c6lp .cell[data-level="3"]:where(.svelte-u2c6lp){background-color:var(--g3)}.graph.svelte-u2c6lp:hover .cell[data-level="4"]:where(.svelte-u2c6lp),.graph[data-glow=in].svelte-u2c6lp .cell[data-level="4"]:where(.svelte-u2c6lp){background-color:var(--g4)}.cell[data-date].svelte-u2c6lp:hover{outline:1px solid color-mix(in oklab, var(--color-foreground) 55%, transparent);outline-offset:1px}.tip.svelte-u2c6lp{z-index:10;border:1px solid var(--color-border);border-radius:var(--radius-sm);background-color:var(--color-popover);color:var(--color-popover-foreground);white-space:nowrap;font-variant-numeric:tabular-nums;pointer-events:none;padding:.25rem .5rem;font-size:.6875rem;line-height:1.3;animation:.12s svelte-u2c6lp-tip-in;position:absolute;translate:-50% calc(-100% - 7px);box-shadow:0 1px 2px oklab(0% none none/.08)}@keyframes svelte-u2c6lp-tip-in{0%{opacity:0;translate:-50% calc(-100% - 3px)}}@media (prefers-reduced-motion:reduce){.cell.svelte-u2c6lp{transition-delay:0s}}.ilink.svelte-549brs{color:color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground));text-underline-offset:3px;text-decoration-line:underline;text-decoration-style:dotted;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in oklab, currentColor 55%, transparent);text-decoration-color:color-mix(in oklab, currentColor 55%, transparent);transition:color .16s,text-decoration-color .16s}.ilink.svelte-549brs:hover{color:var(--foreground);text-decoration-style:solid;text-decoration-color:currentColor}p.svelte-549brs .key{--rule:color-mix(in oklab, currentColor 50%, transparent);color:color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground));cursor:default;background-image:linear-gradient(currentColor, currentColor), repeating-linear-gradient(90deg, var(--rule) 0 1px, transparent 1px 3px);-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 calc(50% + .5em),0 calc(50% + .5em);background-repeat:no-repeat;background-size:0% 1px,100% 1px;text-decoration:none;transition:color .2s,background-size .42s cubic-bezier(.22,1,.36,1)}p.svelte-549brs a.key{cursor:pointer}p.svelte-549brs .key:hover,p.svelte-549brs .key:focus-visible,p.svelte-549brs .key[data-state$=open]{color:var(--foreground);background-size:100% 1px,100% 1px}p.svelte-549brs[data-in] .key{animation:.7s cubic-bezier(.22,1,.36,1) backwards svelte-549brs-rule-in;animation-delay:calc(var(--d) + .52s)}@keyframes svelte-549brs-rule-in{0%{background-size:0% 1px,0% 1px}}.strike.svelte-549brs{background-image:linear-gradient(color-mix(in oklab, currentColor 70%, transparent), color-mix(in oklab, currentColor 70%, transparent));-webkit-box-decoration-break:clone;box-decoration-break:clone;background-position:0 58%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .52s cubic-bezier(.65,0,.35,1)}.strike.svelte-549brs:hover{background-size:100% 1px}.ink.svelte-549brs{color:color-mix(in oklab, var(--foreground) 60%, var(--muted-foreground));transition:color .2s,transform .38s cubic-bezier(.34,1.56,.64,1);display:inline-block}.ink.svelte-549brs:hover{color:var(--foreground);transform:translateY(-2px)}p.svelte-549brs[data-in] .ink:where(.svelte-549brs){animation:.9s backwards svelte-549brs-ink-in;animation-delay:calc(var(--d) + .6s)}@keyframes svelte-549brs-ink-in{0%{color:var(--muted-foreground)}}p.svelte-549brs .egg{cursor:default;transition:color .2s}p.svelte-549brs .egg:hover,p.svelte-549brs .egg[data-state$=open]{color:var(--foreground)}.design.svelte-549brs{--figma:#0d99ff;--a:55%;--ink:color-mix(in oklab, var(--figma) var(--a), transparent);white-space:nowrap;color:color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground));box-shadow:inset 0 0 0 1px var(--ink);margin-inline:3px;padding:1px 3px;transition:color .2s,box-shadow .2s;position:relative}.design.svelte-549brs i:where(.svelte-549brs){background:var(--background);border:1px solid var(--ink);width:5px;height:5px;transition:border-color .2s;position:absolute;translate:-50% -50%}.design.svelte-549brs i:where(.svelte-549brs):first-child{top:0;left:0}.design.svelte-549brs i:where(.svelte-549brs):nth-child(2){top:0;left:100%}.design.svelte-549brs i:where(.svelte-549brs):nth-child(3){top:100%;left:0}.design.svelte-549brs i:where(.svelte-549brs):nth-child(4){top:100%;left:100%}p.svelte-549brs[data-in] .design:where(.svelte-549brs) i:where(.svelte-549brs){animation:.42s cubic-bezier(.34,1.56,.64,1) backwards svelte-549brs-handle-in;animation-delay:calc(var(--d) + .7s)}p.svelte-549brs[data-in] .design:where(.svelte-549brs) i:where(.svelte-549brs):nth-child(2){animation-delay:calc(var(--d) + .75s)}p.svelte-549brs[data-in] .design:where(.svelte-549brs) i:where(.svelte-549brs):nth-child(3){animation-delay:calc(var(--d) + .8s)}p.svelte-549brs[data-in] .design:where(.svelte-549brs) i:where(.svelte-549brs):nth-child(4){animation-delay:calc(var(--d) + .85s)}@keyframes svelte-549brs-handle-in{0%{scale:0}}.design.svelte-549brs:after{content:attr(data-size);background:var(--figma);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;opacity:0;border-radius:2px;padding:1px 3px;font-size:9px;line-height:1;transition:opacity .15s,translate .2s;position:absolute;top:calc(100% + 4px);left:50%;translate:-50% -2px}.design.svelte-549brs:hover{--a:100%;color:var(--foreground)}.design.svelte-549brs:hover:after{opacity:1;translate:-50%}p.svelte-549brs .code{border-radius:var(--radius-sm);color:color-mix(in oklab, var(--foreground) 72%, var(--muted-foreground));background:color-mix(in oklab, currentColor 5%, transparent);box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 12%, transparent);padding:.05em .45em .1em .4em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;line-height:1.4;position:relative}p.svelte-549brs .code:after{content:"";opacity:0;background:currentColor;width:1px;position:absolute;top:22%;bottom:22%;right:.18em}p.svelte-549brs .code:hover:after,p.svelte-549brs .code[data-state$=open]:after{animation:1s step-end infinite svelte-549brs-caret}@keyframes svelte-549brs-caret{0%,to{opacity:1}50%{opacity:0}}.keep.svelte-549brs,.rest.svelte-549brs{transition:color .3s,opacity .45s}p.svelte-549brs:has(.keep:where(.svelte-549brs):hover) .keep:where(.svelte-549brs){color:var(--foreground)}p.svelte-549brs:has(.keep:where(.svelte-549brs):hover) .rest:where(.svelte-549brs){opacity:.35}.scribble.svelte-549brs{white-space:nowrap;transition:color .3s;position:relative}.scribble.svelte-549brs svg:where(.svelte-549brs){pointer-events:none;opacity:0;width:106%;height:.45em;transition:opacity .25s;position:absolute;top:calc(50% + .42em);left:-3%;overflow:visible}.scribble.svelte-549brs path:where(.svelte-549brs){fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 0s .25s}.scribble.svelte-549brs:hover{color:var(--foreground)}.scribble.svelte-549brs:hover svg:where(.svelte-549brs){opacity:.7;transition:none}.scribble.svelte-549brs:hover path:where(.svelte-549brs){stroke-dashoffset:0;transition:stroke-dashoffset .65s cubic-bezier(.65,0,.35,1)}@media (hover:hover){.claim.svelte-549brs{transition:letter-spacing .6s cubic-bezier(.22,1,.36,1)}.claim.svelte-549brs:hover{letter-spacing:-.015em}}.surface.svelte-1bn2png{padding:calc(10px + 22px * var(--o));box-shadow:0 calc(10px * var(--o)) calc(60px * var(--o)) rgb(0 0 0/calc(.08 * var(--o)));transition:box-shadow .4s}.wash.svelte-1bn2png{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.wash-track.svelte-1bn2png{filter:blur(70px);width:calc(400% + 160px);opacity:calc(.4 + .6 * var(--o));will-change:transform;position:absolute;top:-80px;bottom:-80px;left:-80px}.close.svelte-1bn2png{top:calc(10px + 14px * var(--o));right:calc(10px + 14px * var(--o));background:color-mix(in oklab, var(--background) 70%, transparent);width:34px;height:34px;transition:opacity .3s,color .16s}.steps.svelte-1bn2png{gap:4px;display:none;top:16px;right:16px}@media (width>=640px){.steps.svelte-1bn2png{display:flex}}.step.svelte-1bn2png{width:30px;height:30px;color:var(--color-muted-foreground);background:color-mix(in oklab, var(--background) 70%, transparent);border-radius:9px;place-items:center;transition:color .16s,opacity .16s;display:grid}.step.svelte-1bn2png:hover:not(:disabled){color:var(--foreground)}.step.svelte-1bn2png:disabled{opacity:.35}.tabs.svelte-1bn2png{justify-content:center;align-items:flex-end;gap:8px;padding-bottom:14px;display:flex}.tab.svelte-1bn2png{width:42px;height:42px;color:var(--color-muted-soft);background:var(--background);cursor:pointer;border-radius:13px;place-items:center;transition:color .22s,transform .26s cubic-bezier(.22,1,.36,1);display:grid;position:relative;transform:scale(.92);box-shadow:0 1px 2px #0000000f}.tab-fill.svelte-1bn2png{background:var(--color-muted);border-radius:10px;transition:background-color .32s;position:absolute;inset:3px}.tab-glyph.svelte-1bn2png{place-items:center;display:grid;position:relative}.tab.svelte-1bn2png:hover{color:var(--foreground)}.tab[data-on].svelte-1bn2png{color:var(--foreground);transform:none}.tab[data-on].svelte-1bn2png .tab-fill:where(.svelte-1bn2png){background:color-mix(in oklab, rgb(var(--hue)) 42%, var(--background))}.tail.svelte-1bn2png{width:32px;height:15px;color:var(--background);transition:opacity .28s;position:absolute;top:100%;left:50%;translate:-50%}.panels.svelte-1bn2png{border-radius:14px;flex:1;min-height:0;display:grid;position:relative;overflow:hidden;container-type:inline-size}.panels.swipe.svelte-1bn2png{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.panels.swipe.svelte-1bn2png .panel:where(.svelte-1bn2png){scroll-snap-align:start;opacity:1;pointer-events:auto;flex:0 0 100%;transition:none;transform:none}.panel.svelte-1bn2png{opacity:0;pointer-events:none;grid-area:1/1;align-content:center;gap:24px;height:100%;padding:clamp(20px,3cqw,44px);transition:opacity .4s,transform .52s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(8px)}.panel[data-on].svelte-1bn2png{opacity:1;pointer-events:auto;transform:none}.headline.svelte-1bn2png{letter-spacing:-.015em;max-width:24ch;font-size:clamp(17px,1.95cqw,24px);font-weight:500;line-height:1.25}.body.svelte-1bn2png{font-size:clamp(13px,1.1cqw,15px);line-height:1.6}.learn.svelte-1bn2png{border-bottom:1px solid color-mix(in oklab, currentColor 35%, transparent);padding-bottom:1px}.media.svelte-1bn2png{aspect-ratio:16/10;width:100%;position:relative}.shot.svelte-1bn2png{position:absolute;inset:0}.count.svelte-1bn2png{top:calc(16px + 16px * var(--o));left:calc(16px + 20px * var(--o));font-size:var(--text-micro);line-height:1}@container (width>=560px){.panel.svelte-1bn2png{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,4cqw,56px);padding-right:0;overflow:hidden}.media.svelte-1bn2png{aspect-ratio:auto}.shot.svelte-1bn2png{aspect-ratio:16/10;width:auto;height:100%;inset:0 auto auto 0}}.rail.svelte-1bn2png{height:2px;opacity:var(--o);position:absolute;inset:auto 0 0}.rail-fill.svelte-1bn2png{transform-origin:0;background:color-mix(in oklab, var(--foreground) 22%, transparent);height:100%;transition:transform 80ms linear}div.svelte-1rujsq4{display:inline-block}.gallery-vertical-icon.svelte-1rujsq4{overflow:visible}.gallery-path.svelte-1rujsq4{opacity:1;transform-origin:50%;transform:scale(1)translateY(0)}.gallery-rect.svelte-1rujsq4{opacity:1;transform-origin:50%;transform:scale(1)}.gallery-vertical-icon.animate.svelte-1rujsq4 .gallery-path-1:where(.svelte-1rujsq4){animation:.6s cubic-bezier(.34,1.56,.64,1) .15s svelte-1rujsq4-slideInTop}.gallery-vertical-icon.animate.svelte-1rujsq4 .gallery-path-2:where(.svelte-1rujsq4){animation:.6s cubic-bezier(.34,1.56,.64,1) .15s svelte-1rujsq4-slideInBottom}@keyframes svelte-1rujsq4-slideInTop{0%{opacity:0;transform:scale(.8)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes svelte-1rujsq4-slideInBottom{0%{opacity:0;transform:scale(.8)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}div.svelte-zjn04i{display:inline-block}path.svelte-zjn04i{transform-origin:50%;opacity:1;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),opacity .3s;transform:translate(0)}path[data-custom="1"].animate.svelte-zjn04i{animation:.6s forwards svelte-zjn04i-disappearThenAppear1}path[data-custom="2"].animate.svelte-zjn04i{animation:.6s forwards svelte-zjn04i-disappearThenAppear2}@keyframes svelte-zjn04i-disappearThenAppear1{0%{opacity:0;transform:translate(3px)}60%{opacity:0;transform:translate(3px)}80%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}@keyframes svelte-zjn04i-disappearThenAppear2{0%{opacity:0;transform:translate(3px)}40%{opacity:0;transform:translate(3px)}60%{opacity:1;transform:translate(0)}to{opacity:1;transform:translate(0)}}.swap.svelte-1mikklr{animation:.22s cubic-bezier(.22,1,.36,1) svelte-1mikklr-swap-in}@keyframes svelte-1mikklr-swap-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.swap.svelte-1mikklr{animation:none}}.tool.svelte-74exte .tool-icon{transition:filter .3s}.tool.svelte-74exte:hover .tool-icon{filter:none}[data-in] .tool.svelte-74exte .tool-icon{animation:svelte-74exte-tint 1.6s ease var(--tint-delay)}@keyframes svelte-74exte-tint{25%,65%{filter:none}}div.svelte-7obciq{display:inline-block}.chevrons-up-down-icon.svelte-7obciq{overflow:visible}.chevrons-up-down-icon.svelte-7obciq path:where(.svelte-7obciq){transition:all .2s ease-in}.chevron-up.svelte-7obciq{transform:translateY(-3px)}.chevron-down.svelte-7obciq{transform:translateY(3px)}div.svelte-183b130{display:inline-block}.chevrons-down-up-icon.svelte-183b130{overflow:visible}.chevrons-down-up-icon.svelte-183b130 path:where(.svelte-183b130){transition:all .2s ease-in}.chevron-top.svelte-183b130{transform:translateY(2px)}.chevron-bottom.svelte-183b130{transform:translateY(-2px)}.role.svelte-jgmjzi{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .28s cubic-bezier(.22,1,.36,1),opacity .2s ease-out;display:grid}.role.svelte-jgmjzi>span:where(.svelte-jgmjzi){overflow:hidden}.role.open.svelte-jgmjzi{opacity:1;grid-template-rows:1fr}.swap.svelte-jgmjzi{animation:.22s cubic-bezier(.22,1,.36,1) svelte-jgmjzi-swap-in}@keyframes svelte-jgmjzi-swap-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.role.svelte-jgmjzi{transition:none}.swap.svelte-jgmjzi{animation:none}}
