.card.svelte-1dpem8h{border:1px solid var(--rule);background:var(--sunken);transition:opacity .75s var(--ease) var(--delay,0s), transform .75s var(--ease) var(--delay,0s), translate .5s var(--ease-hover), scale .5s var(--ease-hover), border-color .5s var(--ease-hover)}.card.svelte-1dpem8h:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent);translate:0 -3px;scale:1.02}@media (prefers-reduced-motion:reduce){.card.svelte-1dpem8h:hover{translate:none;scale:none}}.url.svelte-1j960j{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),#0000)}.copy.svelte-1j960j{background:var(--bg);color:var(--fg);transition:background-color .3s var(--ease), color .3s var(--ease), box-shadow .3s var(--ease), scale .35s var(--ease-hover);box-shadow:0 1px 2px #0b0b0c12}.copy.svelte-1j960j:hover{background:color-mix(in srgb, var(--fg) 9%, var(--bg))}.copy.copied.svelte-1j960j{background:var(--color-accent);color:var(--color-paper);box-shadow:0 3px 12px -4px color-mix(in srgb, var(--color-accent) 70%, transparent)}.faces.svelte-1j960j{place-items:center;display:grid}.faces.svelte-1j960j>:where(.svelte-1j960j){grid-area:1/1}.face.svelte-1j960j{white-space:nowrap;opacity:0;transition:opacity .26s var(--ease), translate .26s var(--ease);align-items:center;gap:.375rem;display:inline-flex;translate:0 .35rem}.face.on.svelte-1j960j{opacity:1;translate:0}.check.svelte-1j960j{stroke-dasharray:16;stroke-dashoffset:16px}.face.on.svelte-1j960j .check:where(.svelte-1j960j){animation:svelte-1j960j-draw .35s var(--ease) 80ms forwards}@keyframes svelte-1j960j-draw{to{stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.face.on.svelte-1j960j .check:where(.svelte-1j960j){stroke-dashoffset:0;animation:none}}.card.svelte-1yoj9db{border:1px solid var(--rule);background:var(--sunken);transition:opacity .75s var(--ease) var(--delay,0s), transform .75s var(--ease) var(--delay,0s), translate .5s var(--ease-hover), scale .5s var(--ease-hover), border-color .5s var(--ease-hover)}.card.svelte-1yoj9db:hover{translate:0 -3px;scale:var(--grow,1.02);border-color:color-mix(in srgb, var(--color-accent) 35%, transparent)}.lead.svelte-1yoj9db{--grow:1.01}.edge.svelte-1yoj9db{background:var(--color-accent);height:2px;position:absolute;top:0;left:0;right:0}@media (hover:hover){.card.svelte-1yoj9db img:where(.svelte-1yoj9db){filter:grayscale();transition:filter .4s var(--ease-hover), opacity .4s var(--ease-hover), clip-path .4s var(--ease-hover)}.card.svelte-1yoj9db:hover img:where(.svelte-1yoj9db){filter:grayscale(0)}.card.svelte-1yoj9db img[src="/icons/github.jpg"]:where(.svelte-1yoj9db){opacity:.55}.card.svelte-1yoj9db:hover img[src="/icons/github.jpg"]:where(.svelte-1yoj9db){opacity:1}.card.recommended.svelte-1yoj9db img:where(.svelte-1yoj9db){filter:grayscale(0);opacity:1}}@media (prefers-reduced-motion:reduce){.card.svelte-1yoj9db:hover{translate:none;scale:none}}.toggle.svelte-1cmi4dh{color:var(--muted);transition:color .3s var(--ease), background-color .3s var(--ease), scale .35s var(--ease-hover)}.toggle.svelte-1cmi4dh:hover{color:var(--fg);background:var(--sunken)}.disc.svelte-1cmi4dh,.cutter.svelte-1cmi4dh,.rays.svelte-1cmi4dh{transform-box:fill-box;transform-origin:50%;transition:transform .5s var(--ease)}.disc.svelte-1cmi4dh{transform:scale(.62)}.disc.dark.svelte-1cmi4dh{transform:scale(.92)}.cutter.svelte-1cmi4dh{transform:translate(-100%,-100%)scale(.85)}.cutter.dark.svelte-1cmi4dh{transform:translate(28%,-22%)scale(.85)}.rays.svelte-1cmi4dh{transition:transform .5s var(--ease), opacity .35s var(--ease)}.rays.dark.svelte-1cmi4dh{opacity:0;transform:scale(.4)}.dock.svelte-1h32yp1{padding-top:calc(.5rem + env(safe-area-inset-top,0px));padding-bottom:.5rem}@media (width>=40rem){.dock.svelte-1h32yp1{padding-top:.5rem;box-shadow:0 12px 32px -12px #0b0b0c2e,0 1px 2px #0b0b0c0f}}.link.svelte-1h32yp1{transition:color .3s var(--ease), background-color .3s var(--ease), scale .35s var(--ease-hover)}.link.svelte-1h32yp1:hover{background:var(--sunken);color:var(--fg)!important}.frame.svelte-z7lbej{width:var(--w);height:var(--h);border:1px solid var(--rule);background:var(--sunken);transition:width .75s var(--ease), height .75s var(--ease);border-radius:2.5rem;position:relative;box-shadow:0 40px 80px -32px #0b0b0c4d,0 1px 3px #0b0b0c0f}.frame.landscape.svelte-z7lbej{width:var(--h);height:var(--w)}@media (prefers-reduced-motion:reduce){.frame.svelte-z7lbej{transition:none}}.stage.svelte-9nngpf{--w:16rem;--h:calc(var(--w) * 19.5 / 9);height:var(--h);justify-content:center;align-items:center;display:flex}@media (width>=44rem){.stage.svelte-9nngpf{--w:17rem}}.faded.svelte-9nngpf{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1.5rem calc(100% - 1.5rem),#0000)}.screen.svelte-9nngpf{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .7s var(--ease), transform .7s var(--ease);position:absolute;inset:0}.screen.contain.svelte-9nngpf{object-fit:contain}.tab.svelte-9nngpf{transition:color .5s var(--ease), scale .35s var(--ease-hover);position:relative}.tab.svelte-9nngpf:hover{color:var(--fg)}.track.svelte-9nngpf{background:var(--rule);height:1px;position:absolute;bottom:0;left:.75rem;right:.75rem}.segments.svelte-9nngpf{gap:2px;height:1px;display:flex;position:absolute;bottom:0;left:.75rem;right:.75rem}.segment.svelte-9nngpf{flex:1;height:100%;position:relative;overflow:hidden}.fill.svelte-9nngpf{background:var(--color-accent);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.fill.filled.svelte-9nngpf{transform:scaleX(1)}.fill.cycling.svelte-9nngpf{animation:4.6s linear forwards svelte-9nngpf-fill}@keyframes svelte-9nngpf-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.fade.svelte-nkxaje{transition:opacity 1.2s var(--ease,ease-out)}@media (prefers-reduced-motion:reduce){.fade.svelte-nkxaje{transition:none}}.card.svelte-40uvou{color:inherit;border:1px solid var(--rule);background:var(--sunken);transition:opacity .75s var(--ease) var(--delay,0s), transform .75s var(--ease) var(--delay,0s), translate .5s var(--ease-hover), scale .5s var(--ease-hover), border-color .5s var(--ease-hover);text-decoration:none;display:block}.card.svelte-40uvou:hover{border-color:color-mix(in srgb, var(--color-accent) 35%, transparent);translate:0 -3px;scale:1.02}@media (prefers-reduced-motion:reduce){.card.svelte-40uvou:hover{translate:none;scale:none}}@media (width<=639px){.rays.svelte-1uha8ag{-webkit-mask-image:linear-gradient(#000 55%,#0000 100%);mask-image:linear-gradient(#000 55%,#0000 100%)}}