10-8-2026 (The Flow of Time)

The Flow o= f Time

I've recent= ly been thinking about all the stuff that happens as time passes.

A few weeks ago, I went to a wedding w= ith my mom. It was for an old family friend's daughter. I've technically kn= own her for since I was like 4 (so almost 20 years!), but we were never fri= ends or anything (she was an older sister kind of figure to me when I did i= nteract with her).

Anyways, w= hen I went to the wedding I was just shocked(?)/surprised(?), I don't know = what the right word here is, seeing all the changes in people I haven't see= n in a long time. So many people have changed in so many ways. Various peop= le have families now or some kind of interesting job. Some people I remembe= r as kids (the same age as me) are now fully grown adults. It was just very= cool to me all the change that happened in these people's lives. I know th= is kind of thing is always happening, but I never really thought of it much= until it happened with people I somewhat knew.

A related experience I had: one of my mom's friends came= by the other day to talk to her about something. My mom's friend brought h= er daughter along with her. I've known this girl since she was like 4 or so= mething. My earliest memory of her was when was like 3/4 messing with me pl= aying Minecraft because it had a pig in it (pig =3D pork, they grew up musl= im).

While I've seen this gir= l in passing over the years I've never really talked to her (no real reason= to). So my idea of her was still that four year old girl. Well, my idea of= her get shocked the other day when her mom asked me to bring my cat. After= I brought the girl asked if she could hold it and I kind of stood for a se= cond and had to reprocess my idea of her. She went from a 3/4 year old girl= to someone who is 18 and is communicating with me normally. It was an inte= resting experience.

I like ho= w time flows and things change.

10-8-2026 (The Flow of Time)

Not found

This page doe= s not exist

Interactive graph

<= /span>On this page

<= /div>

------MultipartBoundary--I4aRAiNbZsswhnZlZMC78SQLIcQUk4WnnpU5joHpY3---- Content-Type: text/css Content-Transfer-Encoding: quoted-printable Content-Location: https://publish.obsidian.md/app.css?5e3dc6f6d7b275ed59ee @charset "utf-8"; .published-container { --page-width: 800px; --page-side-padding: 48px; --pa= ge-title-color: var(--h1-color); --page-title-font: var(--h1-font); --page-= title-line-height: var(--h1-line-height); --page-title-size: 2.6em; --page-= title-style: var(--h1-style); --page-title-variant: var(--h1-variant); --pa= ge-title-weight: var(--h1-weight); --component-title-color: var(--text-norm= al); --component-title-font: inherit; --component-title-size: var(--font-ui= -small); --component-title-style: inherit; --component-title-transform: upp= ercase; --component-title-variant: inherit; --component-title-weight: var(-= -font-semibold); --input-height: 32px; --graph-height: 260px; --sidebar-fon= t-size: 14px; --sidebar-left-width: 280px; --sidebar-left-background: var(-= -background-primary); --sidebar-left-border-width: 1px; --sidebar-left-bord= er-color: var(--background-modifier-border); --sidebar-right-width: 300px; = --sidebar-right-background: transparent; --sidebar-right-border-width: 0px;= --sidebar-right-border-color: var(--background-modifier-border); --logo-wi= dth: auto; --logo-height: auto; --logo-max-width: calc(100% - 18px); --logo= -max-height: 200px; --logo-radius: 8px; --header-height: 50px; --site-name-= color: var(--text-normal); --site-name-color-hover: var(--text-muted); --si= te-name-font: inherit; --site-name-size: 22px; --site-name-weight: var(--fo= nt-semibold); --site-menu-icon-color: var(--text-faint); --site-menu-icon-c= olor-hover: var(--text-normal); --site-menu-icon-size: 24px; --nav-collapse= -icon-color: var(--text-faint); --nav-collapse-icon-color-hover: var(--text= -muted); --nav-parent-item-color: var(--text-normal); --nav-parent-item-col= or-active: var(--text-accent); --nav-parent-item-weight: var(--font-medium)= ; --nav-item-color: var(--text-muted); --nav-item-color-hover: var(--text-n= ormal); --nav-item-color-active: var(--text-accent); --nav-item-border-colo= r: var(--background-modifier-border); --nav-item-border-color-hover: var(--= text-normal); --nav-item-border-color-active: var(--text-accent); --nav-ite= m-weight-active: var(--font-medium); --outline-heading-color: var(--text-mu= ted); --outline-heading-color-hover: var(--text-normal); --outline-heading-= color-active: var(--text-accent); --outline-heading-weight-active: var(--fo= nt-semibold); --footer-display: block; } body { --tooltip-display: none; --popover-display: flex; } @media screen and (max-width: 750px) { body { --popover-display: none; --input-height: 36px; } .published-container { --site-name-size: 18px; --header-height: 50px; --h= eader-background: var(--background-primary); --page-title-size: 2em; --page= -side-padding: 24px; --footer-display: none; --list-spacing: 0.15em; } } :root { --h1-weight: 700; --h2-weight: 600; --h3-weight: 600; --h4-weight: = 600; --h5-weight: 600; --h6-weight: 600; } @supports (font-variation-settings: normal) { :root { --h1-weight: 700; --h2-weight: 680; --h3-weight: 660; --h4-weight= : 640; --h5-weight: 620; --h6-weight: 600; } } body { --anim-duration-none: 0; --anim-duration-superfast: 70ms; --anim-dur= ation-fast: 140ms; --anim-duration-moderate: 300ms; --anim-duration-slow: 5= 60ms; --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); --anim-mo= tion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); --anim-motion-jumpy: cubic-b= ezier(0.68, -0.55, 0.27, 1.55); --anim-motion-swing: cubic-bezier(0, 0.55, = 0.45, 1); --bases-header-border-width: 0 0 var(--border-width) 0; --bases-h= eader-height: 40px; --bases-header-padding-start: 2px; --bases-header-paddi= ng-end: 2px; --bases-toolbar-label-display: block; --bases-toolbar-badge-di= splay: none; --bases-embed-border-width: 0px; --bases-embed-border-color: v= ar(--background-modifier-border); --bases-embed-border-radius: var(--radius= -s); --bases-filter-menu-width: 520px; --bases-group-heading-property-size:= var(--font-ui-smaller); --bases-group-heading-property-weight: var(--font-= normal); --bases-group-heading-property-color: var(--text-muted); --bases-g= roup-heading-value-size: var(--font-smaller); --bases-group-heading-value-w= eight: var(--font-semibold); --bases-group-heading-property-display: block;= --bases-table-container-border-width: var(--border-width); --bases-table-c= ontainer-border-radius: var(--radius-s); --bases-table-group-background: va= r(--background-primary-alt); --bases-table-header-weight: var(--font-weight= ); --bases-table-header-color: var(--text-muted); --bases-table-header-icon= -display: flex; --bases-table-header-background: var(--background-primary);= --bases-table-header-background-hover: var(--background-modifier-hover); -= -bases-table-header-sort-mask: linear-gradient(to left, transparent var(--s= ize-4-6), black var(--size-4-6)); --bases-table-summary-background: var(--b= ackground-primary); --bases-table-summary-background-hover: var(--backgroun= d-modifier-hover); --bases-table-border-color: var(--table-border-color); -= -bases-table-column-border-width: var(--border-width); --bases-table-group-= gap: 10px; --bases-table-row-border-width: var(--border-width); --bases-tab= le-row-background-hover: var(--table-row-background-hover); --bases-table-r= ow-height: 30px; --bases-table-font-size: var(--font-smaller); --bases-tabl= e-column-max-width: 300; --bases-table-column-min-width: 40; --bases-table-= cell-radius-active: 2px; --bases-table-cell-shadow-active: 0 0 0 2px var(--= background-modifier-border-focus); --bases-table-cell-radius-focus: 2px; --= bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent); --bases= -table-cell-background-active: var(--background-primary); --bases-table-cel= l-background-disabled: var(--background-primary-alt); --bases-table-cell-ba= ckground-selected: var(--table-selection); --bases-cards-container-backgrou= nd: transparent; --bases-cards-background: var(--background-primary); --bas= es-cards-cover-background: var(--background-primary-alt); --bases-cards-sca= le: 1; --bases-cards-line-height: 24px; --bases-cards-border-width: var(--b= order-width); --bases-cards-shadow: 0 0 0 1px var(--background-modifier-bor= der); --bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-borde= r-hover); --bases-cards-font-size: var(--font-smaller); --blockquote-border= -thickness: 2px; --blockquote-border-color: var(--interactive-accent); --bl= ockquote-font-style: normal; --blockquote-color: inherit; --blockquote-back= ground-color: transparent; --bold-modifier: 200; --bold-color: inherit; --b= old-weight: calc(var(--font-weight) + var(--bold-modifier)); --border-width= : 1px; --button-radius: var(--input-radius); --corner-smoothing: 0; --blur-= background: color-mix(in srgb, var(--background-primary) var(--blur-translu= cency-s), transparent) linear-gradient(var(--background-primary), color-mix= (in srgb, var(--background-primary) var(--blur-translucency-s), transparent= )); --blur-translucency-s: 65%; --blur-translucency-m: 90%; --blur-brightne= ss: 1.15; --blur-saturation: 1.5; --blur-radius-s: 6px; --blur-radius-m: 10= px; --blur-radius-l: 16px; --blur-s: blur(var(--blur-radius-s)) saturate(va= r(--blur-saturation)) brightness(var(--blur-brightness)); --blur-m: blur(va= r(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-= brightness)); --blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-satu= ration)) brightness(var(--blur-brightness)); --callout-border-width: 0px; -= -callout-border-opacity: 0.25; --callout-padding: var(--size-4-3) var(--siz= e-4-3) var(--size-4-3) var(--size-4-6); --callout-radius: var(--radius-s); = --callout-blend-mode: var(--highlight-mix-blend-mode); --callout-title-colo= r: inherit; --callout-title-padding: 0; --callout-title-size: inherit; --ca= llout-title-weight: calc(var(--font-weight) + var(--bold-modifier)); --call= out-content-padding: 0; --callout-content-background: transparent; --callou= t-bug: var(--color-red-rgb); --callout-default: var(--color-blue-rgb); --ca= llout-error: var(--color-red-rgb); --callout-example: var(--color-purple-rg= b); --callout-fail: var(--color-red-rgb); --callout-important: var(--color-= cyan-rgb); --callout-info: var(--color-blue-rgb); --callout-question: var(-= -color-orange-rgb); --callout-success: var(--color-green-rgb); --callout-su= mmary: var(--color-cyan-rgb); --callout-tip: var(--color-cyan-rgb); --callo= ut-todo: var(--color-blue-rgb); --callout-warning: var(--color-orange-rgb);= --callout-quote: 158, 158, 158; --canvas-background: var(--background-prim= ary); --canvas-card-label-color: var(--text-faint); --canvas-color-1: var(-= -color-red-rgb); --canvas-color-2: var(--color-orange-rgb); --canvas-color-= 3: var(--color-yellow-rgb); --canvas-color-4: var(--color-green-rgb); --can= vas-color-5: var(--color-cyan-rgb); --canvas-color-6: var(--color-purple-rg= b); --canvas-controls-radius: var(--radius-s); --canvas-controls-icon-size:= var(--icon-s); --canvas-controls-icon-stroke: var(--icon-s-stroke-width); = --canvas-dot-pattern: var(--color-base-30); --caret-color: var(--text-norma= l); --checkbox-radius: var(--radius-s); --checkbox-size: var(--font-text-si= ze); --checkbox-marker-color: var(--background-primary); --checkbox-color: = var(--interactive-accent); --checkbox-color-hover: var(--interactive-accent= -hover); --checkbox-border-color: var(--text-faint); --checkbox-border-colo= r-hover: var(--text-muted); --checkbox-margin-inline-start: 0.85em; --check= list-done-decoration: line-through; --checklist-done-color: var(--text-mute= d); --code-white-space: pre-wrap; --code-border-width: 0px; --code-border-c= olor: var(--background-modifier-border); --code-bracket-background: var(--b= ackground-modifier-hover); --code-radius: var(--radius-s); --code-size: var= (--font-smaller); --code-background: var(--background-primary-alt); --code-= normal: var(--text-normal); --code-comment: var(--text-faint); --code-funct= ion: var(--color-yellow); --code-important: var(--color-orange); --code-key= word: var(--color-pink); --code-operator: var(--color-red); --code-property= : var(--color-cyan); --code-punctuation: var(--text-muted); --code-string: = var(--color-green); --code-tag: var(--color-red); --code-value: var(--color= -purple); --collapse-icon-color: var(--text-faint); --collapse-icon-color-c= ollapsed: var(--text-accent); --cursor: default; --cursor-link: pointer; --= dialog-width: 560px; --dialog-max-width: 80vw; --dialog-max-height: 85vh; -= -divider-color: var(--background-modifier-border); --divider-color-hover: v= ar(--interactive-accent); --divider-width: 1px; --divider-width-hover: 3px;= --divider-vertical-height: calc(100% - var(--header-height)); --drag-ghost= -background: rgba(0, 0, 0, 0.85); --drag-ghost-text-color: #fff; --dropdown= -background-blend-mode: hard-light; --dropdown-background-position: var(--i= nset-end) var(--dropdown-icon-inset) top 50%, 0 0; --dropdown-background-si= ze: var(--dropdown-icon-width) auto, 100%; --dropdown-icon-width: 1em; --dr= opdown-icon-inset: 0.5em; --dropdown-padding: 0 var(--dropdown-padding-end)= 0 var(--dropdown-padding-start); --dropdown-padding-start: 0.8em; --dropdo= wn-padding-end: 1.9em; --embed-max-height: 4000px; --embed-canvas-max-heigh= t: 400px; --embed-background: inherit; --embed-border-start: 2px solid var(= --interactive-accent); --embed-border-end: none; --embed-border-top: none; = --embed-border-bottom: none; --embed-padding: 0 0 0 var(--size-4-6); --embe= d-font-style: inherit; --embed-block-shadow-hover: 0 0 0 1px var(--backgrou= nd-modifier-border), inset 0 0 0 1px var(--background-modifier-border); --f= ile-line-width: 700px; --file-folding-offset: 24px; --file-margins: var(--f= ile-margins-y) var(--file-margins-x); --file-margins-x: var(--size-4-8); --= file-margins-y: var(--size-4-8); --file-header-font: var(--font-interface);= --file-header-font-size: var(--font-ui-small); --file-header-font-weight: = 400; --file-header-background: var(--background-primary); --file-header-bac= kground-focused: var(--background-primary); --file-header-border: var(--bor= der-width) solid transparent; --file-header-justify: center; --font-smalles= t: 0.8em; --font-smaller: 0.875em; --font-small: 0.933em; --flair-backgroun= d: var(--interactive-normal); --flair-color: var(--text-normal); --font-ui-= smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-lar= ge: 20px; --font-weight: var(--font-normal); --font-thin: 100; --font-extra= light: 200; --font-light: 300; --font-normal: 400; --font-medium: 500; --fo= nt-semibold: 600; --font-bold: 700; --font-extrabold: 800; --font-black: 90= 0; --footnote-divider-color-active: var(--metadata-divider-color-focus); --= footnote-divider-color: var(--metadata-divider-color); --footnote-divider-w= idth: var(--border-width); --footnote-gap: var(--size-4-1); --footnote-id-c= olor-no-occurrences: var(--text-faint); --footnote-id-color: var(--text-mut= ed); --footnote-id-delimiter: "."; --footnote-input-background-active: var(= --metadata-input-background-active); --footnote-input-background: var(--met= adata-input-background); --footnote-line-height: var(--line-height-normal);= --footnote-padding-block: var(--size-2-3); --footnote-padding-inline: var(= --size-2-3); --footnote-radius: var(--radius-s); --footnote-size: var(--fon= t-smaller); --graph-controls-width: 240px; --graph-text: var(--text-normal)= ; --graph-line: var(--color-base-35, var(--background-modifier-border-focus= )); --graph-node: var(--text-muted); --graph-node-unresolved: var(--text-fa= int); --graph-node-focused: var(--text-accent); --graph-node-tag: var(--col= or-green); --graph-node-attachment: var(--color-yellow); --heading-formatti= ng: var(--text-faint); --heading-spacing: calc(var(--p-spacing) * 2.5); --h= 1-color: inherit; --h2-color: inherit; --h3-color: inherit; --h4-color: inh= erit; --h5-color: inherit; --h6-color: inherit; --h1-font: inherit; --h2-fo= nt: inherit; --h3-font: inherit; --h4-font: inherit; --h5-font: inherit; --= h6-font: inherit; --h1-letter-spacing: -0.015em; --h2-letter-spacing: -0.01= 1em; --h3-letter-spacing: -0.008em; --h4-letter-spacing: -0.005em; --h5-let= ter-spacing: -0.002em; --h6-letter-spacing: 0em; --h1-line-height: 1.2; --h= 2-line-height: 1.2; --h3-line-height: 1.3; --h4-line-height: 1.4; --h5-line= -height: var(--line-height-normal); --h6-line-height: var(--line-height-nor= mal); --h1-size: 1.618em; --h2-size: 1.462em; --h3-size: 1.318em; --h4-size= : 1.188em; --h5-size: 1.076em; --h6-size: 1em; --h1-style: normal; --h2-sty= le: normal; --h3-style: normal; --h4-style: normal; --h5-style: normal; --h= 6-style: normal; --h1-variant: normal; --h2-variant: normal; --h3-variant: = normal; --h4-variant: normal; --h5-variant: normal; --h6-variant: normal; -= -header-height: 40px; --hr-color: var(--background-modifier-border); --hr-t= hickness: 2px; --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stro= ke-width); --icon-xs: 14px; --icon-s: 16px; --icon-m: 18px; --icon-l: 18px;= --icon-xl: 32px; --icon-xs-stroke-width: 2px; --icon-s-stroke-width: 2px; = --icon-m-stroke-width: 1.75px; --icon-l-stroke-width: 1.75px; --icon-xl-str= oke-width: 1.25px; --icon-color: var(--text-muted); --icon-color-hover: var= (--text-muted); --icon-color-active: var(--text-accent); --icon-color-focus= ed: var(--text-normal); --icon-opacity: 0.85; --icon-opacity-hover: 1; --ic= on-opacity-active: 1; --clickable-icon-radius: var(--radius-s); --indent-si= ze: 4; --indent-unit: 0.5625em; --indentation-guide-width: var(--border-wid= th); --indentation-guide-width-active: var(--border-width); --indentation-g= uide-color: rgba(var(--mono-rgb-100), 0.12); --indentation-guide-color-acti= ve: rgba(var(--mono-rgb-100), 0.3); --indentation-guide-editing-indent: 0.8= 5em; --indentation-guide-reading-indent: -0.85em; --indentation-guide-sourc= e-indent: 0.25em; --inline-title-color: var(--h1-color); --inline-title-fon= t: var(--h1-font); --inline-title-line-height: var(--h1-line-height); --inl= ine-title-size: var(--h1-size); --inline-title-style: var(--h1-style); --in= line-title-variant: var(--h1-variant); --inline-title-weight: var(--h1-weig= ht); --inline-title-margin-bottom: 0.5em; --input-height: 30px; --input-pad= ding: var(--size-4-1) var(--size-4-2); --input-radius: 5px; --input-font-we= ight: var(--font-normal); --input-border-width: var(--border-width); --inpu= t-border-width-focus: 2px; --input-placeholder-color: var(--text-faint); --= input-date-separator: var(--text-faint); --input-icon-inset: var(--size-4-1= ); --italic-color: inherit; --italic-weight: inherit; --layer-cover: 5; --l= ayer-sidedock: 10; --layer-status-bar: 15; --layer-popover: 30; --layer-sli= des: 45; --layer-modal: 50; --layer-notice: 60; --layer-menu: 65; --layer-t= ooltip: 70; --layer-dragged-item: 80; --line-height-normal: 1.5; --line-hei= ght-tight: 1.3; --link-color: var(--text-accent); --link-color-hover: var(-= -text-accent-hover); --link-decoration: underline; --link-decoration-hover:= underline; --link-decoration-thickness: auto; --link-weight: var(--font-we= ight); --link-external-color: var(--text-accent); --link-external-color-hov= er: var(--text-accent-hover); --link-external-decoration: underline; --link= -external-decoration-hover: underline; --link-external-filter: none; --link= -unresolved-color: var(--text-accent); --link-unresolved-opacity: 0.7; --li= nk-unresolved-filter: none; --link-unresolved-decoration-style: solid; --li= nk-unresolved-decoration-color: hsla(var(--interactive-accent-hsl), 0.3); -= -list-indent: calc(var(--indent-unit) * var(--indent-size)); --list-indent-= editing: 0.75em; --list-indent-source: 0; --list-spacing: 0.075em; --list-m= arker-color: var(--text-faint); --list-marker-color-hover: var(--text-muted= ); --list-marker-color-collapsed: var(--text-accent); --list-bullet-border:= none; --list-bullet-radius: 50%; --list-bullet-size: 0.3em; --list-bullet-= transform: none; --list-numbered-style: decimal; --list-bullet-end-padding:= 1.3rem; --nav-item-size: var(--font-ui-small); --nav-item-radius: var(--ra= dius-s); --nav-item-color: var(--text-muted); --nav-item-color-hover: var(-= -text-normal); --nav-item-color-active: var(--text-normal); --nav-item-colo= r-selected: var(--text-normal); --nav-item-color-highlighted: var(--text-ac= cent); --nav-item-background-hover: var(--background-modifier-hover); --nav= -item-background-active: var(--background-modifier-hover); --nav-item-backg= round-selected: hsla(var(--color-accent-hsl), 0.15); --nav-item-padding: va= r(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6); --nav-item-p= arent-padding: var(--nav-item-padding); --nav-item-margin-bottom: var(--siz= e-2-1); --nav-item-children-padding-start: var(--size-2-2); --nav-item-chil= dren-margin-start: var(--size-4-3); --nav-item-weight: inherit; --nav-item-= weight-hover: inherit; --nav-item-weight-active: inherit; --nav-item-white-= space: pre; --nav-indentation-guide-width: var(--indentation-guide-width); = --nav-indentation-guide-color: var(--indentation-guide-color); --nav-collap= se-icon-color: var(--collapse-icon-color); --nav-collapse-icon-color-collap= sed: var(--text-faint); --nav-heading-color: var(--text-normal); --nav-head= ing-color-hover: var(--text-normal); --nav-heading-color-collapsed: var(--t= ext-faint); --nav-heading-color-collapsed-hover: var(--text-muted); --nav-h= eading-weight: var(--font-medium); --nav-heading-weight-hover: var(--font-m= edium); --nav-tag-background: transparent; --nav-tag-radius: var(--radius-s= ); --nav-tag-color: var(--text-faint); --nav-tag-color-hover: var(--text-mu= ted); --nav-tag-color-active: var(--text-muted); --nav-tag-weight: var(--fo= nt-semibold); --menu-padding: var(--size-2-3); --menu-shadow: var(--shadow-= s); --menu-radius: var(--radius-m); --menu-background: var(--background-sec= ondary); --menu-border-color: var(--background-modifier-border-hover); --me= nu-border-width: var(--border-width); --menu-backdrop-filter: none; --menu-= scroll-mask: linear-gradient(to bottom, rgba(0, 0, 0, 0.05) 0%, rgba(0, 0, = 0, 0.1) 48px); --metadata-background: transparent; --metadata-display-readi= ng: block; --metadata-display-editing: block; --metadata-max-width: none; -= -metadata-padding: var(--size-4-2) 0; --metadata-border-color: var(--backgr= ound-modifier-border); --metadata-border-radius: 0; --metadata-border-width= : 0; --metadata-divider-color: var(--background-modifier-border); --metadat= a-divider-color-hover: transparent; --metadata-divider-color-focus: transpa= rent; --metadata-divider-width: 0; --metadata-gap: 3px; --metadata-property= -padding: 0; --metadata-property-radius: 6px; --metadata-property-radius-ho= ver: 6px; --metadata-property-radius-focus: 6px; --metadata-property-backgr= ound: transparent; --metadata-property-background-hover: transparent; --met= adata-property-background-active: var(--background-modifier-hover); --metad= ata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-m= odifier-border-hover); --metadata-property-box-shadow-focus: 0 0 0 2px var(= --background-modifier-border-focus); --metadata-label-background: transpare= nt; --metadata-label-background-hover: transparent; --metadata-label-backgr= ound-active: var(--background-modifier-hover); --metadata-label-font: var(-= -font-interface); --metadata-label-font-size: var(--font-smaller); --metada= ta-label-font-weight: inherit; --metadata-label-text-color: var(--text-mute= d); --metadata-label-text-color-hover: var(--text-muted); --metadata-label-= width: 9em; --metadata-input-height: calc(var(--font-text-size) * 1.75); --= metadata-input-text-color: var(--text-normal); --metadata-input-font: var(-= -font-interface); --metadata-input-font-size: var(--font-smaller); --metada= ta-input-background: transparent; --metadata-input-background-hover: transp= arent; --metadata-input-background-active: var(--background-modifier-hover)= ; --metadata-input-longtext-lines: 3; --metadata-input-padding: var(--size-= 4-1) var(--size-4-2); --metadata-sidebar-label-font-size: var(--font-ui-sma= ll); --metadata-sidebar-input-font-size: var(--font-ui-small); --modal-back= ground: var(--background-primary); --modal-width: 90vw; --modal-header-heig= ht: auto; --modal-height: 85vh; --modal-max-width: 1100px; --modal-max-heig= ht: 1000px; --modal-max-width-narrow: 800px; --modal-shadow: none; --modal-= border-width: var(--border-width); --modal-border-color: var(--color-base-4= 0, var(--background-modifier-border-focus)); --modal-radius: var(--radius-l= ); --modal-community-sidebar-width: 280px; --pill-color: var(--text-muted);= --pill-color-hover: var(--text-normal); --pill-color-remove: var(--text-fa= int); --pill-color-remove-hover: var(--text-accent); --pill-decoration: non= e; --pill-decoration-hover: none; --pill-background: transparent; --pill-ba= ckground-hover: transparent; --pill-border-color: var(--background-modifier= -border); --pill-border-color-hover: var(--background-modifier-border-hover= ); --pill-border-width: var(--border-width); --pill-padding-x: 0.65em; --pi= ll-padding-y: 0.25em; --pill-radius: 2em; --pill-weight: inherit; --p-spaci= ng: 1rem; --p-spacing-empty: 0rem; --pdf-background: var(--background-prima= ry); --pdf-page-background: var(--background-primary); --pdf-shadow: 0 0 0 = 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1); --pdf-spread-shadow:= 0 0 0 1px rgba(0, 0, 0, 0.05); --pdf-sidebar-background: var(--background-= primary); --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px = rgba(0, 0, 0, 0.2); --popover-width: 450px; --popover-height: 400px; --popo= ver-max-height: 95vh; --popover-pdf-width: 450px; --popover-pdf-height: 400= px; --popover-font-size: var(--font-text-size); --prompt-background: var(--= background-primary); --prompt-backdrop-filter: none; --prompt-input-height:= 40px; --prompt-width: 700px; --prompt-max-width: 80vw; --prompt-max-height= : 70vh; --prompt-border-width: var(--border-width); --prompt-border-color: = var(--color-base-40, var(--background-modifier-border-focus)); --radius-s: = 4px; --radius-m: 8px; --radius-l: 12px; --radius-xl: 16px; --raised-backgro= und: var(--blur-background); --raised-blur: var(--blur-s); --raised-shadow:= var(--shadow-xs); --raised-mask-background: linear-gradient(to bottom left= , white, transparent, white) border-box no-repeat; --raised-mask: linear-gr= adient(white, white) padding-box, linear-gradient(white, white) border-box;= --raised-mask-composite: exclude, add; --raised-mask-border-width: 0; --ri= bbon-background: var(--background-secondary); --ribbon-background-collapsed= : var(--background-primary); --ribbon-width: 44px; --ribbon-padding: var(--= size-4-2) var(--size-4-1) var(--size-4-3); --scrollbar-width: 12px; --scrol= lbar-height: 12px; --scrollbar-border-width: 3px 3px 3px 2px; --scrollbar-r= adius: var(--radius-l); --scrollbar-active-thumb-bg: rgba(var(--mono-rgb-10= 0), 0.2); --scrollbar-bg: rgba(var(--mono-rgb-100), 0.05); --scrollbar-thum= b-bg: rgba(var(--mono-rgb-100), 0.1); --search-clear-button-color: var(--te= xt-muted); --search-clear-button-size: 13px; --search-icon-color: var(--tex= t-muted); --search-icon-size: 18px; --search-result-background: var(--backg= round-primary); --setting-group-heading-color: var(--text-normal); --settin= g-group-heading-size: var(--font-ui-medium); --setting-group-heading-weight= : var(--font-semibold); --setting-items-background: var(--background-primar= y-alt); --setting-items-padding: var(--size-4-5); --setting-items-radius: v= ar(--radius-l); --setting-items-border-width: 0; --setting-items-border-col= or: var(--background-modifier-border); --size-2-1: 2px; --size-2-2: 4px; --= size-2-3: 6px; --size-4-1: 4px; --size-4-2: 8px; --size-4-3: 12px; --size-4= -4: 16px; --size-4-5: 20px; --size-4-6: 24px; --size-4-8: 32px; --size-4-9:= 36px; --size-4-10: 40px; --size-4-12: 48px; --size-4-16: 64px; --size-4-18= : 72px; --sidebar-markdown-font-size: calc(var(--font-text-size) * 0.9); --= sidebar-tab-text-display: none; --sidebar-left-toggle-inner-width: 8.33%; -= -sidebar-right-toggle-inner-width: 8.33%; --sidebar-left-toggle-inner-width= -open: 24%; --sidebar-right-toggle-inner-width-open: 24%; --slider-thumb-bo= rder-width: var(--border-width); --slider-thumb-border-color: var(--backgro= und-modifier-border-hover); --slider-thumb-height: 18px; --slider-thumb-wid= th: 18px; --slider-thumb-y: -6px; --slider-thumb-radius: var(--slider-thumb= -height); --slider-s-thumb-size: 15px; --slider-s-thumb-position: -5px; --s= lider-track-background: var(--background-modifier-border); --slider-track-h= eight: 3px; --status-bar-background: var(--background-secondary); --status-= bar-border-color: var(--divider-color); --status-bar-border-width: var(--bo= rder-width) 0 0 var(--border-width); --status-bar-font-size: var(--font-ui-= smaller); --status-bar-text-color: var(--text-muted); --status-bar-position= : fixed; --status-bar-radius: var(--radius-m) 0 0 0; --suggestion-backgroun= d: var(--background-primary); --suggestion-backdrop-filter: none; --sync-av= atar-color-current-user: transparent; --sync-avatar-color-1: var(--color-re= d); --sync-avatar-color-2: var(--color-orange); --sync-avatar-color-3: var(= --color-yellow); --sync-avatar-color-4: var(--color-green); --sync-avatar-c= olor-5: var(--color-cyan); --sync-avatar-color-6: var(--color-blue); --sync= -avatar-color-7: var(--color-purple); --sync-avatar-color-8: var(--color-pi= nk); --swatch-radius: 14px; --swatch-height: 22px; --swatch-width: 22px; --= swatch-shadow: inset 0 0 0 1px rgba(var(--mono-rgb-100), 0.15); --tab-backg= round-active: var(--background-primary); --tab-text-color: var(--text-faint= ); --tab-text-color-active: var(--text-muted); --tab-text-color-focused: va= r(--text-muted); --tab-text-color-focused-active: var(--text-muted); --tab-= text-color-focused-highlighted: var(--text-accent); --tab-text-color-focuse= d-active-current: var(--text-normal); --tab-font-size: var(--font-ui-small)= ; --tab-font-weight: inherit; --tab-container-background: var(--background-= secondary); --tab-divider-color: var(--background-modifier-border-hover); -= -tab-outline-color: var(--divider-color); --tab-outline-width: 1px; --tab-c= urve: 6px; --tab-radius: var(--radius-s); --tab-radius-active: 6px 6px 0 0;= --tab-width: 200px; --tab-max-width: 320px; --tab-switcher-menubar-backgro= und: linear-gradient(to top, var(--background-secondary), transparent); --t= ab-switcher-background: var(--background-secondary); --tab-switcher-preview= -radius: var(--radius-xl); --tab-switcher-preview-background-shadow: 0 4px = 30px 2px rgba(0, 0, 0, 0.2); --tab-switcher-preview-shadow: 0 0 0 1px rgba(= var(--mono-rgb-100), 0.05); --tab-switcher-preview-shadow-active: 0 0 0 2px= var(--color-accent); --tab-stacked-pane-width: 700px; --tab-stacked-header= -width: var(--header-height); --tab-stacked-font-size: var(--font-ui-small)= ; --tab-stacked-font-weight: 400; --tab-stacked-text-align: start; --tab-st= acked-text-transform: rotate(0deg); --tab-stacked-text-writing-mode: vertic= al-lr; --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05); --table-back= ground: transparent; --table-border-width: 1px; --table-border-color: var(-= -background-modifier-border); --table-white-space: break-spaces; --table-he= ader-background: var(--table-background); --table-header-background-hover: = inherit; --table-header-border-width: var(--table-border-width); --table-he= ader-border-color: var(--table-border-color); --table-header-font: inherit;= --table-header-size: var(--table-text-size); --table-header-weight: calc(v= ar(--font-weight) + var(--bold-modifier)); --table-header-color: var(--text= -normal); --table-line-height: var(--line-height-tight); --table-text-size:= var(--font-text-size); --table-text-color: inherit; --table-column-min-wid= th: 6ch; --table-column-max-width: none; --table-column-alt-background: var= (--table-background); --table-column-first-border-width: var(--table-border= -width); --table-column-last-border-width: var(--table-border-width); --tab= le-row-background-hover: var(--table-background); --table-row-alt-backgroun= d: var(--table-background); --table-row-alt-background-hover: var(--table-b= ackground); --table-row-last-border-width: var(--table-border-width); --tab= le-selection: hsla(var(--color-accent-hsl), 0.1); --table-selection-blend-m= ode: var(--highlight-mix-blend-mode); --table-selection-border-color: var(-= -interactive-accent); --table-selection-border-width: 2px; --table-selectio= n-border-radius: 4px; --table-cell-vertical-alignment: top; --table-drag-ha= ndle-background: transparent; --table-drag-handle-background-active: var(--= table-selection-border-color); --table-drag-handle-color: var(--text-faint)= ; --table-drag-handle-color-active: var(--text-on-accent); --table-drop-ind= icator-half-width: 2px; --table-add-button-background: transparent; --table= -add-button-border-width: var(--table-border-width); --table-add-button-bor= der-color: var(--background-modifier-border); --tag-size: var(--font-smalle= r); --tag-color: var(--text-accent); --tag-color-hover: var(--text-accent);= --tag-decoration: none; --tag-decoration-hover: none; --tag-background: hs= la(var(--interactive-accent-hsl), 0.1); --tag-background-hover: hsla(var(--= interactive-accent-hsl), 0.2); --tag-border-color: hsla(var(--interactive-a= ccent-hsl), 0.15); --tag-border-color-hover: hsla(var(--interactive-accent-= hsl), 0.15); --tag-border-width: 0px; --tag-padding-x: 0.65em; --tag-paddin= g-y: 0.25em; --tag-radius: 2em; --tag-weight: inherit; --titlebar-backgroun= d: var(--background-secondary); --titlebar-background-focused: var(--backgr= ound-secondary-alt); --titlebar-border-width: 0px; --titlebar-border-color:= var(--background-modifier-border); --titlebar-text-color: var(--text-muted= ); --titlebar-text-color-focused: var(--text-normal); --titlebar-text-weigh= t: var(--font-bold); --toggle-border-width: 2px; --toggle-width: 40px; --to= ggle-radius: 18px; --toggle-thumb-color: white; --toggle-thumb-radius: 18px= ; --toggle-thumb-height: 18px; --toggle-thumb-width: 18px; --toggle-s-borde= r-width: 2px; --toggle-s-width: 34px; --toggle-s-thumb-height: 15px; --togg= le-s-thumb-width: 15px; --touch-size-xxs: 24px; --touch-size-xs: 30px; --to= uch-size-s: 40px; --touch-size-m: 44px; --touch-size-l: 52px; --touch-size-= xl: 60px; --touch-radius-xxs: var(--touch-size-xxs); --touch-radius-xs: var= (--touch-size-xs); --touch-radius-s: var(--touch-size-s); --touch-radius-m:= var(--touch-size-m); --touch-radius-l: var(--touch-size-l); --touch-radius= -xl: var(--touch-size-xl); --vault-profile-display: flex; --vault-profile-o= rder: 2; --vault-profile-actions-display: flex; --vault-profile-font-size: = var(--font-ui-small); --vault-profile-font-weight: var(--font-medium); --va= ult-profile-color: var(--text-normal); --vault-profile-color-hover: var(--v= ault-profile-color); --view-top-fade-opacity: 0.25; --view-bottom-fade-opac= ity: 0.5; --view-top-fade-mask: linear-gradient(to bottom, rgba(0, 0, 0, va= r(--view-top-fade-opacity)) 0%, #000000 calc(var(--safe-area-inset-top) + v= ar(--view-header-height) + 12px)); --view-bottom-fade-mask: linear-gradient= (to top, rgba(0, 0, 0, var(--view-bottom-fade-opacity)) 0%, #000000 calc(va= r(--safe-area-inset-bottom) - var(--keyboard-height) + 12px)); --workspace-= background-translucent: rgba(var(--mono-rgb-0), 0.6); --accent-h: 258; --ac= cent-s: 88%; --accent-l: 66%; --background-primary: var(--color-base-00); -= -background-primary-alt: var(--color-base-10); --background-secondary: var(= --color-base-20); --background-modifier-hover: rgba(var(--mono-rgb-100), 0.= 067); --background-modifier-active-hover: hsla(var(--interactive-accent-hsl= ), 0.1); --background-modifier-border: var(--color-base-30); --background-m= odifier-border-hover: var(--color-base-35); --background-modifier-border-fo= cus: var(--color-base-40); --background-modifier-error-rgb: var(--color-red= -rgb); --background-modifier-error: var(--color-red); --background-modifier= -error-hover: var(--color-red); --background-modifier-success-rgb: var(--co= lor-green-rgb); --background-modifier-success: var(--color-green); --backgr= ound-modifier-message: rgba(0, 0, 0, 0.9); --background-modifier-form-field= : var(--color-base-00); --background-modifier-form-field-hover: var(--backg= round-modifier-form-field); --text-normal: var(--color-base-100); --text-mu= ted: var(--color-base-70); --text-faint: var(--color-base-50); --text-on-ac= cent: white; --text-on-accent-inverted: black; --text-error: var(--color-re= d); --text-warning: var(--color-orange); --text-success: var(--color-green)= ; --text-selection: hsla(var(--color-accent-hsl), 0.2); --text-highlight-bg= -rgb: 255, 208, 0; --text-highlight-bg: rgba(var(--text-highlight-bg-rgb), = 0.4); --text-accent: var(--color-accent); --text-accent-hover: var(--color-= accent-2); --interactive-normal: var(--color-base-00); --interactive-hover:= var(--color-base-10); --interactive-accent-hsl: var(--color-accent-hsl); -= -interactive-accent: var(--color-accent-1); --interactive-accent-hover: var= (--color-accent-2); } .theme-light, .theme-dark { --dropdown-background: var(--interactive-normal= ); --dropdown-background-hover: var(--interactive-hover); } .theme-light { color-scheme: light; --highlight-mix-blend-mode: darken; --m= ono-rgb-0: 255, 255, 255; --mono-rgb-100: 0, 0, 0; --color-red-rgb: 233, 49= , 71; --color-red: #e93147; --color-orange-rgb: 236, 117, 0; --color-orange= : #ec7500; --color-yellow-rgb: 224, 172, 0; --color-yellow: #e0ac00; --colo= r-green-rgb: 8, 185, 78; --color-green: #08b94e; --color-cyan-rgb: 0, 191, = 188; --color-cyan: #00bfbc; --color-blue-rgb: 8, 109, 221; --color-blue: #0= 86ddd; --color-purple-rgb: 120, 82, 238; --color-purple: #7852ee; --color-p= ink-rgb: 213, 57, 132; --color-pink: #d53984; --color-base-00: #ffffff; --c= olor-base-05: #fcfcfc; --color-base-10: #fafafa; --color-base-20: #f6f6f6; = --color-base-25: #e3e3e3; --color-base-30: #e0e0e0; --color-base-35: #d4d4d= 4; --color-base-40: #bdbdbd; --color-base-50: #ababab; --color-base-60: #70= 7070; --color-base-70: #5c5c5c; --color-base-100: #222222; --color-accent-h= sl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accent: hsl(= var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(c= alc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l= ) * 1.075)); --color-accent-2: hsl(calc(var(--accent-h) - 3), calc(var(--ac= cent-s) * 1.02), calc(var(--accent-l) * 1.15)); --background-secondary-alt:= var(--color-base-05); --background-modifier-box-shadow: rgba(0, 0, 0, 0.1)= ; --background-modifier-cover: rgba(220, 220, 220, 0.4); --input-shadow: in= set 0 0 0 1px rgba(0, 0, 0, 0.12), 0 2px 3px 0 rgba(0, 0, 0, 0.05), 0 1px 1= .5px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(0, 0, 0, 0.04), 0 0 0 0 transp= arent; --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 2px 3px= 0 rgba(0, 0, 0, 0.1), 0 1px 1.5px 0 rgba(0, 0, 0, 0.03), 0 1px 2px 0 rgba(= 0, 0, 0, 0.04), 0 0 0 0 transparent; --shadow-edges: 0 0 transparent; --sha= dow-xs: 0 1px 6px rgba(0, 0, 0, 0.015), 0 4px 24px rgba(0, 0, 0, 0.065), va= r(--shadow-edges); --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px = 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); --shadow-l: = 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112)= , 0px 15px 30px rgba(0, 0, 0, 0.1); } .theme-dark { color-scheme: dark; --highlight-mix-blend-mode: lighten; --mo= no-rgb-0: 0, 0, 0; --mono-rgb-100: 255, 255, 255; --color-red-rgb: 251, 70,= 76; --color-red: #fb464c; --color-orange-rgb: 233, 151, 63; --color-orange= : #e9973f; --color-yellow-rgb: 224, 222, 113; --color-yellow: #e0de71; --co= lor-green-rgb: 68, 207, 110; --color-green: #44cf6e; --color-cyan-rgb: 83, = 223, 221; --color-cyan: #53dfdd; --color-blue-rgb: 2, 122, 255; --color-blu= e: #027aff; --color-purple-rgb: 168, 130, 255; --color-purple: #a882ff; --c= olor-pink-rgb: 250, 153, 205; --color-pink: #fa99cd; --color-base-00: #1e1e= 1e; --color-base-05: #212121; --color-base-10: #242424; --color-base-20: #2= 62626; --color-base-25: #2a2a2a; --color-base-30: #363636; --color-base-35:= #3f3f3f; --color-base-40: #555555; --color-base-50: #666666; --color-base-= 60: #999999; --color-base-70: #b3b3b3; --color-base-100: #dadada; --color-a= ccent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-accen= t: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1= : hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--a= ccent-l) * 1.15)); --color-accent-2: hsl(calc(var(--accent-h) - 5), calc(va= r(--accent-s) * 1.05), calc(var(--accent-l) * 1.29)); --blur-background: co= lor-mix(in srgb, var(--interactive-normal) var(--blur-translucency-s), tran= sparent) linear-gradient(var(--interactive-normal), color-mix(in srgb, var(= --interactive-normal) var(--blur-translucency-s), transparent)); --backgrou= nd-modifier-form-field: var(--color-base-25); --background-secondary-alt: v= ar(--color-base-30); --interactive-normal: var(--color-base-30); --interact= ive-hover: var(--color-base-35); --text-accent: var(--color-accent-1); --in= teractive-accent: var(--color-accent); --interactive-accent-hover: var(--co= lor-accent-1); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --back= ground-modifier-cover: rgba(10, 10, 10, 0.4); --raised-mask-background: tra= nsparent; --text-selection: hsla(var(--interactive-accent-hsl), 0.33); --in= put-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 2px 4px = 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0= , 0, 0, 0.2), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0.5px 1px = 0.5px rgba(255, 255, 255, 0.16), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 1.5p= x 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent= ; --shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.045), 0 4px 24px rgba(0, 0, 0, 0.1= 95), var(--shadow-edges); --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px= 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); --shad= ow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, = 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); --pdf-shadow: 0 0 0 1px var(--bac= kground-modifier-border); --pdf-thumbnail-shadow: 0 0 0 1px var(--backgroun= d-modifier-border); } .mod-macos { --slider-thumb-width: 30px; --toggle-width: 44px; --toggle-rad= ius: 24px; --toggle-thumb-radius: 24px; --toggle-thumb-height: 16px; --togg= le-thumb-width: 26px; --toggle-thumb-opacity-active: 0.6; --toggle-s-width:= 36px; --toggle-s-thumb-height: 12px; --toggle-s-thumb-width: 20px; } iframe { color-scheme: normal; } @media print { .theme-dark { --highlight-mix-blend-mode: darken; } } * { box-sizing: border-box; } html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; overscro= ll-behavior: none; } body { text-rendering: optimizelegibility; font-family: var(--font-interfac= e); line-height: var(--line-height-tight); font-size: var(--font-ui-medium)= ; background-color: var(--background-primary); color: var(--text-normal); -= webkit-tap-highlight-color: rgba(255, 255, 255, 0); overflow: clip; contain= : strict; } body.is-translucent { background-color: transparent; } @keyframes node-inserted {=20 0% { outline-color: rgb(255, 255, 255); } 100% { outline-color: rgb(0, 0, 0); } } .node-insert-event { animation-duration: 0.01s; animation-name: node-insert= ed; } .is-flashing { transition: color 0.25s, background-color 0.25s; color: var(= --text-normal); mix-blend-mode: var(--highlight-mix-blend-mode); border-rad= ius: var(--radius-s); background-color: var(--text-highlight-bg) !important= ; } @media print { html, body { padding-top: 0px !important; overflow: auto !important; heig= ht: auto !important; contain: initial !important; } iframe, .titlebar, .app-container, .progress-bar, .popover, .markdown-emb= ed-link, .suggestion-container, .cm-tooltip.cm-tooltip-autocomplete { displ= ay: none !important; } body > :not(.print) { display: none !important; } .print .markdown-preview-view { print-color-adjust: exact; color: initial= ; height: unset !important; } .print .markdown-preview-view mark { color: initial; } .print .markdown-preview-view .metadata-container { display: none; } .print .markdown-preview-view .markdown-embed-content { max-height: none;= overflow: visible; } .print .markdown-preview-view .callout-content { display: inherit !import= ant; } .print .bases-toolbar svg.lucide-chevrons-up-down { display: none; } .print .bases-toolbar .bases-toolbar-item.bases-toolbar-sort-menu, .print= .bases-toolbar .bases-toolbar-item.bases-toolbar-filter-menu, .print .base= s-toolbar .bases-toolbar-item.bases-toolbar-properties-menu, .print .bases-= toolbar .bases-toolbar-item.bases-toolbar-new-item-menu { display: none; } .print .external-link { background: none; padding-right: 0px; } * { text-shadow: none !important; } webview { display: none; } ::-webkit-scrollbar { display: none; } body { --font-text: var(--font-print) !important; } } @font-face { font-family: InterVariable; font-style: normal; font-weight: 1= 00 900; font-display: swap; src: url("/public/fonts/c504db5c06caaf7cdfba.wo= ff2") format("woff2"); } @font-face { font-family: InterVariable; font-style: italic; font-weight: 1= 00 900; font-display: swap; src: url("/public/fonts/01dcbad1bac635f9c9cd.wo= ff2") format("woff2"); } @font-face { font-family: "??"; unicode-range: U+0; } body { --font-text-size: 16px; --font-default: ui-sans-serif, -apple-system= , BlinkMacSystemFont, system-ui, Roboto, "Helvetica", "Arial", "Segoe UI", = "InterVariable", "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI = Symbol", sans-serif; --font-monospace-default: ui-monospace, SFMono-Regular= , "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Me= nlo, Monaco, "Consolas", "Source Code Pro", monospace; --font-interface-the= me: '??'; --font-interface: var(--font-interface-theme), var(--font-default= ); --font-text-theme: '??'; --font-text: var(--font-text-theme), var(--font= -default); --font-monospace-theme: '??'; --font-monospace: var(--font-monos= pace-theme), var(--font-monospace-default); --font-mermaid: var(--font-text= ); } audio { outline: none; } .markdown-rendered audio { max-width: 100%; outline: none; } audio { width: 100%; height: 42px; } audio::-webkit-media-controls-enclosure { border-radius: calc(var(--radius-= m) - 1px); border: var(--border-width) solid var(--background-modifier-bord= er); background-color: var(--background-primary-alt); } audio::-webkit-media-controls-current-time-display, audio::-webkit-media-co= ntrols-time-remaining-display { font-family: var(--font-interface); } .markdown-rendered blockquote { color: var(--blockquote-color); font-style:= var(--blockquote-font-style); background-color: var(--blockquote-backgroun= d-color); border-inline-start: var(--blockquote-border-thickness) solid var= (--blockquote-border-color); padding-top: 0px; padding-bottom: 0px; padding= -inline-start: var(--size-4-6); margin-inline: 0px; } .markdown-rendered blockquote > :first-child { margin-top: 0px; } .markdown-rendered blockquote > :last-child { margin-bottom: 0px; } .callout { --callout-color: var(--callout-default); --callout-icon: lucide-= pencil; } @supports (color: color-mix(in srgb, white 50%, black)) { .callout { --bases-table-header-background: transparent; --bases-table-he= ader-background-hover: rgba(var(--callout-color), 0.1); --bases-embed-borde= r-color: color-mix(in srgb, rgb(var(--callout-color)) 25%, var(--background= -primary) 50%); --bases-table-border-color: color-mix(in srgb, rgb(var(--ca= llout-color)) 25%, var(--background-primary) 50%); --table-border-color: co= lor-mix(in srgb, rgb(var(--callout-color)) 25%, var(--background-primary) 5= 0%); } } .callout[data-callout=3D"abstract"], .callout[data-callout=3D"summary"], .c= allout[data-callout=3D"tldr"] { --callout-color: var(--callout-summary); --= callout-icon: lucide-clipboard-list; } .callout[data-callout=3D"info"] { --callout-color: var(--callout-info); --c= allout-icon: lucide-info; } .callout[data-callout=3D"todo"] { --callout-color: var(--callout-todo); --c= allout-icon: lucide-check-circle-2; } .callout[data-callout=3D"important"] { --callout-color: var(--callout-impor= tant); --callout-icon: lucide-flame; } .callout[data-callout=3D"tip"], .callout[data-callout=3D"hint"] { --callout= -color: var(--callout-tip); --callout-icon: lucide-flame; } .callout[data-callout=3D"success"], .callout[data-callout=3D"check"], .call= out[data-callout=3D"done"] { --callout-color: var(--callout-success); --cal= lout-icon: lucide-check; } .callout[data-callout=3D"question"], .callout[data-callout=3D"help"], .call= out[data-callout=3D"faq"] { --callout-color: var(--callout-question); --cal= lout-icon: help-circle; } .callout[data-callout=3D"warning"], .callout[data-callout=3D"caution"], .ca= llout[data-callout=3D"attention"] { --callout-color: var(--callout-warning)= ; --callout-icon: lucide-alert-triangle; } .callout[data-callout=3D"failure"], .callout[data-callout=3D"fail"], .callo= ut[data-callout=3D"missing"] { --callout-color: var(--callout-fail); --call= out-icon: lucide-x; } .callout[data-callout=3D"danger"], .callout[data-callout=3D"error"] { --cal= lout-color: var(--callout-error); --callout-icon: lucide-zap; } .callout[data-callout=3D"bug"] { --callout-color: var(--callout-bug); --cal= lout-icon: lucide-bug; } .callout[data-callout=3D"example"] { --callout-color: var(--callout-example= ); --callout-icon: lucide-list; } .callout[data-callout=3D"quote"], .callout[data-callout=3D"cite"] { --callo= ut-color: var(--callout-quote); --callout-icon: quote-glyph; } .callout { overflow: hidden; border-style: solid; border-color: rgba(var(--= callout-color), var(--callout-border-opacity)); border-width: var(--callout= -border-width); border-radius: var(--callout-radius); margin: 1em 0px; mix-= blend-mode: var(--callout-blend-mode); background-color: rgba(var(--callout= -color), 0.1); padding: var(--callout-padding); } .callout.is-collapsible .callout-title { cursor: var(--cursor); } .callout-title { padding: var(--callout-title-padding); display: flex; gap:= var(--size-4-1); font-size: var(--callout-title-size); color: rgb(var(--ca= llout-color)); line-height: var(--line-height-tight); align-items: flex-sta= rt; } .callout-content { overflow-x: auto; padding: var(--callout-content-padding= ); background-color: var(--callout-content-background); } .callout-content .callout { margin-top: 20px; } .callout-icon { flex: 0 0 auto; display: flex; align-items: center; } .callout-icon .svg-icon { color: rgb(var(--callout-color)); } .callout-icon::after { content: "=E2=80=8B"; } .callout-title-inner { --font-weight: var(--callout-title-weight); font-wei= ght: var(--font-weight); color: var(--callout-title-color); } .callout-fold { display: flex; align-items: center; padding-inline-end: var= (--size-4-2); } .callout-fold::after { content: "=E2=80=8B"; } .callout-fold .svg-icon { transition: transform 100ms ease-in-out; } .callout-fold.is-collapsed .svg-icon { transform: rotate(calc(var(--directi= on) * -1 * 90deg)); } .markdown-rendered pre { position: relative; padding: var(--size-4-3) var(-= -size-4-4); min-height: 38px; background-color: var(--code-background); bor= der-radius: var(--code-radius); white-space: var(--code-white-space); borde= r: var(--code-border-width) solid var(--code-border-color); overflow-x: aut= o; } .markdown-rendered pre code { border-width: medium; border-style: none; bor= der-color: currentcolor; border-image: none; padding: 0px; background-color= : transparent; } .markdown-rendered li > pre { margin: 0px; } .markdown-rendered pre:not(:hover) > button.copy-code-button { display: non= e; } .markdown-rendered button.copy-code-button { margin: 6px; padding: 6px 8px;= height: auto; background-color: transparent; box-shadow: none; color: var(= --text-muted); font-size: var(--font-ui-smaller); font-family: var(--font-i= nterface); position: absolute; top: 0px; inset-inline-end: 0px; } @media (hover: hover) { .markdown-rendered button.copy-code-button:hover { background-color: var(= --background-modifier-hover); } } .theme-dark .mermaid > svg { filter: invert(100%) hue-rotate(180deg) satura= te(1.25); } code[class*=3D"language-"] { color: var(--code-normal); background: none; o= verflow-wrap: break-word; white-space: pre-wrap; word-break: normal; direct= ion: ltr; font-family: var(--font-monospace); text-align: left; word-spacin= g: normal; line-height: var(--line-height-normal); hyphens: none; } @media print { code[class*=3D"language-"] { text-shadow: none; } } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: var(--= code-comment); } .token.namespace { opacity: 0.7; } .token.tag, .token.constant, .token.symbol, .token.deleted { color: var(--c= ode-tag); } .token.punctuation { color: var(--code-punctuation); } .token.boolean, .token.number { color: var(--code-value); } .token.selector, .token.attr-name, .token.string, .token.char, .token.inser= ted { color: var(--code-string); } .token.operator { color: var(--code-operator); } .token.entity, .token.parameter, .token.property, .token.url, .language-css= .token.string, .style .token.string, .token.variable { color: var(--code-p= roperty); } .token.atrule, .token.attr-value, .token.builtin, .token.function, .token.c= lass-name, .token.property-access { color: var(--code-function); } .token.keyword { color: var(--code-keyword); } .token.regex, .token.important { color: var(--code-important); } .markdown-rendered code { color: var(--code-normal); font-family: var(--fon= t-monospace); background-color: var(--code-background); border-radius: var(= --code-radius); font-size: var(--code-size); padding: 0.15em 0.3em; border:= var(--code-border-width) solid var(--code-border-color); -webkit-box-decor= ation-break: clone; } .markdown-preview-view .markdown-embed .markdown-preview-view { --file-fold= ing-offset: 0px; height: 100%; padding: 0px; } .markdown-preview-view .markdown-embed .markdown-preview-view .markdown-pre= view-pusher h1, .markdown-preview-view .markdown-embed .markdown-preview-vi= ew .markdown-preview-pusher h2, .markdown-preview-view .markdown-embed .mar= kdown-preview-view .markdown-preview-pusher h3, .markdown-preview-view .mar= kdown-embed .markdown-preview-view .markdown-preview-pusher h4, .markdown-p= review-view .markdown-embed .markdown-preview-view .markdown-preview-pusher= h5, .markdown-preview-view .markdown-embed .markdown-preview-view .markdow= n-preview-pusher h6 { margin-top: 0px; } .pdf-embed, .markdown-source-view .pdf-embed, .markdown-source-view.mod-cm6= .cm-content > .pdf-embed, .internal-embed.pdf-embed:not(.image-embed) { wi= dth: 100%; height: 800px; display: flex; flex-direction: column; } .pdf-embed { overflow: hidden; position: relative; } .pdf-embed:not(.canvas-node-content) { border: var(--border-width) solid va= r(--background-modifier-border); border-radius: var(--radius-s); } .pdf-embed:not(.canvas-node-content) .edit-block-button + .pdf-toolbar { pa= dding-inline-end: var(--size-4-9); } .markdown-source-view.mod-cm6 .pdf-embed .edit-block-button { background-co= lor: var(--background-primary); opacity: 1; top: 6px; z-index: 1; } @media (hover: hover) { .markdown-source-view.mod-cm6 .pdf-embed .edit-block-button:hover { color= : var(--icon-color-hover); background-color: var(--background-modifier-hove= r); } } @media print { .pdf-embed:not(.canvas-node-content) { align-items: center; border-width:= medium; border-style: none; border-color: currentcolor; border-image: none= ; justify-content: center; max-height: 80vh; } .pdf-embed:not(.canvas-node-content) .pdf-container, .pdf-embed:not(.canv= as-node-content) .pdf-toolbar { display: none; } .pdf-embed:not(.canvas-node-content) .canvasWrapper { border-radius: var(= --radius-s); border: 1px solid var(--background-modifier-border); max-heigh= t: 100%; overflow: hidden; width: fit-content; } .pdf-embed:not(.canvas-node-content) canvas { height: auto; width: 100%; = } } .markdown-embed, .file-embed { position: relative; } .markdown-embed-link, .file-embed-link { position: absolute; top: 4px; inse= t-inline-end: 4px; color: var(--icon-color); opacity: var(--icon-opacity); = cursor: var(--cursor-link); padding: var(--size-2-2); border-radius: var(--= radius-s); display: flex; align-items: center; --icon-size: var(--icon-s); = --icon-stroke: var(--icon-s-stroke-width); } @media (hover: hover) { .markdown-embed-link:hover, .file-embed-link:hover { color: var(--icon-co= lor-hover); opacity: var(--icon-opacity-hover); background: var(--backgroun= d-modifier-hover); } } .file-embed-title { display: flex; align-items: center; justify-content: ce= nter; gap: var(--size-4-2); } .file-embed-icon { color: var(--text-muted); display: flex; } .file-embed { display: flex; justify-content: center; border-radius: var(--= radius-m); background-color: var(--background-primary-alt); } .file-embed.mod-generic, .file-embed.mod-empty { cursor: var(--cursor-link)= ; padding: var(--size-4-2); color: var(--text-muted); text-align: center; f= ont-size: var(--font-smaller); } @media (hover: hover) { .file-embed.mod-generic:hover, .file-embed.mod-empty:hover { color: var(-= -text-normal); background-color: var(--background-secondary); } } .file-embed.mod-empty-attachment { padding: var(--size-4-2); color: var(--t= ext-muted); text-align: center; font-size: var(--font-smaller); } .markdown-embed-content { height: 100%; } .embed-title { align-items: center; display: flex; gap: var(--size-4-1); fo= nt-size: var(--font-text-size); font-weight: calc(var(--font-weight) + var(= --bold-modifier)); text-align: start; text-overflow: ellipsis; white-space:= nowrap; padding: 0 0 var(--size-4-2) 0; } .markdown-embed { font-style: var(--embed-font-style); background-color: va= r(--embed-background); border-top: var(--embed-border-top); border-inline-e= nd: var(--embed-border-end, var(--embed-border-right)); border-bottom: var(= --embed-border-bottom); border-inline-start: var(--embed-border-start, var(= --embed-border-left)); margin: 0px; } .markdown-embed .markdown-preview-view { padding: 0px; } .internal-embed:not(.image-embed) { display: block; } .internal-embed img:not([width]), .internal-embed audio, .internal-embed vi= deo { max-width: 100%; } .internal-embed.query-embed .edit-block-button { opacity: 1; } .inline-embed > .markdown-embed-title { padding: var(--embed-padding); } .inline-embed > .markdown-embed-content { height: fit-content; max-height: = var(--embed-max-height); overflow: auto; } .inline-embed > .markdown-embed-content > .markdown-source-view, .inline-em= bed > .markdown-embed-content > .markdown-preview-view { padding: var(--emb= ed-padding); } .inline-embed .markdown-source-view.mod-cm6 .cm-editor { min-height: unset;= } .embed-iframe { width: 100%; height: 100%; } iframe.external-embed { width: 600px; max-width: 100%; height: 350px; } .footnote-link { text-decoration: none; } .footnotes { font-size: var(--footnote-size); } .footnote-ref { vertical-align: super; } .footnote-backref { display: inline-block; margin-inline-start: var(--size-= 4-1); color: var(--text-faint); text-decoration: none; } @media (hover: hover) { .footnote-backref:hover { color: var(--text-accent); text-decoration: non= e; } } .markdown-rendered li h1, .markdown-rendered li h2, .markdown-rendered li h= 3, .markdown-rendered li h4, .markdown-rendered li h5 { margin-top: 0px; ma= rgin-bottom: 0px; } .markdown-rendered :is(p, pre, table, ul, ol) + :is(h1, h2, h3, h4, h5, h6)= , .markdown-rendered div:is(.el-p, .el-pre, .el-table, .el-ul, .el-ol) + di= v > :is(h1, h2, h3, h4, h5, h6) { margin-top: var(--heading-spacing); } h1, h2, h3, h4, h5, h6 { margin-block-start: var(--p-spacing); margin-block= -end: var(--p-spacing); } h1, .markdown-rendered h1 { --font-weight: var(--h1-weight); font-variant: = var(--h1-variant); letter-spacing: var(--h1-letter-spacing); line-height: v= ar(--h1-line-height); font-size: var(--h1-size); color: var(--h1-color); fo= nt-weight: var(--font-weight); font-style: var(--h1-style); font-family: va= r(--h1-font); } h1 a, .markdown-rendered h1 a { --link-weight: var(--h1-weight); } h2, .markdown-rendered h2 { --font-weight: var(--h2-weight); font-variant: = var(--h2-variant); letter-spacing: var(--h2-letter-spacing); line-height: v= ar(--h2-line-height); font-size: var(--h2-size); color: var(--h2-color); fo= nt-weight: var(--font-weight); font-style: var(--h2-style); font-family: va= r(--h2-font); } h2 a, .markdown-rendered h2 a { --link-weight: var(--h2-weight); } h3, .markdown-rendered h3 { --font-weight: var(--h3-weight); font-variant: = var(--h3-variant); letter-spacing: var(--h3-letter-spacing); line-height: v= ar(--h3-line-height); font-size: var(--h3-size); color: var(--h3-color); fo= nt-weight: var(--font-weight); font-style: var(--h3-style); font-family: va= r(--h3-font); } h3 a, .markdown-rendered h3 a { --link-weight: var(--h3-weight); } h4, .markdown-rendered h4 { --font-weight: var(--h4-weight); font-variant: = var(--h4-variant); letter-spacing: var(--h4-letter-spacing); line-height: v= ar(--h4-line-height); font-size: var(--h4-size); color: var(--h4-color); fo= nt-weight: var(--font-weight); font-style: var(--h4-style); font-family: va= r(--h4-font); } h4 a, .markdown-rendered h4 a { --link-weight: var(--h4-weight); } h5, .markdown-rendered h5 { --font-weight: var(--h5-weight); font-variant: = var(--h5-variant); letter-spacing: var(--h5-letter-spacing); font-size: var= (--h5-size); line-height: var(--h5-line-height); color: var(--h5-color); fo= nt-weight: var(--font-weight); font-style: var(--h5-style); font-family: va= r(--h5-font); } h5 a, .markdown-rendered h5 a { --link-weight: var(--h5-weight); } h6, .markdown-rendered h6 { --font-weight: var(--h6-weight); font-variant: = var(--h6-variant); letter-spacing: var(--h6-letter-spacing); font-size: var= (--h6-size); line-height: var(--h6-line-height); color: var(--h6-color); fo= nt-weight: var(--font-weight); font-style: var(--h6-style); font-family: va= r(--h6-font); } h6 a, .markdown-rendered h6 a { --link-weight: var(--h6-weight); } hr { border-right-width: medium; border-bottom-width: medium; border-left-w= idth: medium; border-right-style: none; border-bottom-style: none; border-l= eft-style: none; border-image: none; border-top-width: ; border-top-style: = ; border-color: var(--hr-color); margin: 2rem 0px; } .markdown-rendered hr { border-right-width: medium; border-bottom-width: me= dium; border-left-width: medium; border-right-style: none; border-bottom-st= yle: none; border-left-style: none; border-image: none; border-top-width: ;= border-top-style: ; border-color: var(--hr-color); } iframe { border: 0px; } .markdown-preview-view img, .markdown-rendered img { image-rendering: -webk= it-optimize-contrast; max-width: 100%; } .markdown-preview-view img:not([width]), .markdown-rendered img:not([width]= ) { outline: none; } kbd { color: var(--code-normal); font-family: var(--font-monospace); backgr= ound-color: var(--code-background); border-radius: var(--radius-s); font-si= ze: var(--code-size); padding: 0.1em 0.25em; } a { --font-weight: var(--link-weight); color: var(--link-color); font-weigh= t: var(--link-weight); outline: none; text-decoration-line: var(--link-deco= ration); text-decoration-thickness: var(--link-decoration-thickness); curso= r: var(--cursor-link); transition: opacity var(--anim-duration-fast) ease-i= n-out; } @media (hover: hover) { a:hover { color: var(--link-color-hover); text-decoration-line: var(--lin= k-decoration-hover); } } a.mobile-tap { opacity: 0.5; } .external-link { color: var(--link-external-color); text-decoration-line: v= ar(--link-external-decoration); background-position: right 0.25em; backgrou= nd-repeat: no-repeat; background-image: linear-gradient(transparent, transp= arent), url("/public/images/6155340132a851f6089e.svg"); background-size: 0.= 825em auto; padding-inline-end: 0.9em; cursor: var(--cursor-link); filter: = var(--link-external-filter); transition: opacity var(--anim-duration-fast) = ease-in-out; } @media (hover: hover) { .external-link:hover { color: var(--link-external-color-hover); text-deco= ration-line: var(--link-external-decoration-hover); } } .external-link.mobile-tap { opacity: 0.5; } @supports selector(:dir(rtl)) { :dir(rtl) .external-link { background-position: left center; background-i= mage: linear-gradient(transparent, transparent), url("/public/images/2308ab= 1944a6bfa5c5b8.svg"); background-repeat: no-repeat; } } .metadata-property-value .internal-link, .markdown-rendered .internal-link = { cursor: var(--cursor-link); text-decoration-line: var(--link-decoration);= --font-weight: var(--link-weight); color: var(--link-color); transition: o= pacity var(--anim-duration-fast) ease-in-out; } @media (hover: hover) { .metadata-property-value .internal-link:hover, .markdown-rendered .intern= al-link:hover { color: var(--link-color-hover); text-decoration-line: var(-= -link-decoration-hover); } } .metadata-property-value .internal-link.mobile-tap, .markdown-rendered .int= ernal-link.mobile-tap { opacity: 0.5; } .metadata-property-value .internal-link.is-unresolved, .markdown-rendered .= internal-link.is-unresolved { color: var(--link-unresolved-color); opacity:= var(--link-unresolved-opacity); filter: var(--link-unresolved-filter); tex= t-decoration-style: var(--link-unresolved-decoration-style); text-decoratio= n-color: var(--link-unresolved-decoration-color); } @media (hover: hover) { .metadata-property-value .internal-link.is-unresolved:hover, .markdown-re= ndered .internal-link.is-unresolved:hover { opacity: 1; color: var(--link-c= olor-hover); text-decoration-color: var(--link-color-hover); text-decoratio= n-line: var(--link-decoration-hover); } } ul ul, ol ul, ol ol ul, ol ul ul, ul ol ul, ul ul ul { list-style-type: dis= c; } ol { list-style-type: var(--list-numbered-style); } ul > li, ol > li { text-align: start; } ol > li::marker, ul > li::marker { color: var(--list-marker-color); } ol > li.is-collapsed::marker, ul > li.is-collapsed::marker { color: var(--l= ist-marker-color-collapsed); } .markdown-rendered ul, .markdown-rendered ol { padding-inline-start: 0px; m= argin-block-start: var(--p-spacing); margin-block-end: var(--p-spacing); } .markdown-rendered ul ul, .markdown-rendered ol ul, .markdown-rendered ul o= l, .markdown-rendered ol ol { margin-block: 0px; } .markdown-rendered ul li p:first-of-type, .markdown-rendered ol li p:first-= of-type { margin-block-start: 0px; } .markdown-rendered ul li p:last-of-type, .markdown-rendered ol li p:last-of= -type { margin-block-end: 0px; } .markdown-rendered ul > li, .markdown-rendered ol > li { padding-top: var(-= -list-spacing); padding-bottom: var(--list-spacing); position: relative; } .markdown-rendered ul > li { margin-inline-start: 3ch; } .markdown-rendered ol > li { margin-inline-start: 3ch; } .markdown-rendered ol ol > li, .markdown-rendered ul ul > li { margin-inlin= e-start: var(--list-indent); } .markdown-rendered table { margin-block-start: var(--p-spacing); margin-blo= ck-end: var(--p-spacing); word-break: normal; } .cm-html-embed table, .markdown-rendered table { border-collapse: collapse;= line-height: var(--table-line-height); } .cm-html-embed td, .markdown-rendered td, .cm-html-embed th, .markdown-rend= ered th { padding: var(--size-2-2) var(--size-4-2); border: var(--table-bor= der-width) solid var(--table-border-color); max-width: var(--table-column-m= ax-width); min-width: var(--table-column-min-width); vertical-align: var(--= table-cell-vertical-alignment); } .cm-html-embed td, .markdown-rendered td { font-size: var(--table-text-size= ); color: var(--table-text-color); } .cm-html-embed th, .markdown-rendered th { font-size: var(--table-header-si= ze); font-weight: var(--table-header-weight); color: var(--table-header-col= or); font-family: var(--table-header-font); line-height: var(--line-height-= tight); } .cm-html-embed th, .markdown-rendered th, .cm-html-embed td, .markdown-rend= ered td { text-align: start; } .cm-html-embed th[align=3D"left"], .markdown-rendered th[align=3D"left"], .= cm-html-embed td[align=3D"left"], .markdown-rendered td[align=3D"left"] { t= ext-align: start; } .cm-html-embed th[align=3D"center"], .markdown-rendered th[align=3D"center"= ], .cm-html-embed td[align=3D"center"], .markdown-rendered td[align=3D"cent= er"] { text-align: center; } .cm-html-embed th[align=3D"right"], .markdown-rendered th[align=3D"right"],= .cm-html-embed td[align=3D"right"], .markdown-rendered td[align=3D"right"]= { text-align: end; } .cm-html-embed thead > tr > th, .markdown-rendered thead > tr > th, .cm-htm= l-embed tbody > tr > td, .markdown-rendered tbody > tr > td { white-space: = var(--table-white-space); text-overflow: ellipsis; overflow: hidden; } .cm-html-embed thead > tr > th > .markdown-embed, .markdown-rendered thead = > tr > th > .markdown-embed, .cm-html-embed tbody > tr > td > .markdown-emb= ed, .markdown-rendered tbody > tr > td > .markdown-embed { white-space: nor= mal; } .cm-html-embed tbody tr, .markdown-rendered tbody tr { background-color: va= r(--table-background); } @media (hover: hover) { .cm-html-embed tbody tr:hover, .markdown-rendered tbody tr:hover { backgr= ound-color: var(--table-row-background-hover); } } .cm-html-embed tbody tr:nth-child(2n+1), .markdown-rendered tbody tr:nth-ch= ild(2n+1) { background-color: var(--table-row-alt-background); } @media (hover: hover) { .cm-html-embed tbody tr:nth-child(2n+1):hover, .markdown-rendered tbody t= r:nth-child(2n+1):hover { background-color: var(--table-row-alt-background-= hover); } } .cm-html-embed tbody tr > td:nth-child(2n+2), .markdown-rendered tbody tr >= td:nth-child(2n+2) { background-color: var(--table-column-alt-background);= } .cm-html-embed tbody tr:last-child > td, .markdown-rendered tbody tr:last-c= hild > td { border-bottom-width: var(--table-row-last-border-width); } .cm-html-embed tbody tr > td:first-child, .markdown-rendered tbody tr > td:= first-child { border-left-width: var(--table-column-first-border-width); } .cm-html-embed tbody tr > td:last-child, .markdown-rendered tbody tr > td:l= ast-child { border-right-width: var(--table-column-last-border-width); } .cm-html-embed thead tr, .markdown-rendered thead tr { background-color: va= r(--table-header-background); } @media (hover: hover) { .cm-html-embed thead tr:hover, .markdown-rendered thead tr:hover { backgr= ound-color: var(--table-header-background-hover); } } .cm-html-embed thead tr > th, .markdown-rendered thead tr > th { border-top= -width: var(--table-header-border-width); border-color: var(--table-header-= border-color); } .cm-html-embed thead tr > th:nth-child(2n+2), .markdown-rendered thead tr >= th:nth-child(2n+2) { background-color: var(--table-column-alt-background);= } .cm-html-embed thead tr > th:first-child, .markdown-rendered thead tr > th:= first-child { border-left-width: var(--table-column-first-border-width); } .cm-html-embed thead tr > th:last-child, .markdown-rendered thead tr > th:l= ast-child { border-right-width: var(--table-column-last-border-width); } a.tag { background-color: var(--tag-background); border: var(--tag-border-w= idth) solid var(--tag-border-color); border-radius: var(--tag-radius); colo= r: var(--tag-color); font-size: var(--tag-size); font-weight: var(--tag-wei= ght); text-decoration: var(--tag-decoration); padding: var(--tag-padding-y)= var(--tag-padding-x); line-height: 1; } @media (hover: hover) { a.tag:hover { background-color: var(--tag-background-hover); border: var(= --tag-border-width) solid var(--tag-border-color-hover); color: var(--tag-c= olor-hover); text-decoration: var(--tag-decoration-hover); } } input[type=3D"radio"], input[type=3D"checkbox"] { appearance: none; border-= radius: var(--checkbox-radius); border: 1px solid var(--checkbox-border-col= or); flex-shrink: 0; padding: 0px; margin: 0px; margin-inline-end: 6px; wid= th: var(--checkbox-size); height: var(--checkbox-size); position: relative;= transition: box-shadow 0.15s ease-in-out; } input[type=3D"radio"][disabled=3D"true"], input[type=3D"checkbox"][disabled= =3D"true"] { pointer-events: none; } input[type=3D"radio"]:hover, input[type=3D"checkbox"]:hover, input[type=3D"= radio"]:active, input[type=3D"checkbox"]:active, input[type=3D"radio"]:focu= s, input[type=3D"checkbox"]:focus { outline: 0px; border-color: var(--check= box-border-color-hover); } input[type=3D"radio"]:focus-visible, input[type=3D"checkbox"]:focus-visible= { box-shadow: 0 0 0 2px var(--background-modifier-border-focus); } input[type=3D"radio"]:checked::after, input[type=3D"checkbox"]:checked::aft= er { content: ""; top: -1px; inset-inline-start: -1px; position: absolute; = width: var(--checkbox-size); height: var(--checkbox-size); display: block; = background-color: var(--checkbox-marker-color); mask-position: 52% 52%; mas= k-size: 65% auto; mask-repeat: no-repeat; mask-image: url("data:image/svg+x= ml; utf8, "); } input[type=3D"radio"]:checked, input[type=3D"checkbox"]:checked { backgroun= d-color: var(--checkbox-color); border-color: var(--checkbox-color); } @media (hover: hover) { input[type=3D"radio"]:checked:hover, input[type=3D"checkbox"]:checked:hov= er { background-color: var(--checkbox-color-hover); border-color: var(--che= ckbox-color-hover); } } input[type=3D"radio"][data-indeterminate=3D"true"]:not(:checked)::after, in= put[type=3D"checkbox"][data-indeterminate=3D"true"]:not(:checked)::after { = content: ""; position: absolute; top: calc(var(--checkbox-size) / 2 - 2px);= width: calc(var(--checkbox-size) - 6px); left: 0px; right: 0px; margin: 0p= x auto; height: 2px; display: block; border-radius: 2px; background-color: = var(--text-normal); } .task-list-item-checkbox { width: var(--checkbox-size); height: var(--check= box-size); } .markdown-preview-view .task-list-item-checkbox { position: relative; top: = 0.2em; margin-inline-end: 0.6em; } ul > li.task-list-item { list-style: none; } ul > li.task-list-item > p > .task-list-item-checkbox, ul > li.task-list-it= em > .task-list-item-checkbox { margin-inline-start: calc(var(--checkbox-si= ze) * -1.5); } ul > li.task-list-item[data-task=3D"x"], ul > li.task-list-item[data-task= =3D"X"] { text-decoration: var(--checklist-done-decoration); color: var(--c= hecklist-done-color); } input[type=3D"radio"] { border-radius: 50%; } input[type=3D"radio"]:checked { background-color: var(--interactive-accent)= ; border-color: var(--interactive-accent); } input[type=3D"radio"]:checked::after { mask-size: 50% auto; mask-position: = 50% 50%; mask-image: url("data:image/svg+xml; utf8, "); } b, strong { font-weight: calc(var(--font-weight) + var(--bold-modifier)); c= olor: var(--bold-color); } b a, strong a { font-weight: calc(var(--link-weight) + var(--bold-modifier)= ); } i, em { font-style: italic; color: var(--italic-color); } .markdown-rendered { } .markdown-rendered p { margin-block-start: var(--p-spacing); margin-block-e= nd: var(--p-spacing); unicode-bidi: plaintext; } .markdown-rendered mark { background-color: var(--text-highlight-bg); color= : var(--text-normal); } .markdown-rendered mark .internal-link { color: var(--text-normal); } .markdown-rendered video { max-width: 100%; outline: none; } .callout.is-collapsible .callout-title:hover { cursor: pointer; } .button-container { margin-top: 20px; } button { --text-color: var(--text-normal); app-region: no-drag; display: in= line-flex; align-items: center; justify-content: center; color: var(--text-= color); font-size: var(--font-ui-small); border-radius: var(--button-radius= ); border: 0px; padding: var(--size-4-1) var(--size-4-3); height: var(--inp= ut-height); font-weight: var(--input-font-weight); cursor: var(--cursor); f= ont-family: inherit; outline: none; user-select: none; white-space: nowrap;= } button:not(.clickable-icon) { color: var(--text-color); background-color: v= ar(--interactive-normal); box-shadow: var(--input-shadow); } button:not(.clickable-icon).mobile-tap { background-color: var(--interactiv= e-hover); box-shadow: var(--input-shadow-hover); } @media (hover: hover) { button:hover { background-color: var(--interactive-hover); box-shadow: va= r(--input-shadow-hover); } } button:focus-visible { box-shadow: 0 0 0 3px var(--background-modifier-bord= er-focus); } button[disabled], button[aria-disabled=3D"true"], button[disabled=3D"true"]= { cursor: not-allowed; opacity: 0.7; } button.mod-loading { color: transparent; position: relative; white-space: n= owrap; overflow: hidden; pointer-events: none; } button.mod-loading::after { content: ""; position: absolute; width: 12px; h= eight: 12px; inset: 0px; margin: auto; border-width: 2px; border-style: sol= id; border-right-color: transparent; border-bottom-color: transparent; bord= er-left-color: transparent; border-image: none; border-top-color: var(--tex= t-color); border-radius: 50%; animation: 1s ease 0s infinite normal none ru= nning spin; } @media (forced-colors: active) { button { border: 1px solid buttonborder; } } button.mod-cta { background-color: var(--interactive-accent); --text-color:= var(--text-on-accent); } button.mod-cta.mobile-tap { background-color: var(--interactive-accent-hove= r); } @media (hover: hover) { button.mod-cta:hover { background-color: var(--interactive-accent-hover);= } } button.mod-cta:focus-visible { box-shadow: 0 0 0 3px var(--background-modif= ier-border-focus); } button.mod-warning { background-color: var(--background-modifier-error); --= text-color: var(--text-on-accent); } @media (hover: hover) { button.mod-warning:hover { background-color: var(--background-modifier-er= ror-hover); } } button.mod-destructive { --text-color: var(--text-error); } .flair { background-color: var(--flair-background); border-radius: var(--ra= dius-s); color: var(--flair-color); font-size: 10px; letter-spacing: 0.05em= ; margin-inline-start: var(--size-4-2); padding: var(--size-2-1) var(--size= -2-2); position: relative; text-transform: uppercase; white-space: nowrap; = vertical-align: middle; } .flair.mod-flat { vertical-align: top; } .flair.mod-pop { --flair-background: var(--interactive-accent); --flair-col= or: var(--text-on-accent); } .input-button { padding: 6px 14px; margin-inline-start: 14px; color: var(--= text-muted); font-size: var(--font-ui-medium); position: relative; top: -1p= x; } @media (hover: hover) { .input-button:hover { color: var(--text-normal); } } textarea, .multi-select-container, input.metadata-input-text, input[type=3D= "date"], input[type=3D"datetime-local"], input[type=3D"text"], input[type= =3D"search"], input[type=3D"email"], input[type=3D"password"], input[type= =3D"number"] { app-region: no-drag; background: var(--background-modifier-f= orm-field); border: var(--input-border-width) solid var(--background-modifi= er-border); color: var(--text-normal); font-family: inherit; padding: var(-= -input-padding); font-size: var(--font-ui-small); border-radius: var(--inpu= t-radius); outline: none; } @media (hover: hover) { textarea:hover, .multi-select-container:hover, input.metadata-input-text:= hover, input[type=3D"date"]:hover, input[type=3D"datetime-local"]:hover, in= put[type=3D"text"]:hover, input[type=3D"search"]:hover, input[type=3D"email= "]:hover, input[type=3D"password"]:hover, input[type=3D"number"]:hover { ba= ckground-color: var(--background-modifier-form-field-hover); border-color: = var(--background-modifier-border-hover); transition: box-shadow var(--anim-= duration-fast) ease-in-out, border var(--anim-duration-fast) ease-in-out; } } textarea:active, .multi-select-container:active, input.metadata-input-text:= active, input[type=3D"date"]:active, input[type=3D"datetime-local"]:active,= input[type=3D"text"]:active, input[type=3D"search"]:active, input[type=3D"= email"]:active, input[type=3D"password"]:active, input[type=3D"number"]:act= ive, textarea:focus, .multi-select-container:focus, input.metadata-input-te= xt:focus, input[type=3D"date"]:focus, input[type=3D"datetime-local"]:focus,= input[type=3D"text"]:focus, input[type=3D"search"]:focus, input[type=3D"em= ail"]:focus, input[type=3D"password"]:focus, input[type=3D"number"]:focus {= border-color: var(--background-modifier-border-focus); transition: box-sha= dow 0.15s ease-in-out, border 0.15s ease-in-out; } textarea:active, .multi-select-container:active, input.metadata-input-text:= active, input[type=3D"date"]:active, input[type=3D"datetime-local"]:active,= input[type=3D"text"]:active, input[type=3D"search"]:active, input[type=3D"= email"]:active, input[type=3D"password"]:active, input[type=3D"number"]:act= ive, textarea:focus, .multi-select-container:focus, input.metadata-input-te= xt:focus, input[type=3D"date"]:focus, input[type=3D"datetime-local"]:focus,= input[type=3D"text"]:focus, input[type=3D"search"]:focus, input[type=3D"em= ail"]:focus, input[type=3D"password"]:focus, input[type=3D"number"]:focus, = textarea:focus-visible, .multi-select-container:focus-visible, input.metada= ta-input-text:focus-visible, input[type=3D"date"]:focus-visible, input[type= =3D"datetime-local"]:focus-visible, input[type=3D"text"]:focus-visible, inp= ut[type=3D"search"]:focus-visible, input[type=3D"email"]:focus-visible, inp= ut[type=3D"password"]:focus-visible, input[type=3D"number"]:focus-visible {= box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifie= r-border-focus); } textarea::placeholder, .multi-select-container::placeholder, input.metadata= -input-text::placeholder, input[type=3D"date"]::placeholder, input[type=3D"= datetime-local"]::placeholder, input[type=3D"text"]::placeholder, input[typ= e=3D"search"]::placeholder, input[type=3D"email"]::placeholder, input[type= =3D"password"]::placeholder, input[type=3D"number"]::placeholder { color: v= ar(--input-placeholder-color); } input[type=3D"text"], input[type=3D"search"], input[type=3D"email"], input[= type=3D"password"], input[type=3D"number"] { height: var(--input-height); } textarea { line-height: var(--line-height-tight); border-radius: var(--text= area-radius, var(--input-radius)); padding: var(--textarea-padding, var(--i= nput-padding)); } input[type=3D"search"]::-webkit-search-decoration, input[type=3D"search"]::= -webkit-search-cancel-button { display: none; pointer-events: none; } input[type=3D"number"]::-webkit-inner-spin-button { appearance: none; } input[type=3D"date"], input[type=3D"datetime-local"] { font-variant-numeric= : tabular-nums; position: relative; } input[type=3D"date"]::-webkit-datetime-edit-text, input[type=3D"datetime-lo= cal"]::-webkit-datetime-edit-text { color: var(--input-date-separator); pad= ding-inline-end: 0px; } input[type=3D"date"]:not([disabled=3D"true"])::-webkit-calendar-picker-indi= cator, input[type=3D"datetime-local"]:not([disabled=3D"true"])::-webkit-cal= endar-picker-indicator { position: absolute; left: var(--size-4-1); right: = auto; opacity: 0.5; } input[type=3D"date"].is-empty::-webkit-datetime-edit-month-field, input[typ= e=3D"datetime-local"].is-empty::-webkit-datetime-edit-month-field, input[ty= pe=3D"date"].is-empty::-webkit-datetime-edit-day-field, input[type=3D"datet= ime-local"].is-empty::-webkit-datetime-edit-day-field, input[type=3D"date"]= .is-empty::-webkit-datetime-edit-year-field, input[type=3D"datetime-local"]= .is-empty::-webkit-datetime-edit-year-field { color: var(--input-placeholde= r-color); } input[type=3D"date"].is-empty:focus-within::-webkit-datetime-edit-month-fie= ld, input[type=3D"datetime-local"].is-empty:focus-within::-webkit-datetime-= edit-month-field, input[type=3D"date"].is-empty:focus-within::-webkit-datet= ime-edit-day-field, input[type=3D"datetime-local"].is-empty:focus-within::-= webkit-datetime-edit-day-field, input[type=3D"date"].is-empty:focus-within:= :-webkit-datetime-edit-year-field, input[type=3D"datetime-local"].is-empty:= focus-within::-webkit-datetime-edit-year-field { color: var(--text-normal);= } input[type=3D"date"]::-webkit-datetime-edit-month-field:active, input[type= =3D"datetime-local"]::-webkit-datetime-edit-month-field:active, input[type= =3D"date"]::-webkit-datetime-edit-month-field:focus, input[type=3D"datetime= -local"]::-webkit-datetime-edit-month-field:focus, input[type=3D"date"]::-w= ebkit-datetime-edit-day-field:active, input[type=3D"datetime-local"]::-webk= it-datetime-edit-day-field:active, input[type=3D"date"]::-webkit-datetime-e= dit-day-field:focus, input[type=3D"datetime-local"]::-webkit-datetime-edit-= day-field:focus, input[type=3D"date"]::-webkit-datetime-edit-year-field:act= ive, input[type=3D"datetime-local"]::-webkit-datetime-edit-year-field:activ= e, input[type=3D"date"]::-webkit-datetime-edit-year-field:focus, input[type= =3D"datetime-local"]::-webkit-datetime-edit-year-field:focus { background-c= olor: var(--text-selection); color: var(--text-normal); cursor: text; } body:not(.is-ios):not(.is-android) input[type=3D"date"]:not([disabled=3D"tr= ue"]), body:not(.is-ios):not(.is-android) input[type=3D"datetime-local"]:no= t([disabled=3D"true"]) { padding-left: var(--size-4-6); } input[type=3D"range"] { width: 100px; appearance: none; background-color: v= ar(--slider-track-background); border-radius: var(--slider-track-height); h= eight: var(--slider-track-height); padding: 0px; outline: none; } input[type=3D"range"]::-webkit-slider-runnable-track { height: 6px; appeara= nce: none; } input[type=3D"range"]::-webkit-slider-thumb { appearance: none; height: var= (--slider-thumb-height); width: var(--slider-thumb-width); border-radius: v= ar(--slider-thumb-radius); cursor: default; background: rgb(255, 255, 255);= border: var(--slider-thumb-border-width) solid var(--slider-thumb-border-c= olor); position: relative; top: var(--slider-thumb-y); transition: 0.1s lin= ear; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px 0px, rgba(0, 0, 0, 0.1) 0p= x 2px 2px 0px; } input[type=3D"range"]::-webkit-slider-thumb:hover, input[type=3D"range"]::-= webkit-slider-thumb:active { background: white; border-color: var(--backgro= und-modifier-border-focus); box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px,= rgba(0, 0, 0, 0.2) 0px 2px 3px 0px; transition: 0.1s linear; } body:not(.is-mobile) input[type=3D"range"]:focus { box-shadow: none; } body:not(.is-mobile) input[type=3D"range"]:focus::-webkit-slider-thumb { bo= x-shadow: rgba(0, 0, 0, 0.05) 0px 1px 2px 0px, rgba(0, 0, 0, 0.2) 0px 2px 3= px 0px; } body:not(.is-mobile) input[type=3D"range"]:focus-visible::-webkit-slider-th= umb { border-color: var(--background-modifier-border-focus); box-shadow: 0 = 1px 2px 0px rgba(0, 0, 0, 0.05), 0 2px 3px 0px rgba(0, 0, 0, 0.2), 0 0 0px = 2px var(--background-modifier-border-focus); } input[type=3D"color"] { appearance: none; width: calc(var(--swatch-width) += 4px); background-color: transparent; border-width: medium; border-style: n= one; border-color: currentcolor; border-image: none; cursor: var(--cursor);= padding: 0px; } input[type=3D"color"]::-webkit-color-swatch-wrapper { padding: 2px; } input[type=3D"color"]::-webkit-color-swatch { border: 0px; box-shadow: var(= --swatch-shadow); border-radius: var(--swatch-radius); height: var(--swatch= -height); width: var(--swatch-width); align-self: center; } @media (hover: hover) { input[type=3D"color"]::-webkit-color-swatch:hover { box-shadow: inset 0 0= 0 1px rgba(var(--mono-rgb-100), 0.25), 0 0 0 var(--input-border-width-focu= s) var(--background-modifier-border-hover); } } input[type=3D"color"]:focus-visible::-webkit-color-swatch, input[type=3D"co= lor"]:focus::-webkit-color-swatch { box-shadow: var(--swatch-shadow), 0 0 0= var(--input-border-width-focus) var(--background-modifier-border-focus); } select.mod-hidden { display: none; } .formula-editor-container { width: 100%; } .formula-editor { padding: 0px; border-radius: var(--textarea-radius, var(-= -input-radius)); background-color: var(--interactive-normal); border: var(-= -input-border-width) solid var(--background-modifier-border); display: flex= ; align-items: center; min-height: var(--input-height); width: 100%; } @media (hover: hover) { .formula-editor:hover { border-color: var(--background-modifier-border-ho= ver); transition: box-shadow var(--anim-duration-fast) ease-in-out, border = var(--anim-duration-fast) ease-in-out; } } .formula-editor:active, .formula-editor:focus, .formula-editor:focus-within= { border-color: var(--background-modifier-border-focus); transition: box-s= hadow 0.15s ease-in-out, border 0.15s ease-in-out; } .formula-editor:active, .formula-editor:focus, .formula-editor:focus-visibl= e, .formula-editor:focus-within { box-shadow: 0 0 0 var(--input-border-widt= h-focus) var(--background-modifier-border-focus); } .formula-editor::placeholder { color: var(--input-placeholder-color); } .formula-editor .cm-editor { flex: 1 1 auto; } .formula-editor .cm-content { caret-color: var(--caret-color); } .formula-editor .cm-placeholder { font-family: var(--font-interface); font-= size: var(--font-ui-small); color: var(--text-faint); } .formula-editor .cm-line { padding-inline-start: var(--size-4-2); padding-i= nline-end: var(--size-4-2); } .formula-editor .cm-scroller { color: var(--code-normal); font-family: var(= --font-monospace); font-size: var(--font-small); } .formula-editor .cm-focused { outline: none; } .formula-editor .cm-tooltip { font-family: var(--font-interface); } .cm-tooltip.cm-tooltip-docstring { border-radius: var(--radius-s); padding:= var(--size-4-1) var(--size-4-2); background-color: var(--background-modifi= er-message); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); f= ont-size: 11px; font-weight: var(--font-medium); line-height: var(--line-he= ight-tight); color: rgb(250, 250, 250); font-family: var(--font-monospace);= border-width: medium; border-style: none; border-color: currentcolor; bord= er-image: none; } .cm-tooltip.cm-tooltip-docstring .active { font-weight: var(--font-semibold= ); } .cm-tooltip.cm-tooltip-docstring .cm-tooltip-arrow::before, .cm-tooltip.cm-= tooltip-docstring .cm-tooltip-arrow::after { border-top: 7px solid var(--ba= ckground-modifier-message); } .notice-container { z-index: var(--layer-notice); position: fixed; top: 22p= x; inset-inline-end: 0px; padding: 10px; overflow: hidden; pointer-events: = none; } .notice { display: flex; flex-direction: column; gap: var(--size-4-2); back= ground-color: var(--background-modifier-message); border-radius: var(--radi= us-m); box-shadow: 0 2px 8px var(--background-modifier-box-shadow); color: = rgb(250, 250, 250); font-size: var(--font-ui-small); line-height: var(--lin= e-height-tight); padding: 0.75em 1em; max-width: 300px; margin-bottom: 14px= ; white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; c= ursor: var(--cursor); pointer-events: auto; } .notice progress { width: 100%; } .theme-light .notice progress[value]::-webkit-progress-bar { background-col= or: rgb(38, 38, 38); box-shadow: rgb(54, 54, 54) 0px 0px 0px 1px inset; } .notice-cta { display: flex; align-items: center; color: var(--text-accent)= ; white-space: nowrap; } .notice-cta:hover, .notice-cta.mobile-tap { color: var(--text-accent-hover)= ; } .is-android { --scrollbar-border-width: 0px; --scrollbar-width: 5px; --scro= llbar-height: 5px; --scrollbar-radius: 0; } body.styled-scrollbars ::-webkit-scrollbar { width: var(--scrollbar-width);= height: var(--scrollbar-height); border-radius: var(--scrollbar-radius); b= ackground-color: transparent; } body.styled-scrollbars ::-webkit-scrollbar-track { background-color: transp= arent; } body.styled-scrollbars ::-webkit-scrollbar-thumb { background-color: var(--= scrollbar-thumb-bg); border-radius: var(--scrollbar-radius); background-cli= p: padding-box; border-style: solid; border-color: transparent; border-imag= e: none; border-width: var(--scrollbar-border-width); min-height: 45px; } body.styled-scrollbars ::-webkit-scrollbar-thumb:active { border-radius: va= r(--scrollbar-radius); } body.styled-scrollbars ::-webkit-scrollbar-thumb:hover, body.styled-scrollb= ars ::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-ac= tive-thumb-bg); } body.styled-scrollbars ::-webkit-scrollbar-corner { background: transparent= ; } @supports not selector(::-webkit-scrollbar) { body.styled-scrollbars { scrollbar-width: thin; scrollbar-color: var(--sc= rollbar-thumb-bg) var(--scrollbar-bg); } } .suggestion-bg { display: none; } .suggestion-container { background-color: var(--suggestion-background); bac= kdrop-filter: var(--suggestion-backdrop-filter); align-self: stretch; overf= low: hidden; flex-direction: column; max-width: 500px; max-height: 300px; z= -index: var(--layer-notice); } .is-mobile .suggestion-container { max-width: calc(100vw - 20px - var(--saf= e-area-inset-left) - var(--safe-area-inset-right)); max-height: 240px; } .cm-tooltip.cm-completionInfo { box-shadow: 0 2px 8px var(--background-modi= fier-box-shadow); background-color: var(--background-modifier-message); bor= der-radius: var(--radius-s); font-size: 11px; font-weight: var(--font-mediu= m); line-height: var(--line-height-tight); color: rgb(250, 250, 250); paddi= ng: var(--size-2-3) var(--size-4-2); border-width: medium; border-style: no= ne; border-color: currentcolor; border-image: none; max-width: 200px; } .cm-tooltip.cm-tooltip-autocomplete { background-color: var(--suggestion-ba= ckground); backdrop-filter: var(--suggestion-backdrop-filter); align-self: = stretch; flex-direction: column; max-width: 500px; max-height: 300px; z-ind= ex: var(--layer-notice); --no-tooltip: true; overflow: unset; } .is-mobile .cm-tooltip.cm-tooltip-autocomplete { max-width: calc(100vw - 20= px - var(--safe-area-inset-left) - var(--safe-area-inset-right)); max-heigh= t: 240px; } .cm-tooltip.cm-tooltip-autocomplete .cm-completionLabel { flex-grow: 1; } .cm-tooltip.cm-tooltip-autocomplete .cm-completionLabel .cm-completionMatch= edText { font-weight: bold; text-decoration: none; } .cm-tooltip.cm-tooltip-autocomplete .cm-completionDetail { display: none; } .cm-tooltip.cm-tooltip-autocomplete > ul[role=3D"listbox"] { padding: var(-= -size-2-3); } .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"] { margin-bot= tom: 1px; cursor: var(--cursor); padding: var(--size-2-3) var(--size-4-3); = white-space: pre-wrap; border-radius: var(--radius-s); color: var(--text-no= rmal); font-family: var(--font-interface); font-size: var(--font-ui-small);= padding-inline-start: var(--size-4-2); } .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"].is-selected,= .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"].mobile-tap = { background-color: var(--background-modifier-hover); } .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"].mod-downrank= ed { color: var(--text-muted); } .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"].mod-complex = .suggestion-icon .suggestion-flair { margin: 0px; margin-inline-end: var(--= size-4-2); } .cm-tooltip.cm-tooltip-autocomplete > ul > li[role=3D"option"][aria-selecte= d] { background-color: var(--background-modifier-hover); } .suggestion-container.mod-property-value .suggestion-item { font-size: var(= --font-ui-small); padding: var(--size-2-3) var(--size-4-2); } .suggestion-container.mod-property-key .suggestion-item { font-size: var(--= font-ui-small); padding: var(--size-2-3) var(--size-4-2) var(--size-2-3) va= r(--size-4-1); } .suggestion { overflow-y: auto; padding: var(--size-2-3); } .suggestion-item, .suggestion-empty { font-size: var(--font-ui-medium); mar= gin-bottom: 1px; } .suggestion-empty-suggestion { color: var(--text-faint); } .suggestion-empty { color: var(--text-muted); padding-right: ; padding-bott= om: ; padding-left: ; padding-top: var(--size-4-3); text-align: center; } .suggestion-item { cursor: var(--cursor); padding: var(--size-2-3) var(--si= ze-4-3); white-space: pre-wrap; border-radius: var(--radius-s); } .suggestion-item.is-selected, .suggestion-item.mobile-tap { background-colo= r: var(--background-modifier-hover); } .suggestion-item.mod-downranked { color: var(--text-muted); } .suggestion-item.mod-nowrap { overflow: hidden; text-overflow: ellipsis; wh= ite-space: nowrap; } .is-phone .suggestion-item.mod-toggle { --icon-size: var(--icon-l); --icon-= stroke: var(--icon-l-stroke-width); } .suggestion-item.mod-toggle .mod-checked { --icon-size: var(--icon-xs); --i= con-stroke: var(--icon-xs-stroke-width); order: 2; } .suggestion-item.mod-complex { align-items: baseline; display: flex; justif= y-content: space-between; } .suggestion-item.mod-complex .suggestion-title { overflow-wrap: break-word;= } .suggestion-item.mod-complex .suggestion-content { display: flex; flex-dire= ction: column; overflow: hidden; text-overflow: ellipsis; margin-inline-end= : auto; } .suggestion-item.mod-complex .suggestion-prefix::after { content: ": "; } .suggestion-item.mod-complex .suggestion-highlight { font-weight: bold; } .suggestion-item.mod-complex .suggestion-note { font-size: 0.8em; color: va= r(--text-muted); width: 100%; flex-basis: 100%; overflow-wrap: break-word; = } .suggestion-item.mod-complex .suggestion-icon, .suggestion-item.mod-complex= .suggestion-aux { display: flex; align-items: center; align-self: center; = flex-shrink: 0; } .suggestion-item.mod-complex .suggestion-hotkey { font-size: var(--font-ui-= smaller); font-family: var(--font-interface); padding: 2px 6px; } .suggestion-item.mod-complex .suggestion-hotkey:not(:last-child) { margin-i= nline-start: 10px; } .suggestion-item.mod-complex .suggestion-action { font-size: var(--font-ui-= smaller); font-family: var(--font-interface); color: var(--interactive-acce= nt); } .suggestion-item.mod-complex .suggestion-flair { color: var(--text-muted); = opacity: var(--icon-opacity); display: flex; align-items: center; } .suggestion-item.mod-complex .suggestion-flair:not(:last-child) { margin-in= line-start: 6px; } .suggestion-item.mod-complex .suggestion-icon .suggestion-flair { margin-to= p: 0px; margin-inline-start: var(--size-4-1); margin-bottom: 0px; margin-in= line-end: var(--size-4-3); } .suggestion-item.mod-complex .suggestion-aux .suggestion-flair { margin-top= : 0px; margin-inline-start: var(--size-4-3); margin-bottom: 0px; margin-inl= ine-end: var(--size-4-1); } .suggestion-highlight { font-weight: bold; } .suggestion-bg { position: fixed; top: 0px; inset-inline-start: 0px; width:= 100%; height: 100%; background-color: var(--background-modifier-cover); z-= index: var(--layer-popover); } .popover, .suggestion-container, .cm-tooltip.cm-tooltip-autocomplete { disp= lay: flex; position: absolute; z-index: var(--layer-popover); background-co= lor: var(--background-primary); border: var(--border-width) solid var(--bac= kground-modifier-border); box-shadow: var(--shadow-s); border-radius: var(-= -radius-m); max-height: var(--popover-max-height); } .popover.hover-popover { --callout-blend-mode: normal; justify-content: str= etch; overflow: hidden; max-width: 80vw; max-height: inherit; min-height: 3= 0px; width: fit-content; } .popover.hover-popover.is-editing { outline: 2px var(--background-modifier-= border-focus) solid; border-color: var(--background-modifier-border-focus);= } .popover.hover-popover > * { width: var(--popover-width); } .popover.hover-popover .markdown-preview-view { font-size: var(--popover-fo= nt-size); } .popover.hover-popover > .mod-empty { display: flex; justify-content: cente= r; align-items: center; padding: 20px; font-size: var(--popover-font-size);= color: var(--text-muted); } .popover.hover-popover > .image-embed, .popover.hover-popover > .video-embe= d { max-height: inherit; max-width: var(--popover-width); width: fit-conten= t; height: fit-content; display: flex; justify-content: center; align-items= : center; } .popover.hover-popover > .image-embed img, .popover.hover-popover > .video-= embed img, .popover.hover-popover > .image-embed video, .popover.hover-popo= ver > .video-embed video { width: 100%; max-width: inherit; max-height: inh= erit; } .popover.hover-popover > .audio-embed { display: flex; } .popover.hover-popover > .pdf-embed { width: var(--popover-pdf-width); max-= height: inherit; height: var(--popover-pdf-height) !important; } .popover.hover-popover > .markdown-embed { max-height: var(--popover-height= ); overflow: auto; border: 0px; padding: 0px; margin: 0px; } .popover.hover-popover > .markdown-embed > .markdown-embed-content { width:= 100%; } .popover.hover-popover > .markdown-embed > .markdown-embed-content > .markd= own-source-view.mod-cm6 > .cm-editor > .cm-scroller, .popover.hover-popover= > .markdown-embed > .markdown-embed-content .markdown-preview-view { paddi= ng: var(--file-margins); } .popover.hover-popover > .markdown-embed .markdown-source-view { font-size:= var(--popover-font-size); } .popover.hover-popover > .markdown-embed[data-type=3D"footnote"].mod-empty = { cursor: var(--cursor-link); text-align: center; background-color: var(--b= ackground-secondary-alt); } .popover.hover-popover > .markdown-embed[data-type=3D"footnote"].mod-empty = .markdown-preview-view { color: var(--text-muted); } .popover.hover-popover > .markdown-embed[data-type=3D"footnote"]:not(.mod-e= mpty) { --popover-font-size: var(--footnote-size); } .popover.hover-popover > .markdown-embed[data-type=3D"footnote"] > .markdow= n-embed-content .cm-scroller, .popover.hover-popover > .markdown-embed[data= -type=3D"footnote"] > .markdown-embed-content .markdown-preview-view { --fi= le-margins: var(--size-4-3) var(--size-4-4); } .follow-link-popover { transition: opacity var(--anim-duration-fast) ease-i= n-out, transform var(--anim-duration-fast) ease-in-out; box-shadow: 0 2px 8= px var(--background-modifier-box-shadow); background-color: rgba(0, 0, 0, 0= .9); border-radius: var(--radius-m); color: rgb(204, 204, 204); font-size: = var(--font-ui-small); line-height: 20px; max-width: 300px; padding: 5px 12p= x; text-align: center; z-index: var(--layer-tooltip); white-space: pre-wrap= ; top: calc(100%); } @media (hover: hover) { .follow-link-popover:hover { background-color: rgb(0, 0, 0); } } .follow-link-popover.mobile-tap { opacity: 0.9; transform: scale(0.9, 0.9);= } .follow-link-popover .popover-arrow { position: absolute; top: calc(100%); = inset-inline-start: 50%; width: 0px; margin-inline-start: -5px; border-inli= ne: 5px solid transparent; content: " "; font-size: 0px; line-height: 0; bo= rder-top: 5px solid rgba(0, 0, 0, 0.9); border-bottom: 5px solid transparen= t; } .notice progress, .markdown-preview-view progress, .markdown-rendered progr= ess, .markdown-source-view.is-live-preview progress { -webkit-writing-mode:= horizontal-tb; writing-mode: horizontal-tb; appearance: none; box-sizing: = border-box; display: inline-block; height: 6px; margin-bottom: 4px; max-wid= th: 100%; overflow: hidden; border-radius: 0px; border: 0px; vertical-align= : -0.2rem; } .notice progress[value]::-webkit-progress-bar, .markdown-preview-view progr= ess[value]::-webkit-progress-bar, .markdown-rendered progress[value]::-webk= it-progress-bar, .markdown-source-view.is-live-preview progress[value]::-we= bkit-progress-bar { background-color: var(--background-secondary); box-shad= ow: inset 0px 0px 0px 1px var(--background-modifier-border); border-radius:= 6px; overflow: hidden; } .notice progress[value]::-webkit-progress-value, .markdown-preview-view pro= gress[value]::-webkit-progress-value, .markdown-rendered progress[value]::-= webkit-progress-value, .markdown-source-view.is-live-preview progress[value= ]::-webkit-progress-value { background-color: var(--interactive-accent); ov= erflow: hidden; } .progress-bar-container { position: absolute; height: 100vh; width: 100vw; = top: 0px; inset-inline-start: 0px; background-color: var(--background-prima= ry); display: flex; flex-direction: column; justify-content: center; align-= items: center; padding-left: var(--safe-area-inset-left); padding-right: va= r(--safe-area-inset-right); z-index: 10000; } .progress-bar { position: relative; display: flex; flex-direction: column; = justify-content: center; align-items: center; padding: var(--size-4-2); wid= th: 100%; } .progress-bar-context { position: absolute; top: 100%; font-size: var(--fon= t-ui-small); border-radius: 50px; padding: var(--size-4-2) var(--size-4-6);= } .progress-bar-button-container { display: flex; flex-direction: column; gap= : var(--size-4-2); } .progress-bar-message { margin-bottom: var(--size-4-8); opacity: 1; color: = var(--text-muted); } .progress-bar-indicator { position: relative; height: 8px; margin: 0px 10vw= ; width: 90vw; overflow-x: hidden; border-radius: 3px; } .progress-bar-line { position: absolute; opacity: 0.4; background-color: va= r(--interactive-accent); width: 150%; height: 8px; } .progress-bar-subline { position: absolute; background-color: var(--interac= tive-accent); height: 8px; width: 100%; transform-origin: left center; } .progress-bar-subline.mod-increase { animation: 2s ease 0s infinite normal = none running increase; } .progress-bar-subline.mod-decrease { animation: 2s ease 0.5s infinite norma= l none running decrease; } .progress-bar .progress-bar-subline { transition: transform 150ms ease-in-o= ut; } @keyframes increase {=20 0% { transform: translateX(-5%) scaleX(0.05); } 100% { transform: translateX(130%) scaleX(1); } } @keyframes decrease {=20 0% { transform: translateX(-80%) scaleX(0.8); } 100% { transform: translateX(110%) scaleX(0.1); } } .progress-bar-context-button { margin-top: var(--size-4-3); text-align: cen= ter; } .tooltip { animation: 200ms ease-in-out 0s 1 normal forwards running pop-do= wn; box-shadow: 0 2px 8px var(--background-modifier-box-shadow); background= -color: var(--background-modifier-message); border-radius: var(--radius-s);= color: rgb(250, 250, 250); font-size: var(--font-ui-smaller); font-weight:= var(--font-medium); left: 50%; line-height: var(--line-height-tight); max-= width: 300px; padding: var(--size-4-1) var(--size-4-2); position: fixed; te= xt-align: center; transform: translateX(-50%); z-index: var(--layer-tooltip= ); pointer-events: none; white-space: pre-wrap; word-break: normal; overflo= w-wrap: anywhere; } .tooltip.mod-right { animation: 200ms ease-in-out 0s 1 normal forwards runn= ing pop-right; transform: translateY(-50%); } .tooltip.mod-left { animation: 200ms ease-in-out 0s 1 normal forwards runni= ng pop-right; transform: translateY(-50%); } .tooltip.mod-error { width: 200px; background-color: var(--background-modif= ier-error); color: var(--text-on-accent); } .tooltip.mod-wide { max-width: 450px; width: 400px; } .tooltip .tooltip-arrow { position: absolute; top: -5px; left: 50%; width: = 0px; margin-left: -5px; border-bottom: 5px solid var(--background-modifier-= message); border-right: 5px solid transparent; border-left: 5px solid trans= parent; content: " "; font-size: 0px; line-height: 0; } .tooltip.mod-right .tooltip-arrow { top: calc(50% - 5px); left: -5px; borde= r-right: 5px solid var(--background-modifier-message); border-top: 5px soli= d transparent; border-bottom: 5px solid transparent; } .tooltip.mod-left .tooltip-arrow { top: calc(50% - 5px); left: calc(100% + = 5px); border-left: 5px solid var(--background-modifier-message); border-top= : 5px solid transparent; border-bottom: 5px solid transparent; } .tooltip.mod-top .tooltip-arrow { top: calc(100%); border-top: 5px solid va= r(--background-modifier-message); border-bottom: 5px solid transparent; } .tooltip.mod-error .tooltip-arrow { border-bottom-color: var(--background-m= odifier-error); } .tooltip.mod-error.mod-right .tooltip-arrow { border-right-color: var(--bac= kground-modifier-error); border-bottom: 5px solid transparent; } .tooltip.mod-error.mod-left .tooltip-arrow { border-left-color: var(--backg= round-modifier-error); border-bottom: 5px solid transparent; } [aria-label] .svg-icon { pointer-events: none; } @keyframes pop-down {=20 0% { opacity: 0; transform: translateX(-50%) scale(1); } 20% { opacity: 0.7; transform: translateX(-50%) scale(1.02); } 40% { opacity: 1; transform: translateX(-50%) scale(1.05); } 100% { opacity: 1; transform: translateX(-50%) scale(1); } } @keyframes pop-right {=20 0% { opacity: 0; transform: translateY(-50%) scale(1); } 20% { opacity: 0.7; transform: translateY(-50%) scale(1.02); } 40% { opacity: 1; transform: translateY(-50%) scale(1.05); } 100% { opacity: 1; transform: translateY(-50%) scale(1); } } .svg-icon { height: 18px; width: 18px; } .publish-article-heading .clickable-icon { display: inline-flex; margin-lef= t: 4px; color: var(--text-faint); cursor: pointer; visibility: hidden; } .publish-article-heading .clickable-icon:hover { color: var(--text-accent);= } .publish-article-heading:hover .clickable-icon { visibility: visible; } .callout-icon svg { height: 1em; width: 1em; } textarea, input[type=3D"text"], input[type=3D"search"], input[type=3D"email= "], input[type=3D"password"], input[type=3D"number"] { font-size: 16px; } .modal-container { display: flex; align-items: center; justify-content: cen= ter; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-= index: var(--layer-modal); } .modal-bg { position: absolute; top: 0px; left: 0px; width: 100%; height: 1= 00%; background-color: var(--background-modifier-cover); } .modal { background-color: var(--background-primary); border-radius: var(--= modal-radius); border: var(--modal-border-width) solid var(--modal-border-c= olor); padding: 0px; position: relative; min-height: 100px; width: var(--di= alog-width); max-width: var(--dialog-max-width); max-height: var(--dialog-m= ax-height); display: flex; flex-direction: column; overflow: auto; box-shad= ow: var(--shadow-l); } .modal-title { font-size: 1.2em; padding: 16px; font-weight: var(--font-sem= ibold); text-align: start; line-height: var(--line-height-tight); border-bo= ttom: 1px solid var(--background-modifier-border); } .modal-title:empty { display: none; } .modal-content { flex: 1 1 auto; padding: 16px 16px 24px; overflow: auto; } .modal-close-button { cursor: var(--cursor); position: absolute; top: 8px; = right: 8px; font-size: 24px; line-height: 20px; height: 24px; width: 24px; = padding: 0px 4px; border-radius: var(--radius-s); color: var(--text-muted);= } .modal-close-button:hover { background-color: var(--background-modifier-hov= er); color: var(--text-normal); } .modal-close-button::before { font-family: Inter, sans-serif; content: "=C3= =97"; font-weight: 300; } @media screen and (max-width: 750px) { .modal-container { z-index: 100; } .modal { width: 100vw; max-width: 100vw; position: fixed; border-radius: = 0px; border: 0px; min-width: 0px; height: 100%; max-height: 100%; } .modal-bg { opacity: 0; } } .popover.hover-popover { display: var(--popover-display); } .popover.hover-popover audio { height: auto; } .popover.hover-popover.mod-empty { padding: 12px; text-align: center; min-h= eight: 0px; height: auto; --popover-height: auto; } .published-search-icon { position: absolute; color: var(--text-faint); left= : 6px; top: 0px; bottom: 0px; display: flex; align-items: center; } .published-search-icon svg { width: 18px; height: 18px; } .site-header .search-view-outer { width: 50%; max-width: 240px; order: 1; } .search-view-container { display: flex; margin: 0px; position: relative; } .search-view-container .search-bar { margin: 0px; width: 0px; flex-grow: 1;= padding-left: 30px; } .search-view-container .search-bar.has-no-results { background-color: rgba(= var(--background-modifier-error-rgb), 0.2); } .search-view-container .search-bar::placeholder { font-size: 14px; color: v= ar(--text-faint); } .site-body-left-column .search-bar { margin: 0px; } .site-body-right-column .search-view-outer { margin-bottom: 12px; } .search-results { position: absolute; background-color: var(--background-pr= imary); max-height: 600px; overflow: auto; margin-right: 10px; box-shadow: = 0 2px 8px var(--background-modifier-box-shadow); line-height: 1.2em; border= -radius: 8px; border: var(--border-width) solid var(--background-modifier-b= order); z-index: var(--layer-notice); max-width: 400px; padding: 6px; } .search-results .suggestion-empty { padding: 8px 20px; width: 207px; font-s= ize: 14px; } .suggestion-item.mod-complex .suggestion-content { gap: 4px; width: 100%; } .suggestion-item.mod-complex.is-selected .suggestion-detail { border-color:= var(--background-modifier-border-hover); } .suggestion-item.mod-complex .suggestion-detail { color: var(--text-muted);= font-size: 12px; display: inline; padding-bottom: 4px; } .suggestion-item.mod-complex .suggestion-detail .suggestion-highlight { fon= t-weight: 400; background-color: var(--text-highlight-bg); } .suggestion-item.mod-complex .suggestion-detail:not(:last-child) { border-b= ottom: var(--border-width) solid var(--background-modifier-border); } .suggestion-content { font-size: 14px; } .suggestion-content .suggestion-note { display: block; } .collapse-icon { display: flex; align-items: center; color: var(--nav-colla= pse-icon-color); } @media (hover: hover) { .collapse-icon:hover { color: var(--nav-collapse-icon-color-hover); } } .collapse-icon svg { width: 12px; height: 12px; stroke-width: 3px; transiti= on: transform 100ms ease-in-out; } .is-collapsed .collapse-icon svg { transform: rotate(calc(var(--direction) = * -1*90deg)); } .tree-item { line-height: var(--line-height-tight); } .tree-item-self { display: flex; align-items: flex-start; padding: 5px 8px;= border-radius: 3px; color: var(--nav-item-color); } .tree-item-self.is-clickable { cursor: pointer; } @media (hover: hover) { .tree-item-self.is-clickable:hover { color: var(--nav-item-color-hover); = } .tree-item-self.is-clickable:hover > .tree-item-icon { color: var(--text-= muted); } } .tree-item-self .tree-item-icon { display: flex; align-items: center; align= -self: flex-start; margin-inline-start: -22px; padding-inline: 8px 2px; fle= x: 0 0 auto; } .tree-item-self .tree-item-icon::after { content: "=C2=A0"; } .tree-item-inner { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsi= s; } .tree-item-inner-subtext { color: var(--text-faint); font-size: 85%; } .tree-item-children { padding-left: 18px; } .site-body-left-column-site-theme-toggle { padding: 0px 0px 12px; display: = flex; position: relative; } .site-body-left-column-site-theme-toggle svg { width: 16px; height: 16px; } .site-body-left-column-site-theme-toggle .checkbox-container { cursor: poin= ter; background-color: var(--background-primary); border-radius: 14px; disp= lay: inline-block; height: 22px; position: relative; user-select: none; wid= th: 50px; box-shadow: inset 0 0 0 1px var(--background-modifier-border); tr= ansition: background 0.15s ease-in-out, box-shadow 0.15s ease-in-out, borde= r 0.15s ease-in-out, opacity 0.15s ease-in-out, -webkit-box-shadow 0.15s ea= se-in-out; } .site-body-left-column-site-theme-toggle .checkbox-container:hover { box-sh= adow: inset 0 0 0 1px var(--background-modifier-border-hover); } .site-body-left-column-site-theme-toggle .checkbox-container::before { cont= ent: ""; display: block; position: absolute; inset: 0px; opacity: 0; } .site-body-left-column-site-theme-toggle .checkbox-container::after { point= er-events: none; content: ""; display: block; position: absolute; backgroun= d-color: rgb(255, 255, 255); width: 16px; height: 16px; margin: 3px; border= -radius: 50%; transition: transform 0.15s ease-in-out, width 0.1s ease-in-o= ut, left 0.1s ease-in-out, -webkit-transform 0.15s ease-in-out; left: 0px; = transform: translate3d(1px, 0px, 0px); box-shadow: rgba(0, 0, 0, 0.15) 0px = 0px 0px 1px inset; } .site-body-left-column-site-theme-toggle .checkbox-container.is-enabled { b= ackground-color: var(--background-modifier-border); } .site-body-left-column-site-theme-toggle .checkbox-container.is-enabled::af= ter { transform: translate3d(26px, 0px, 0px); } .site-body-left-column-site-theme-toggle .checkbox-container.is-enabled:act= ive::after { left: -4px; } .site-body-left-column-site-theme-toggle .option { margin: 0px 5px; display= : flex; align-self: center; position: absolute; top: 3px; z-index: 1; point= er-events: none; } .site-body-left-column-site-theme-toggle .option.mod-dark { left: 2px; disp= lay: none; } .site-body-left-column-site-theme-toggle .option.mod-light { left: 22px; di= splay: block; } .site-body-left-column-site-theme-toggle.is-dark .option.mod-light { displa= y: none; } .site-body-left-column-site-theme-toggle.is-dark .option.mod-dark { color: = var(--text-normal); display: block; } .backlinks { margin-top: 48px; border-top: var(--border-width) solid var(--= background-modifier-border); padding: 30px 0px 0px; } .backlinks .internal-link { text-decoration: none; } .backlink-items-container { margin-top: 6px; font-size: 16px; } .backlink-item { margin-bottom: 2px; } .popover.hover-popover::after, .markdown-preview-view:not(.allow-fold-lists= ) .list-collapse-indicator, .markdown-preview-view:not(.allow-fold-headings= ) .heading-collapse-indicator { display: none; } .site-footer { display: var(--footer-display); padding: 4px; font-size: 12p= x; text-align: right; position: fixed; bottom: 16px; right: 18px; z-index: = var(--layer-status-bar); border-top-left-radius: 6px; } .site-footer a { text-decoration: none; color: var(--text-faint); } .site-footer a:hover { color: var(--text-accent); } .graph-view-outer { display: none; flex-direction: column; flex: 0 0 auto; = margin-top: 10px; } .published-container.has-graph .graph-view-outer { display: block; } .graph-view-container { position: relative; height: var(--graph-height); bo= rder: var(--border-width) solid var(--background-modifier-border); border-r= adius: 8px; background-color: var(--background-primary); padding: 4px; marg= in-top: 12px; } .graph-view-container .graph-view { width: 100%; height: 100%; } .graph-view-container.mod-expanded { width: 90vw; height: 90vh; } .graph-icon { cursor: pointer; color: var(--text-muted); } .graph-icon:hover { color: var(--text-accent); } .graph-expand { position: absolute; top: 5px; right: 5px; } .graph-global { position: absolute; top: 5px; right: 25px; } h1, h2, h3, h4, h5, h6 { margin-block-end: 1em; } h1:not(:hover) .copy-heading-link, h2:not(:hover) .copy-heading-link, h3:no= t(:hover) .copy-heading-link, h4:not(:hover) .copy-heading-link, h5:not(:ho= ver) .copy-heading-link, h6:not(:hover) .copy-heading-link { opacity: 0; } .published-container .markdown-rendered h1, .published-container .markdown-= rendered h2 { border-bottom: 1px solid var(--background-modifier-border); p= adding-bottom: 0.5em; } .published-container .markdown-rendered h1, .published-container .markdown-= rendered h2 { margin: 1.5em 0px 0.5em; } .published-container .markdown-rendered h3, .published-container .markdown-= rendered h4 { margin: 1.25em 0px 0.25em; } .published-container .markdown-rendered h5 { margin: 1em 0px 0.25em; } .published-container .markdown-rendered h1.page-header { margin-top: 0.25em= ; margin-bottom: 1em; font-variant: var(--page-title-variant); letter-spaci= ng: -0.015em; line-height: var(--page-title-line-height); font-size: var(--= page-title-size); color: var(--page-title-color); font-weight: var(--page-t= itle-weight); font-style: var(--page-title-style); font-family: var(--page-= title-font); border-bottom-width: medium; border-bottom-style: none; border= -bottom-color: currentcolor; padding-bottom: 0px; } .published-container .markdown-rendered h1.page-header a { font-weight: inh= erit; } .published-section-header { text-transform: var(--component-title-transform= ); color: var(--component-title-color); font-size: var(--component-title-si= ze); font-family: var(--component-title-font); font-weight: var(--component= -title-weight); font-style: var(--component-title-style); letter-spacing: 0= .06em; } .published-section-header-icon { display: none; margin-right: 6px; } .published-section-header-icon svg { width: 16px; height: 16px; } .published-section-header-icon + span { position: relative; top: -1px; } * { -webkit-tap-highlight-color: transparent; } body, [dir=3D"ltr"] { --direction: 1; } .mod-rtl, [dir=3D"rtl"] { --direction: -1; } @supports selector(:dir(rtl)) { .is-collapsed:dir(ltr) { --direction: 1; } .is-collapsed:dir(rtl) { --direction: -1; } } .rtl { direction: rtl; } ::selection { background-color: var(--text-selection); } @keyframes node-inserted {=20 0% { outline-color: rgb(255, 255, 255); } 100% { outline-color: rgb(0, 0, 0); } } .node-insert-event { animation-duration: 0.01s; animation-name: node-insert= ed; } .site-body { position: relative; display: flex; max-width: 100%; height: 10= 0%; width: 100%; overflow: hidden; } .published-container { overflow: hidden; } .render-container { overflow: overlay hidden; } .published-container { width: 100%; height: 100%; overflow: auto; position:= relative; display: flex; flex-direction: column; user-select: none; } .published-container.has-navigation .site-header { display: none; } .published-container .markdown-preview-view { user-select: text; } .published-container .markdown-preview-sizer { padding-bottom: 0px !importa= nt; } .published-container .loader-cube { margin: auto; position: absolute; inset= : 0px; } .publish-renderer { width: 100%; } .published-container.is-readable-line-width .site-body-left-column { flex-b= asis: calc((100vw - var(--page-width)) / 2); } .published-container.is-readable-line-width .site-body-right-column { width= : calc((100vw - var(--page-width)) / 2); } .published-container.is-readable-line-width .markdown-preview-sizer { max-w= idth: var(--page-width); } .published-container.is-readable-line-width:not(.has-navigation) .publish-r= enderer > .markdown-preview-view > .markdown-preview-sizer { margin-right: = auto; margin-left: auto; } @media screen and (min-width: 1000px) { .published-container.is-readable-line-width:not(.has-navigation).has-grap= h .publish-renderer > .markdown-preview-view > .markdown-preview-sizer, .pu= blished-container.is-readable-line-width:not(.has-navigation).has-outline .= publish-renderer > .markdown-preview-view > .markdown-preview-sizer { margi= n-right: calc((100vw - var(--page-width) + var(--sidebar-right-width)) / 2)= ; } .published-container.is-readable-line-width:not(.has-navigation).has-grap= h .site-body-right-column, .published-container.is-readable-line-width:not(= .has-navigation).has-outline .site-body-right-column { width: calc((100vw -= var(--page-width) + var(--sidebar-right-width)) / 2); } } @media screen and (min-width: 750px) { .published-container.is-readable-line-width:not(.has-navigation).publishe= d-container.is-readable-line-width:not(.has-graph).published-container.is-r= eadable-line-width:not(.has-outline) .site-header { width: var(--page-width= ); margin: 0px auto; border-bottom: 0px; padding: 24px 48px; } .published-container.is-readable-line-width:not(.has-navigation).publishe= d-container.is-readable-line-width:not(.has-graph).published-container.is-r= eadable-line-width:not(.has-outline) .site-body-center-column { overflow: a= uto; display: block; } } .site-body-center-column { flex: 1 0 0px; display: flex; flex-direction: co= lumn; overflow: hidden; } .markdown-rendered { font-size: var(--font-text-size); line-height: var(--l= ine-height-normal); } .markdown-rendered .metadata-container { margin-top: 20px; } .hover-popover .markdown-rendered { line-height: 1.4; } .markdown-rendered .external-link { --no-tooltip: true; } .markdown-preview-view { font-size: var(--font-text-size); font-family: var= (--font-text); line-height: var(--line-height-normal); padding: 24px 0px 96= px; margin: 0px auto; width: 100%; height: 100%; position: relative; overfl= ow-y: auto; overflow-wrap: break-word; color: var(--text-normal); user-sele= ct: text; scrollbar-gutter: stable; } .markdown-preview-sizer { overflow-x: hidden; } .publish-renderer > .markdown-preview-view > .markdown-preview-sizer { padd= ing: 0 var(--page-side-padding); } .render-container { width: 100%; display: flex; flex: 1 1 auto; position: r= elative; } .render-container-inner { width: 100%; display: flex; } .nav-view-outer { overflow: auto; padding-bottom: 32px; padding-top: 10px; = scrollbar-gutter: stable; } .nav-view-outer::-webkit-scrollbar, .nav-view-outer::-webkit-scrollbar-thum= b { width: 8px; visibility: hidden; } .nav-view-outer:hover::-webkit-scrollbar, .nav-view-outer:hover::-webkit-sc= rollbar-thumb { visibility: visible; } .nav-view-outer .tree-item-self.mod-root.is-clickable { display: none; } .nav-view-outer .nav-view > .tree-item > .tree-item-children > .tree-item >= .tree-item-self { color: var(--nav-parent-item-color); font-weight: var(--= nav-parent-item-weight); border-width: medium; border-style: none; border-c= olor: currentcolor; border-image: none; } .nav-view-outer .nav-view > .tree-item > .tree-item-children > .tree-item >= .tree-item-self:hover { opacity: 0.85; } .nav-view-outer .nav-view > .tree-item > .tree-item-children > .tree-item >= .tree-item-self.mod-active, .nav-view-outer .nav-view > .tree-item > .tree= -item-children > .tree-item > .tree-item-self.mod-active:hover { color: var= (--nav-parent-item-color-active); opacity: 1; } .nav-view-outer .tree-item-children { padding-left: 6px; padding-bottom: 8p= x; padding-top: 2px; } .nav-view-outer .tree-item-children:empty { padding-top: 0px; padding-botto= m: 0px; } .nav-view-outer .tree-item-children .tree-item-children { padding-left: 18p= x; } .nav-view-outer .tree-item-children .tree-item-children .tree-item-children= { padding-left: 18px; margin-left: -1px; border-left: 1px solid var(--nav-= item-border-color); } .nav-view-outer .tree-item-self { margin-left: -1px; border-left: 1px solid= transparent; border-radius: 0px; padding-left: 16px; padding-right: 0.7em;= } .nav-view-outer .tree-item-self a { color: inherit; text-decoration: none; = } .nav-view-outer .tree-item-self.mod-collapsible.is-clickable { color: var(-= -nav-parent-item-color); font-weight: var(--nav-parent-item-weight); margin= -left: -8px; margin-bottom: 2px; } .nav-view-outer .tree-item-self:not(.mod-collapsible) { border-left: 1px so= lid var(--nav-item-border-color); } .nav-view-outer .tree-item-self:hover:not(.mod-collapsible):not(.mod-active= ) { border-left: 1px solid var(--nav-item-border-color-hover); } .nav-view-outer .tree-item-self.mod-active { background-color: transparent;= font-weight: var(--nav-item-weight-active); padding-right: 0.1em; color: v= ar(--nav-item-color-active); border-left: 1px solid var(--nav-item-border-c= olor-active); } .nav-view .tree-item { margin: 0px; } @media screen and (max-width: 750px) { .nav-view-outer { padding: 0 var(--page-side-padding) 200px var(--page-si= de-padding); } .nav-view-outer .tree-item-children { padding: 0px 0px 12px; margin-left:= 0px; } .nav-view-outer .tree-item-children .tree-item-children { padding-left: 1= 2px; } .nav-view-outer .tree-item-children .tree-item-children .tree-item-childr= en { padding-left: 24px; } .nav-view-outer .tree-item-self.is-clickable { padding: 8px 0px; } .nav-view-outer .tree-item-self.is-clickable .tree-item-icon.collapse-ico= n { order: 4; } .nav-view-outer .tree-item-children .tree-item-children .tree-item-self.i= s-clickable:not(.mod-collapsible) .tree-item-inner { padding-left: 16px; } .nav-view-outer .tree-item-self.mod-collapsible.is-clickable { margin-lef= t: 0px; padding-left: 0px; } } .not-found-container { position: absolute; left: 0px; top: 0px; width: 100%= ; height: 90%; display: flex; justify-content: center; align-items: center;= flex-direction: column; padding: 40px; } .is-readable-line-width .not-found-container { max-width: var(--page-width)= ; } .not-found-title { font-size: var(--h1-size); font-weight: var(--h1-weight)= ; line-height: var(--h1-line-height); margin: 12px 0px; color: var(--h1-col= or); } .not-found-description { font-size: var(--h3-size); line-height: var(--h3-l= ine-height); color: var(--text-muted); } .not-found-image { display: block; background-image: url("/public/images/10= a4c7dfa70cedab4d48.png"); width: 103px; height: 132px; background-size: 103= px 132px; margin-bottom: 12px; } .outline-view-outer { width: 100%; padding: 32px 0px 0px; } .outline-view-outer .tree-item-children { border-left: var(--border-width) = solid var(--indentation-guide-color); } .outline-view-outer .outline-view { padding-top: 12px; padding-bottom: 32px= ; } .outline-view-outer .tree-item-self { padding-inline-start: 0px; padding-ri= ght: 0.7em; color: var(--outline-heading-color); } .outline-view-outer .tree-item-self.mod-active { background-color: transpar= ent; font-weight: var(--outline-heading-weight-active); color: var(--outlin= e-heading-color-active); padding-right: 0.1em; } .outline-view-outer .tree-item-self.mod-active:hover { color: var(--outline= -heading-color-active); } .outline-view-outer .tree-item-self:hover { color: var(--outline-heading-co= lor-hover); background-color: transparent; } .published-container.has-graph .outline-view-outer { display: block; } .modal.mod-password-required { width: 100vw; height: 100vh; max-width: 100v= w; max-height: 100vh; border-width: medium; border-style: none; border-colo= r: currentcolor; border-image: none; box-shadow: none; border-radius: 0px; = justify-content: center; } .modal.mod-password-required .modal-title { text-align: center; border-widt= h: medium; border-style: none; border-color: currentcolor; border-image: no= ne; } .modal.mod-password-required .mod-error { color: var(--text-error); } .modal.mod-password-required .modal-content { display: flex; text-align: ce= nter; justify-content: center; flex-direction: column; flex-grow: 0; paddin= g: 0px 24px; } .site-body-left-column { width: var(--sidebar-left-width); flex: 0 0 var(--= sidebar-left-width); min-width: var(--sidebar-left-width); padding: 32px 0p= x 0px 18px; position: relative; display: flex; background-color: var(--side= bar-left-background); border-right: var(--sidebar-left-border-width) solid = var(--sidebar-left-border-color); height: 100%; } .published-container:not(.has-navigation) .site-body-left-column { display:= none; } .site-body-left-column .site-body-left-column-inner { width: var(--sidebar-= left-width); max-width: 100%; margin-left: auto; height: 100%; display: fle= x; flex-direction: column; } .site-body-left-column .search-view-outer { padding-inline-end: 18px; } .site-body-left-column, .site-body-right-column { font-size: var(--sidebar-= font-size); min-height: 0px; } .site-body-left-column-site-logo { margin-bottom: 10px; text-align: center;= } .site-body-left-column-site-logo img { border-radius: var(--logo-radius); w= idth: var(--logo-width); max-width: var(--logo-max-width); height: var(--lo= go-height); max-height: var(--logo-max-height); object-fit: contain; } .site-body-left-column-site-name { color: var(--site-name-color); font-size= : var(--site-name-size); font-weight: var(--site-name-weight); z-index: 1; = cursor: pointer; line-height: 1.2; padding: 4px 32px 32px 0px; text-decorat= ion: none; } @media (hover: hover) { .site-body-left-column-site-name:hover { color: var(--site-name-color-hov= er); text-decoration: none; } } .site-body-right-column { width: var(--sidebar-right-width); flex: 0 0 var(= --sidebar-right-width); min-width: var(--sidebar-right-width); right: 0px; = top: 0px; max-height: 100vh; background-color: var(--sidebar-right-backgrou= nd); border-left: var(--sidebar-right-border-width) solid var(--sidebar-rig= ht-border-color); overflow: hidden; display: none; pointer-events: none; } .published-container.has-outline .site-body-right-column, .published-contai= ner.has-graph .site-body-right-column { display: flex; } .published-container.has-not-found .site-body-right-column { display: none;= } .site-body-right-column .site-body-right-column-inner::-webkit-scrollbar { = display: none; } .site-body-right-column .site-body-right-column-inner { pointer-events: aut= o; width: var(--sidebar-right-width); max-width: var(--sidebar-right-width)= ; margin: 0px 24px; display: flex; flex-direction: column; overflow: auto; = scrollbar-gutter: stable; scrollbar-width: none; } .site-body-right-column .site-body-right-column-inner > div:first-child { m= argin-top: 32px; } .site-body-right-column .site-body-right-column-inner > div:last-child { ma= rgin-bottom: 24px; } .published-container.is-readable-line-width .site-body-right-column { posit= ion: absolute; } @media screen and (min-width: 1000px) { body:not(.sliding-windows) .is-readable-line-width.has-outline.has-naviga= tion .publish-renderer > .markdown-preview-view > .markdown-preview-sizer, = body:not(.sliding-windows) .is-readable-line-width.has-graph.has-navigation= .publish-renderer > .markdown-preview-view > .markdown-preview-sizer { mar= gin-right: var(--sidebar-right-width); } } @media screen and (max-width: 1000px) { .publish-renderer > .markdown-preview-view > .markdown-preview-sizer { ma= rgin-right: 0px; } .published-container.has-outline .site-body-right-column, .published-cont= ainer.has-graph .site-body-right-column { display: none; } } .site-header { display: flex; font-size: var(--site-name-size); line-height= : 1.3; height: var(--header-height); padding: 12px 18px; border-bottom: 1px= solid var(--background-modifier-border); align-items: center; flex: 0 0 au= to; } .site-header .clickable-icon { display: none; } .site-header .clickable-icon svg { vertical-align: middle; } .site-header-logo img { border-radius: var(--logo-radius); max-height: calc= (var(--header-height) - 10px); width: var(--logo-width); max-width: var(--l= ogo-max-width); height: var(--logo-height); margin-right: 10px; object-fit:= contain; } .site-header-text { color: var(--site-name-color); cursor: pointer; font-si= ze: var(--site-name-size); font-weight: var(--site-name-weight); flex: 1 0 = 0px; text-decoration: none; } .site-header-text:hover { color: var(--site-name-color-hover); } .extra-title { writing-mode: vertical-lr; position: absolute; left: 0px; to= p: 0px; bottom: 0px; padding: 24px 6px 12px; font-size: 16px; font-weight: = 500; color: var(--text-normal); display: flex; white-space: nowrap; overflo= w: hidden; text-overflow: ellipsis; } .publish-renderer:hover .extra-title { color: var(--text-accent); } .extra-title .svg-icon { color: var(--text-muted); } .extra-title .svg-icon:hover { color: var(--text-normal); } .publish-renderer:only-child .extra-title { opacity: 0; pointer-events: non= e; } .extra-title-text { opacity: 0; flex-grow: 1; } @media screen { .sliding-windows .render-container { overflow: auto hidden; background-co= lor: var(--background-secondary); } .sliding-windows .publish-renderer > .markdown-preview-view > .markdown-p= review-sizer { margin-right: 0px; } .sliding-windows .published-container.has-outline .site-body-center-colum= n, .sliding-windows .published-container.has-graph .site-body-center-column= { padding-right: var(--sidebar-right-width); } .sliding-windows .published-container.has-not-found .site-body-center-col= umn { padding-right: 0px; } .sliding-windows .render-container-inner { width: initial; } .sliding-windows .site-body-right-column { box-shadow: 0 -1px 0 1px var(-= -background-modifier-border); height: 100%; position: fixed; } .sliding-windows .publish-renderer { position: sticky; width: 500px; flex= : 0 0 500px; background: var(--background-primary); border-left: 1px solid = var(--divider-color); box-shadow: 1px 0 0 0 var(--divider-color); transitio= n: box-shadow 100ms linear; } .sliding-windows .publish-renderer:first-of-type { border-left-width: med= ium; border-left-style: none; border-left-color: currentcolor; } .sliding-windows .publish-renderer.mod-overlay { box-shadow: rgba(0, 0, 0= , 0.1) 0px 0px 10px 3px; } .sliding-windows .publish-renderer .extra-title, .sliding-windows .publis= h-renderer .markdown-preview-view { transition: opacity 0.1s ease-in-out; } .sliding-windows .publish-renderer.mod-squished { cursor: pointer; } .sliding-windows .publish-renderer.mod-squished .extra-title-text { opaci= ty: 1; } } .files-with-tag-container { overflow: auto; margin-block: 0px; } .files-with-tag-container .files-with-tag-item { margin-bottom: 4px; } .top-notice { position: absolute; top: 0px; left: 0px; right: 0px; text-ali= gn: center; background-color: var(--background-modifier-error); color: var(= --text-on-accent); height: 30px; line-height: 30px; border-bottom: 1px soli= d var(--background-modifier-border); font-size: 13px; } .top-notice a { color: var(--text-on-accent); } .graph-view.color-fill { color: var(--graph-node); } .graph-view.color-fill-focused { color: var(--graph-node-focused); } .graph-view.color-fill-tag { color: var(--graph-node-tag); } .graph-view.color-fill-attachment { color: var(--graph-node-attachment); } .graph-view.color-fill-unresolved { color: var(--graph-node-unresolved); op= acity: 0.5; } .graph-view.color-fill-1 { color: var(--text-muted); } .graph-view.color-fill-2 { color: var(--text-muted); } .graph-view.color-fill-3 { color: var(--text-muted); } .graph-view.color-fill-4 { color: var(--text-muted); } .graph-view.color-fill-5 { color: var(--text-muted); } .graph-view.color-fill-6 { color: var(--text-muted); } .graph-view.color-arrow { color: var(--text-normal); opacity: 0.5; } .graph-view.color-circle { color: var(--graph-node-focused); } .graph-view.color-line { color: var(--graph-line); } .graph-view.color-text { color: var(--graph-text); } .graph-view.color-fill-highlight { color: var(--interactive-accent); } .graph-view.color-line-highlight { color: var(--interactive-accent); } .graph-controls { border-radius: var(--radius-m); position: absolute; inset= -inline-end: var(--size-4-3); top: var(--size-4-3); padding: 0px; backgroun= d-color: var(--menu-background); width: var(--graph-controls-width); overfl= ow: auto; } .graph-controls:not(.is-close) { max-height: calc(100% - var(--size-4-4)); = border: var(--menu-border-width) solid var(--menu-border-color); box-shadow= : var(--shadow-s); } .graph-controls.is-close { min-width: inherit; width: auto; background-colo= r: var(--background-primary); border: var(--menu-border-width) solid transp= arent; padding: var(--size-2-3); } .graph-controls.is-close > .graph-control-section { display: none; } .workspace-split:not(.mod-root) .graph-controls.is-close { background-color= : var(--background-secondary); } .graph-controls input[type=3D"text"], .graph-controls input[type=3D"range"]= { width: 100%; font-size: var(--font-ui-small); } .graph-controls .mod-cta { margin-top: var(--size-2-3); width: 100%; } .graph-controls .setting-item { background-color: transparent; padding: var= (--size-2-3) 0; margin-bottom: var(--size-4-1); border-width: medium; borde= r-style: none; border-color: currentcolor; border-image: none; } .graph-controls .setting-item .setting-item-info { display: flex; align-ite= ms: center; } .graph-controls .setting-item:first-of-type { border-top-width: medium; bor= der-top-style: none; border-top-color: currentcolor; } .graph-controls .setting-item.mod-slider { flex-direction: column; } .graph-controls .setting-item.mod-slider > * { width: 100%; } .graph-controls .setting-item.mod-slider .setting-item-info { margin-inline= -end: 0px; } .graph-controls .setting-item.mod-slider .setting-item-control { padding-to= p: var(--size-4-3); } .graph-controls .setting-item.mod-toggle .setting-item-control { padding-to= p: 0px; } .graph-controls .setting-item.mod-search-setting .setting-item-info { margi= n-inline-end: 0px; } .graph-controls .setting-item-name { font-size: var(--font-ui-small); } .graph-controls::-webkit-scrollbar, .graph-controls::-webkit-scrollbar-thum= b { display: none; } .graph-color-group { --swatch-height: 18px; --swatch-width: 18px; position:= relative; display: flex; align-items: center; padding: 0px 0px 6px; transi= tion: top 200ms ease-in-out; } .graph-color-group input[type=3D"color"] { margin: 0px 2px 0px 6px; } .graph-color-group .clickable-icon { padding: var(--size-2-2); } .graph-color-button-container { text-align: center; margin-bottom: 10px; } .graph-color-button-container button { margin: 0px; width: 100%; } .graph-color-group.drag-ghost { position: fixed; display: flex; max-width: = unset; border-width: medium; border-style: none; border-color: currentcolor= ; border-image: none; box-shadow: none; background-color: var(--background-= primary-alt); padding: 0px; transition: none; pointer-events: none; } .graph-color-group.drag-ghost input[type=3D"text"] { width: 100%; } .graph-color-group.drag-ghost input[type=3D"color"] { margin-inline-start: = 6px; } .graph-control-section.mod-color-groups .tree-item-children.is-grabbing .gr= aph-color-groups-container { padding-bottom: 40px; } .graph-controls-button { display: none; z-index: 1; } .graph-controls-button.mod-close, .graph-controls-button.mod-reset { positi= on: absolute; top: var(--size-2-3); inset-inline-end: var(--size-4-2); padd= ing: var(--size-2-2); } .graph-controls:not(.is-close) .graph-controls-button.mod-close, .graph-con= trols:not(.is-close) .graph-controls-button.mod-reset { display: flex; } .graph-controls-button.mod-reset { inset-inline-end: 36px; } .graph-controls.is-close .graph-controls-button.mod-open { display: flex; } .graph-controls-button.mod-animate { margin-top: var(--size-4-2); } .graph-controls.is-close .graph-controls-button.mod-animate { display: flex= ; } .setting-item.mod-search-setting .setting-item-info { display: none; } .setting-item.mod-search-setting .setting-item-control .search-input-contai= ner { position: relative; flex-grow: 1; margin: 0px; } .setting-item.mod-search-setting.is-loading .setting-item-control::before {= background-color: var(--interactive-accent); animation: 1000ms ease-in-out= 300ms infinite normal none running progress-bar; } .graph-control-section-header { font-weight: var(--font-medium); font-size:= var(--font-ui-small); color: var(--text-normal); } .graph-control-section { padding: var(--size-2-3) var(--size-4-3); border-b= ottom: 1px solid var(--background-modifier-border); } .graph-control-section:last-child { border-bottom-width: medium; border-bot= tom-style: none; border-bottom-color: currentcolor; } .graph-control-section:last-child .tree-item-children { padding-bottom: var= (--size-4-4); } .graph-control-section > .tree-item-self { padding-inline-start: var(--size= -4-4); } .graph-control-section .tree-item-children { margin: 0px; padding: var(--si= ze-4-1) 0; border-inline-start: none; } .graph-control-section.mod-display .setting-item:not(.mod-slider):last-chil= d .setting-item-info { display: none; } @media screen and (max-width: 750px) { .published-container .markdown-preview-view { padding: 24px 0px 40px; } .published-container.has-navigation.is-left-column-open .nav-backdrop { o= pacity: 0; } .published-container.has-navigation .site-body-left-column { display: fle= x; position: fixed; transition: transform 200ms ease-in-out; z-index: var(-= -layer-modal); left: 0px; width: 100vw; background-color: var(--background-= primary); transform: translateX(-100%); top: var(--header-height); border-r= ight: 0px; } .published-container.has-navigation .site-body-left-column .site-body-lef= t-column-inner { width: 100%; } .published-container.has-navigation .nav-backdrop { position: absolute; t= op: 0px; left: 0px; width: 100%; height: 100%; background-color: var(--back= ground-modifier-cover); opacity: 0; transition: opacity 200ms ease-in-out; = z-index: -1; } .published-container.has-navigation .site-header { display: flex; z-index= : 90; background-color: var(--header-background); height: var(--header-heig= ht); padding: 0px 8px; } .published-container.has-navigation .site-header .clickable-icon { displa= y: flex; align-items: center; color: var(--site-menu-icon-color); cursor: p= ointer; padding: 6px; margin-right: 6px; } .published-container.has-navigation .site-header .clickable-icon svg { wi= dth: var(--site-menu-icon-size); height: var(--site-menu-icon-size); stroke= -width: 1.2px; } .published-container.has-navigation.is-left-column-open .site-body-left-c= olumn { transform: translateX(0px); } .published-container.has-navigation.is-left-column-open .nav-backdrop { o= pacity: 1; z-index: 1; } .site-body-center-column { margin: 0px; } .site-body-left-column, .site-body-right-column { font-size: 15px; } .site-body-left-column-site-name { display: none; } .site-body-left-column { padding: 0px; } .site-body-left-column .site-body-left-column-inner { padding-top: 16px; = } .site-body-left-column .search-view-outer { padding: 0 var(--page-side-pa= dding) 12px; } .site-body-left-column .site-body-left-column-site-logo { display: none; = margin: 0px auto 10px; max-width: 92%; } .site-body-left-column .site-body-left-column-site-theme-toggle { margin:= 0 var(--page-side-padding) 8px; padding: 0px; } } @media screen and (max-width: 750px) and (hover: hover) { .published-container.has-navigation .site-header .clickable-icon:hover { = color: var(--site-menu-icon-color-hover); } } @media print { .site-body-left-column, .site-body-right-column, .site-footer { display: = none !important; } .sliding-windows .render-container-inner { flex-direction: column; } .markdown-preview-view { break-after: page; } } ------MultipartBoundary--I4aRAiNbZsswhnZlZMC78SQLIcQUk4WnnpU5joHpY3------