@layer reset{*,:before,:after{box-sizing:border-box}body{margin:0}button,input{font:inherit;border-radius:0}}@layer tokens{@font-face{font-family:Hanken Grotesk qx;font-style:normal;font-display:swap;font-weight:100 900;src:url(/font/hanken-grotesk-latin-wght-normal-D0TU3GZI.woff2)format("woff2-variations")}@font-face{font-family:Zalando Sans qx;font-style:normal;font-display:swap;font-stretch:75% 125%;font-weight:200 900;src:url(/font/zalando-sans-wdth-wght-normal-Dsc6LYau.woff2)format("woff2-variations")}@property --inline-size-reading{syntax:"<length>";inherits:true;initial-value:672px}@property --space{syntax:"<length>";inherits:true;initial-value:16px}@property --tile-indent{syntax:"<length>";inherits:true;initial-value:24px}@property --tree-tile-w{syntax:"<length>";inherits:true;initial-value:320px}@property --tree-tile-h{syntax:"<length>";inherits:true;initial-value:240px}@property --tree-gap{syntax:"<length>";inherits:true;initial-value:24px}:root{--background-dim:var(--lightningcss-light,oklch(96.5% 0 0))var(--lightningcss-dark,oklch(22% 0 0));--background-mid:var(--lightningcss-light,oklch(98.2% 0 0))var(--lightningcss-dark,oklch(26% 0 0));--background-lit:var(--lightningcss-light,oklch(99.6% 0 0))var(--lightningcss-dark,oklch(30% 0 0));--foreground:var(--lightningcss-light,oklch(23% 0 0))var(--lightningcss-dark,oklch(96% 0 0));--foreground-dim:var(--lightningcss-light,oklch(46% 0 0))var(--lightningcss-dark,oklch(72% 0 0));--accent:var(--lightningcss-light,oklch(70% .12 185))var(--lightningcss-dark,oklch(72% .17 355));--highlight:var(--lightningcss-light,oklch(58% .2 355))var(--lightningcss-dark,oklch(76% .13 185));--accent-tint:color-mix(in oklch, var(--accent) 18%, transparent);--selection:var(--highlight);--selection-foreground:oklch(20% 0 0);--shadow-sm:0 .0625rem .125rem var(--lightningcss-light,oklch(0% 0 0/.1))var(--lightningcss-dark,oklch(0% 0 0/.3)), 0 .125rem .5rem var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.24));--shadow-md:0 .0625rem .125rem var(--lightningcss-light,oklch(0% 0 0/.08))var(--lightningcss-dark,oklch(0% 0 0/.24)), 0 .375rem 1.25rem var(--lightningcss-light,oklch(0% 0 0/.1))var(--lightningcss-dark,oklch(0% 0 0/.3));--space:clamp(.9375rem, .875rem + .3cqi, 1rem);--space-3xs:calc(var(--space) * .25);--space-2xs:calc(var(--space) * .5);--space-xs:calc(var(--space) * .75);--space-s:var(--space);--space-m:calc(var(--space) * 1.5);--space-l:calc(var(--space) * 2);--space-xl:calc(var(--space) * 3);--space-2xl:calc(var(--space) * 4);--space-3xl:calc(var(--space) * 6);--inline-size-reading:42rem;--inline-size-command:var(--inline-size-reading);--inline-size-login:22rem;--tile-indent:var(--space-m);--tree-tile-w:calc(var(--space) * 20);--tree-tile-h:calc(var(--space) * 15);--tree-gap:var(--space-m);--size-icon:var(--space-s);--size-control-sm:calc(var(--space) * 2.5);--size-control-lg:var(--space-xl);--duration-fast:.12s;--duration-slow:.4s;--duration-span:.8s;--ease-default:cubic-bezier(.23, 1, .32, 1);--ease-geometry:cubic-bezier(.77, 0, .175, 1);--ease-color:ease;--font-family:"Zalando Sans qx", sans-serif;--font-size:clamp(.9375rem, .875rem + .3cqi, 1rem);--font-weight:400;--line-height:1.5;--font-family-display:"Hanken Grotesk qx", sans-serif;--font-feature-settings-display:"ss01" 1;--font-size-display:clamp(2rem, 1.4rem + 3.4cqi, 3rem);--font-weight-display:560;--line-height-display:1.08;--letter-spacing-display:-.02em;--font-size-body:clamp(1rem, .94rem + .55cqi, 1.1875rem);--line-height-body:1.55;--font-size-label:clamp(.8125rem, .75rem + .3cqi, .875rem);--font-weight-label:500;--line-height-label:1.2;--letter-spacing-label:.01em;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}}@layer base{:root{color:var(--foreground);caret-color:var(--accent);accent-color:var(--accent);background-color:var(--background-dim)}body{font:var(--font-weight) var(--font-size) / var(--line-height) var(--font-family);overflow-wrap:anywhere}#root{min-block-size:100dvh;display:grid}main{block-size:100dvh;inline-size:100%;position:relative;container-type:inline-size}::selection{color:var(--selection-foreground);background-color:var(--selection)}}@layer components{.icon{inline-size:var(--size-icon);aspect-ratio:1;flex:none}.control{gap:var(--space-2xs);min-block-size:var(--size-control-sm);padding-inline:var(--space-xs);cursor:pointer;color:inherit;background:0 0;border-width:0;align-items:center;display:flex}.control:not([role])>span{display:none}.control:focus-visible{outline:none}.control:is(:focus-visible,[aria-selected=true],[aria-expanded=true]){background:var(--accent-tint)}@media (hover:hover) and (pointer:fine){.control:hover:not([aria-disabled=true]){background:var(--accent-tint)}}.control[aria-disabled=true]{cursor:not-allowed;color:var(--foreground-dim)}.control[aria-disabled=true]:not(:focus-visible){background:0 0}@media (prefers-reduced-motion:no-preference){.control{transition:color var(--duration-fast) var(--ease-color), background var(--duration-fast) var(--ease-color)}}.menu{max-block-size:50dvh;padding:var(--space-2xs);scrollbar-width:thin;overflow-y:auto}.menu:empty{padding:0}.menu .control{inline-size:100%}.menu>.group+.group{margin-block-start:var(--space-2xs)}.menu .heading{padding:var(--space-3xs) var(--space-xs);color:var(--foreground-dim)}.command{inline-size:min(90%, var(--inline-size-command));z-index:2;inset-block-end:calc(var(--space-s) + env(safe-area-inset-bottom));inset-inline:var(--space-s);background-color:var(--background-mid);box-shadow:var(--shadow-sm);margin-inline:auto;position:absolute}.command:focus-within{background-color:var(--background-lit)}.command>.empty{padding-block:var(--space-2xs);padding-inline:calc(var(--space-2xs) + var(--space-xs));min-block-size:calc(var(--size-control-sm) + 2 * var(--space-2xs));color:var(--foreground-dim);align-items:center;margin:0;display:grid}.io{padding:var(--space-3xs) var(--space-2xs);grid-template-columns:minmax(0,1fr) max-content;align-items:center;display:grid}.io>*{margin:0}.io>input{min-block-size:var(--size-control-lg);padding-inline:var(--space-xs);color:inherit;background:0 0;border-width:0;outline-style:none}.io>input::placeholder{color:var(--foreground-dim);opacity:1}@media (prefers-reduced-motion:no-preference){.command{transition:background-color var(--duration-fast) var(--ease-color)}.command>.menu{opacity:1;transition:opacity var(--duration-fast) var(--ease-default), translate var(--duration-fast) var(--ease-default), display var(--duration-fast) allow-discrete;translate:0}@starting-style{.command>.menu{opacity:0;translate:0 var(--space-3xs)}}.command>.menu[hidden]{opacity:0;translate:0 var(--space-3xs)}}.anchor{anchor-name:--context-menu;block-size:0;inline-size:0;position:fixed}.context-menu{position-anchor:--context-menu;position-area:bottom right;position-try-fallbacks:flip-block, flip-inline;background:var(--background-lit);inline-size:fit-content;box-shadow:var(--shadow-md);border-width:0;margin:0;padding:0;position:fixed;inset:auto}.context-menu::backdrop{background:0 0}@media (prefers-reduced-motion:no-preference){.context-menu{opacity:0;translate:0 var(--space-3xs);transition:opacity var(--duration-fast) var(--ease-default), translate var(--duration-fast) var(--ease-default), display var(--duration-fast) allow-discrete, overlay var(--duration-fast) allow-discrete}.context-menu[open]{opacity:1;translate:0}@starting-style{.context-menu[open]{opacity:0;translate:0 var(--space-3xs)}}}.login{inline-size:min(100% - 2 * var(--space-s), var(--inline-size-login));margin:max(var(--space-xl), 18dvh) auto var(--space-s);gap:var(--space-2xs);padding:var(--space-m);background:var(--background-mid);box-shadow:var(--shadow-sm);display:grid}.login>.mark{margin:0 0 var(--space-s);font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:var(--font-size-display);letter-spacing:-.015em;font-weight:800;line-height:1}.login>label{font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label);color:var(--foreground-dim);margin-block-start:var(--space-2xs)}.login>:is(input,button){inline-size:100%;min-inline-size:0}.login>input{min-block-size:var(--size-control-lg);padding-inline:var(--space-xs);color:inherit;background:var(--background-dim);border-width:0;outline-style:none}.login>input:focus-visible{background:var(--background-lit)}.login>input.code{font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:calc(var(--font-size-display) * .75);font-weight:var(--font-weight-display);text-align:center;letter-spacing:.2em}.login>button{min-block-size:var(--size-control-lg);padding-inline:var(--space-xs);cursor:pointer;font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-weight:var(--font-weight-label);letter-spacing:var(--letter-spacing-label);border-width:0;outline-style:none}.login>button[type=submit]{background:var(--accent);color:var(--selection-foreground);margin-block-start:var(--space-m)}.login>button[type=button]{color:var(--foreground-dim);background:0 0}.login>button:focus-visible{box-shadow:inset 0 0 0 100vmax var(--accent-tint)}@media (hover:hover) and (pointer:fine){.login>button[type=button]:hover:enabled{color:var(--foreground)}}.login>button:disabled{cursor:progress;color:var(--foreground-dim)}.login>button[type=submit]:disabled{background:var(--accent-tint)}.login>[role=alert]{font-family:var(--font-family-display);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);color:var(--highlight);margin-block-start:var(--space-2xs)}@media (prefers-reduced-motion:no-preference){.login>:is(input,button){transition:color var(--duration-fast) var(--ease-color), background var(--duration-fast) var(--ease-color), box-shadow var(--duration-fast) var(--ease-color)}}.asset{gap:var(--space-2xs);align-items:start;display:flex}.section{cursor:text;white-space:pre-wrap;outline:none}.section:empty:before{content:attr(data-placeholder)}.node{z-index:1;padding:var(--space-2xs) var(--space-xs);position:relative}.main>.node,.view[data-view=tree]>.tile>.node{min-block-size:0;overflow-y:auto}.main>.node{inline-size:min(calc(100% - 2 * var(--space-s)), var(--inline-size-reading));text-wrap:balance;margin-inline:auto;padding-block-end:var(--space-m)}.node .asset{--size-icon:1em;color:var(--foreground-dim)}.node .section:empty:before{color:var(--foreground-dim)}.view>.tile>.node .section{text-wrap:pretty}.tile{cursor:pointer;isolation:isolate;outline:none;grid-template-rows:auto minmax(0,1fr);block-size:fit-content;inline-size:100%;display:grid;position:relative;overflow:clip}.view[data-view=tree]>.tile{grid-template-rows:fit-content(50%) minmax(0,1fr)}@media (prefers-reduced-motion:no-preference){.tile{transition:background-color var(--duration-fast) var(--ease-color), box-shadow var(--duration-fast) var(--ease-color)}.main>.node{transition:background-color var(--duration-fast) var(--ease-color)}}.main{block-size:100%;grid-template-rows:fit-content(50%) minmax(0,1fr);margin-inline:auto;padding-block-start:var(--space-xl);padding-block-end:calc(var(--size-control-lg) + 2 * var(--space-s) + env(safe-area-inset-bottom));position:absolute;inset:0;container-type:inline-size}.tile[data-type=null]{grid-template-rows:minmax(0,1fr)}.main:is([data-focus],:focus-within:not(:has([data-tile]:focus-within)))>.node,.view>.tile:is([data-focus],:focus-within:not(:has([data-tile]:focus-within))){background-color:var(--background-mid)}@media (hover:hover) and (pointer:fine){:is(.main:hover:not(:has([data-tile]:hover))>.node,.view>.tile:hover:not(:has([data-tile]:hover))){background-color:var(--background-mid)}}.view>.tile[data-dragging]{background-color:var(--background-mid);box-shadow:var(--shadow-sm)}}@layer views{::view-transition-group(*){animation-duration:var(--duration-span);animation-timing-function:var(--ease-geometry)}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}.view{min-block-size:0;inline-size:100%;position:relative;container-type:inline-size}.main>.view,.view[data-view=tree]>.tile>.view{block-size:100%;overflow:auto}.view[data-view=page]>.tile>.view[data-view=page]{padding-inline-start:var(--tile-indent)}.view:has(>[data-dragging]){-webkit-user-select:none;user-select:none}.view[data-view=tree]{block-size:calc(var(--tree-tile-h) + 2 * var(--tree-gap));z-index:0;transform-origin:0 0;transform:translate(var(--cam-x), var(--cam-y)) scale(var(--cam-zoom));overflow:visible}.main>.view[data-view=tree],.view[data-view=tree]>.tile>.view[data-view=tree]{block-size:100%;overflow:visible}.view[data-view=page]>.tile{inline-size:100%;max-inline-size:var(--inline-size-reading);block-size:fit-content;translate:var(--tile-x) var(--tile-y);transition:translate var(--duration-slow) var(--ease-geometry), background-color var(--duration-fast) var(--ease-color), box-shadow var(--duration-fast) var(--ease-color);margin-inline:auto}.view[data-view=page]>.tile+.tile{margin-block-start:var(--space-2xs)}.main>.view[data-view=page]>.tile{inline-size:calc(100% - 2 * var(--space-s))}.view[data-view=page]>.tile[data-edge]:before{content:"";z-index:1;inline-size:var(--tile-indent);cursor:grab;position:absolute;inset-block:0;inset-inline-start:0}.view[data-view=page]>.tile[data-edge][data-focus]:before{background:var(--accent-tint)}.view[data-view=page]>.tile[data-dragging]{inline-size:calc(100% - var(--tile-x));z-index:1;cursor:grabbing;transition:none}.view[data-view=page]>.tile[data-dragging]:before{cursor:grabbing}.view[data-view=tree]>.tile{inline-size:var(--tile-w);block-size:var(--tile-h);translate:var(--tile-x) var(--tile-y);position:absolute;inset-block-start:50%;inset-inline-start:50%}@media (prefers-reduced-motion:reduce){.view[data-view=page]>.tile{transition:none}}}@layer text{.main>.node{font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:var(--font-size-display);font-weight:var(--font-weight-display);line-height:var(--line-height-display);letter-spacing:var(--letter-spacing-display)}.view>.tile>.node{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight);line-height:var(--line-height-body);letter-spacing:normal}.control,.menu .heading,.command>.empty{font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:var(--font-size-label);font-weight:var(--font-weight-label);line-height:var(--line-height-label);letter-spacing:var(--letter-spacing-label)}.menu .heading{font-size:calc(var(--font-size-label) * .85);letter-spacing:.02em}.io>input{font-family:var(--font-family-display);font-feature-settings:var(--font-feature-settings-display);font-size:var(--font-size);font-weight:var(--font-weight);line-height:var(--line-height)}@container (inline-size<36rem){.view>.tile>.node{letter-spacing:.005em;font-weight:440;font-stretch:90%;line-height:1.6}.main>.node{letter-spacing:-.01em;font-weight:600;line-height:1.12}.control{letter-spacing:.02em;font-weight:540;line-height:1.25}}}@property --tile-x{syntax:"<length>";inherits:false;initial-value:0}@property --tile-y{syntax:"<length>";inherits:false;initial-value:0}@property --tile-w{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tile-h{syntax:"<length>|auto";inherits:false;initial-value:auto}