.bottom-bar.svelte-p60rt5{height:var(--topbar-height);flex-shrink:0;pointer-events:none}.app-shell{position:relative;display:flex;flex-direction:column;max-width:100%;height:100dvh;overflow:hidden}.app-font{font-family:var(--font-family-app);--font-weight-h1: var(--scpro-font-weight-h1);--font-weight-h2: var(--scpro-font-weight-h2);--font-weight-h3: var(--scpro-font-weight-h3);--font-weight-p: var(--scpro-font-weight-p);--font-weight-label: var(--scpro-font-weight-label);--font-weight-h1-strong: var(--scpro-font-weight-h1-strong);--font-weight-h2-strong: var(--scpro-font-weight-h2-strong);--font-weight-h3-strong: var(--scpro-font-weight-h3-strong);--font-weight-p-strong: var(--scpro-font-weight-p-strong);--font-weight-label-strong: var(--scpro-font-weight-label-strong)}.page-wrapper.svelte-12qhfyh{position:absolute;top:var(--topbar-height);bottom:var(--topbar-height);left:0;right:0}.page-wrapper-full.svelte-12qhfyh{bottom:0}.logomark-link.svelte-12qhfyh{position:absolute;top:0;left:var(--dist-1);display:flex;align-items:center;gap:var(--dist-0-5);height:var(--topbar-height);max-width:calc(33% - var(--dist-1));z-index:10;--icon-size: var(--icon-size-xs);border:none;background:none;cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent;touch-action:manipulation;text-decoration:none;color:inherit}a.logomark-link.svelte-12qhfyh{opacity:0;pointer-events:none}a.logomark-link.logomark-visible.svelte-12qhfyh{opacity:1;pointer-events:auto}button.logomark-link.svelte-12qhfyh{opacity:.4;transition:opacity var(--transition-duration) var(--transition-timing)}button.logomark-link.logomark-active.svelte-12qhfyh{opacity:1}@media(hover:hover){button.logomark-link.svelte-12qhfyh:not(.logomark-active):hover{opacity:1}}.logomark-label.svelte-12qhfyh{font-size:var(--font-size-label);font-weight:var(--font-weight-label);color:var(--color-0);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}*{box-sizing:border-box;margin:0;padding:0}:root{--topbar-height: calc(var(--dist-1) * 3);--transition-duration: .15s;--transition-deadspace: 10ms;--transition-timing: cubic-bezier(.5, 0, .5, 1);--font-family: "Switzer", system-ui, sans-serif;--font-family-app: "Source Code Pro", monospace;--width-main-container: clamp(300px, 560px, 100vw);--color-bg: hsl(0, 0%, 95%);--color-bg-transparent: hsl(0, 0%, 95%, 0);--color-btn-bg: hsl(0, 0%, 96%);--color-overlay-wash: color-mix(in srgb, var(--color-bg) 80%, transparent);--color-0: hsl(0, 0%, 5%);--color-1: hsl(0, 0%, 45%);--color-2: hsl(0, 0%, 70%);--color-3: hsl(0, 0%, 90%);--color-4: hsl(0, 0%, 93%);--color-5: hsl(0, 0%, 96%);--dist-0-25: 4px;--dist-0-5: 8px;--dist-1: 16px;--dist-1-5: 24px;--dist-2: 32px;--dist-2-5: 40px;--dist-3: 48px;--padding-main: var(--dist-2);--icon-size-xs: 24px;--icon-size-sm: 32px;--icon-size-md: 40px;--icon-size-lg: 48px;--font-size-h1: 40px;--font-size-h2: 32px;--font-size-h3: 24px;--font-size-p: 16px;--font-size-label: 12px;--switzer-font-weight-h1: 250;--switzer-font-weight-h2: 275;--switzer-font-weight-h3: 300;--switzer-font-weight-p: 350;--switzer-font-weight-label: 450;--switzer-font-weight-h1-strong: 500;--switzer-font-weight-h2-strong: 450;--switzer-font-weight-h3-strong: 500;--switzer-font-weight-p-strong: 600;--switzer-font-weight-label-strong: 700;--scpro-font-weight-h1: 650;--scpro-font-weight-h2: 700;--scpro-font-weight-h3: 750;--scpro-font-weight-p: 550;--scpro-font-weight-label: 600;--scpro-font-weight-h1-strong: 800;--scpro-font-weight-h2-strong: 850;--scpro-font-weight-h3-strong: 900;--scpro-font-weight-p-strong: 900;--scpro-font-weight-label-strong: 900;--font-weight-h1: var(--switzer-font-weight-h1);--font-weight-h2: var(--switzer-font-weight-h2);--font-weight-h3: var(--switzer-font-weight-h3);--font-weight-p: var(--switzer-font-weight-p);--font-weight-label: var(--switzer-font-weight-label);--font-weight-h1-strong: var(--switzer-font-weight-h1-strong);--font-weight-h2-strong: var(--switzer-font-weight-h2-strong);--font-weight-h3-strong: var(--switzer-font-weight-h3-strong);--font-weight-p-strong: var(--switzer-font-weight-p-strong);--font-weight-label-strong: var(--switzer-font-weight-label-strong);--line-thickness-h1: 2.5px;--line-thickness-h2: 2px;--line-thickness-h3: 1.5px;--line-thickness-p: 1.25px;--line-thickness-label: 1px;--line-height-h1: calc(1 + (1 / 3));--line-height-h2: 1.5 ;--line-height-h3: calc(1 + (1 / 3));--line-height-p: 1.5 ;--line-height-label: calc(1 + (1 / 3));--color-rose-outline: hsl(340, 100%, 35%);--color-rose-fill: hsl(340, 100%, 87%);--color-rose-bg: hsl(340, 100%, 95%);--color-peach-outline: hsl(25, 100%, 35%);--color-peach-fill: hsl(25, 100%, 85%);--color-peach-bg: hsl(25, 100%, 95%);--color-banana-outline: hsl(35, 100%, 45%);--color-banana-fill: hsl(50, 100%, 75%);--color-banana-bg: hsl(55, 100%, 92%);--color-turquoise-outline: hsl(160, 100%, 20%);--color-turquoise-fill: hsl(150, 100%, 80%);--color-turquoise-bg: hsl(140, 100%, 94%);--color-teal-outline: hsl(180, 100%, 20%);--color-teal-fill: hsl(180, 100%, 80%);--color-teal-bg: hsl(200, 100%, 93%);--color-lilac-outline: hsl(280, 100%, 20%);--color-lilac-fill: hsl(280, 100%, 85%);--color-lilac-bg: hsl(280, 100%, 95%);--color-brand-blue: #0070d6;--color-brand-red: #ff2525;--color-brand-red-dark: #d00;--color-brand-green: #25d600;--color-brand-green-dark: #1a9800;--color-brand-cyan: #16b8ff;--color-brand-yellow: #ffb816;--color-brand-yellow-light: #ffe955;--color-coin-outline: var(--color-banana-outline);--color-coin-fill: var(--color-banana-fill);--color-coin-bg: var(--color-banana-bg);--color-brain-outline: var(--color-rose-outline);--color-brain-fill: var(--color-rose-fill);--color-expansive-outline: var(--color-teal-outline);--color-expansive-fill: var(--color-teal-fill);--color-tabs-outline: var(--color-teal-outline);--color-tabs-fill: var(--color-teal-fill);--color-note-outline: var(--color-banana-outline);--color-note-fill: var(--color-banana-fill);--color-key-outline: var(--color-banana-outline);--color-key-fill: var(--color-banana-fill);--color-cog-outline: var(--color-teal-outline);--color-cog-fill: var(--color-teal-fill);--color-lightning-outline: var(--color-banana-outline);--color-lightning-fill: var(--color-banana-fill);--color-persona-1-outline: var(--color-lilac-outline);--color-persona-1-fill: var(--color-lilac-fill);--color-persona-2-outline: var(--color-banana-outline);--color-persona-2-fill: var(--color-banana-fill);--color-persona-3-outline: var(--color-turquoise-outline);--color-persona-3-fill: var(--color-turquoise-fill);--color-sharable-leaf-outline: var(--color-turquoise-outline);--color-sharable-leaf-fill: var(--color-turquoise-fill);--color-sharable-soil-outline: var(--color-peach-outline);--color-sharable-soil-fill: var(--color-peach-outline);--color-sharable-hand-outline: var(--color-peach-outline);--color-sharable-hand-fill: var(--color-peach-fill);--color-image-frame: var(--color-teal-outline);--color-image-arrow: var(--color-0);--color-image-sky: var(--color-teal-fill);--color-image-hill-outline: var(--color-turquoise-outline);--color-image-hill-fill: var(--color-turquoise-fill);--color-image-sun: var(--color-banana-outline);--color-image-sun-center: var(--color-banana-bg);--color-home-outline: var(--color-peach-outline);--color-home-fill: var(--color-peach-fill);--color-home-roof: var(--color-peach-outline);--color-hand-outline: var(--color-peach-outline);--color-hand-fill: var(--color-peach-fill);--color-success-bg: hsl(141, 73%, 90%);--color-success: hsl(142, 71%, 38%);--color-warning-bg: hsl(48, 96%, 89%);--color-warning: hsl(32, 95%, 44%);--color-error: hsl(0, 72%, 51%);--color-info-bg: hsl(210, 100%, 92%);--color-info: hsl(210, 68%, 42%);--color-bar-ok: hsl(142, 71%, 38%);--color-bar-warn: hsl(45, 95%, 47%);--color-bar-danger: hsl(0, 72%, 51%);--color-background: var(--color-bg);--color-background-transparent: color-mix(in srgb, var(--color-bg) 95%, transparent);--color-text: var(--color-0);--color-border: var(--color-2);--color-border-focus: var(--color-1);--size-h1: var(--font-size-h1);--size-h2: var(--font-size-h2);--size-h3: var(--font-size-h3);--size-p: var(--font-size-p);--size-code: var(--font-size-label);--weight-text: var(--font-weight-p);--weight-heading: var(--font-weight-h3);--weight-bold: var(--font-weight-p-strong);--heading-line-height: var(--line-height-h1);--text-line-height: var(--line-height-p);--border-radius-outer: var(--dist-0-5);--border-radius-inner: var(--dist-0-25);--border-weight: 1.5px;--color-hover: hsl(100, 100%, 25%);--color-create: hsl(198, 100%, 40%);--color-trash: hsl(350, 100%, 55%);--color-code: hsl(0, 0%, 95%);--color-code-bg: hsl(0, 0%, 10%);--color-code-outline: hsl(100, 75%, 20%);--code-font: "Source Code Pro", monospace;--width-unit: calc(var(--width-main-container) / 16)}body{background:var(--color-bg);font-family:var(--font-family)}svg.pixel{overflow:visible}button,input,select,textarea{font-family:inherit}u{text-decoration:underline;text-decoration-skip-ink:all}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);font-weight:var(--font-weight-h1)}h1 strong{font-weight:var(--font-weight-h1-strong)}h1 u{text-decoration-thickness:var(--line-thickness-h1)}h2{font-size:var(--font-size-h2);line-height:var(--line-height-h2);font-weight:var(--font-weight-h2)}h2 strong{font-weight:var(--font-weight-h2-strong)}h2 u{text-decoration-thickness:var(--line-thickness-h2)}h3{font-size:var(--font-size-h3);line-height:var(--line-height-h3);font-weight:var(--font-weight-h3)}h3 strong{font-weight:var(--font-weight-h3-strong)}h3 u{text-decoration-thickness:var(--line-thickness-h3)}small{font-size:var(--font-size-label);line-height:var(--line-height-label);font-weight:var(--font-weight-label)}small strong{font-weight:var(--font-weight-label-strong)}small u{text-decoration-thickness:var(--line-thickness-label)}p,li{font-size:var(--font-size-p);line-height:var(--line-height-p);font-weight:var(--font-weight-p)}li{margin-bottom:var(--dist-1)}p strong,li strong{font-weight:var(--font-weight-p-strong)}p u,li u{text-decoration-thickness:var(--line-thickness-p)}ul{list-style:disc;list-style-position:inside}ul ul{margin-left:calc(var(--font-size-p) * 2);list-style:circle;list-style-position:inside}ul ol{margin-left:calc(var(--font-size-p) * 2)}