for-humanity 0.12.0 → 0.13.0

package/dist/cli.css

@@ -1,968 +1,2 @@
-/* src/component/widget/prose/wg-prose.css */
-.wg_prose__root {
-  & h1 {
-    margin: 0 0 var(--app-space-stack);
-    color: var(--app-color-text-strong);
-    font-size: var(--app-font-size-title);
-    font-weight: var(--app-font-weight-title);
-    line-height: var(--app-line-height-title);
-    letter-spacing: var(--app-letter-spacing-title);
-    text-wrap: balance;
-    text-box: trim-start cap alphabetic;
-  }
-  & p {
-    margin: 0 0 var(--app-space-stack);
-  }
-  & img {
-    max-width: 100%;
-    height: auto;
-    vertical-align: middle;
-  }
-  & h1 + p {
-    font-size: var(--app-font-size-lead);
-  }
-  & h2 {
-    margin: var(--app-space-section) 0 var(--app-space-stack);
-    padding-top: var(--app-space-group);
-    border-top: 1px solid var(--app-color-border);
-    color: var(--app-color-text-strong);
-    font-size: var(--app-font-size-section);
-    font-weight: var(--app-font-weight-strong);
-    line-height: var(--app-line-height-heading);
-    letter-spacing: var(--app-letter-spacing-heading);
-    text-wrap: balance;
-    scroll-margin-top: var(--app-space-anchor);
-  }
-  & .wg_prose__head + h2 {
-    margin-top: var(--app-space-group);
-    padding-top: 0;
-    border-top: 0;
-  }
-  & .wg_prose__part + h2 {
-    margin-top: var(--app-space-block);
-    padding-top: 0;
-    border-top: 0;
-  }
-  & h3 {
-    margin: var(--app-space-subsection) 0 var(--app-space-inline);
-    color: var(--app-color-text-strong);
-    font-size: var(--app-font-size-lead);
-    font-weight: var(--app-font-weight-strong);
-    line-height: var(--app-line-height-tight);
-    scroll-margin-top: var(--app-space-anchor);
-  }
-  & h4 {
-    margin: var(--app-space-group) 0 6px;
-    color: var(--app-color-text-strong);
-    font-size: var(--app-font-size-body);
-    font-weight: var(--app-font-weight-strong);
-  }
-  & h5 {
-    margin: var(--app-space-block) 0 6px;
-    color: var(--app-color-text-muted);
-    font-size: var(--app-font-size-dense);
-    font-weight: var(--app-font-weight-strong);
-  }
-  & a {
-    color: var(--app-color-link);
-    text-decoration: none;
-    text-underline-offset: 2px;
-  }
-  & a:visited {
-    color: var(--app-color-link-visited);
-  }
-  & a:hover {
-    color: var(--app-color-link-hover);
-    text-decoration: underline;
-  }
-  & a:focus-visible {
-    border-radius: var(--app-radius-mark);
-    outline: var(--app-outline-focus);
-    outline-offset: var(--app-outline-focus-offset);
-  }
-  & strong {
-    color: var(--app-color-text-strong);
-    font-weight: var(--app-font-weight-strong);
-  }
-  & ul {
-    margin: 0 0 var(--app-space-stack);
-    padding-left: 20px;
-  }
-  & ol {
-    margin: 0 0 var(--app-space-stack);
-    padding-left: 22px;
-  }
-  & li {
-    margin-bottom: 4px;
-  }
-  & li > ul {
-    margin: 4px 0 0;
-  }
-  & li > ol {
-    margin: 4px 0 0;
-  }
-  & code {
-    padding: 1px 3px;
-    border-radius: var(--app-radius-inline);
-    background: var(--app-color-code);
-    color: var(--app-color-text-strong);
-    font-family: inherit;
-    font-size: 1em;
-  }
-  & pre {
-    overflow-x: auto;
-    margin: var(--app-space-block) 0;
-    padding: var(--app-space-stack) var(--app-space-block);
-    border: 1px solid var(--app-color-border);
-    border-radius: var(--app-radius-box);
-    background: var(--app-color-code);
-    font-family: var(--app-font-mono);
-    font-size: var(--app-font-size-detail);
-    line-height: var(--app-line-height-code);
-    letter-spacing: 0;
-    tab-size: 4;
-  }
-  & pre code {
-    padding: 0;
-    background: none;
-    color: inherit;
-    font-size: inherit;
-  }
-  & blockquote {
-    margin: var(--app-space-block) 0;
-    padding: 0 0 0 var(--app-space-block);
-    border-left: 1px solid var(--app-color-border);
-  }
-  & blockquote > :last-child {
-    margin-bottom: 0;
-  }
-  & table {
-    width: 100%;
-    border: 1px solid var(--app-color-border);
-    border-collapse: collapse;
-    font-size: var(--app-font-size-dense);
-    font-variant-numeric: tabular-nums;
-  }
-  & th {
-    padding: var(--app-space-inline) var(--app-space-stack);
-    border: 1px solid var(--app-color-border);
-    background: var(--app-color-code);
-    color: var(--app-color-text-strong);
-    font-weight: var(--app-font-weight-strong);
-    text-align: left;
-    vertical-align: bottom;
-    white-space: nowrap;
-  }
-  & td {
-    padding: var(--app-space-inline) var(--app-space-stack);
-    border: 1px solid var(--app-color-border);
-    text-align: left;
-    vertical-align: top;
-  }
-  & tbody tr:hover td {
-    background: var(--app-color-accent-soft);
-  }
-  & hr {
-    margin: var(--app-space-section) 0;
-    border: 0;
-    border-top: 1px dotted var(--app-color-border);
-  }
-  & pre code .line {
-    display: inline-block;
-    width: calc(100% + 2 * var(--app-space-block));
-    margin: 0 calc(-1 * var(--app-space-block));
-    padding: 0 var(--app-space-block);
-  }
-  & pre code .line.highlighted {
-    background: var(--app-color-accent-soft);
-  }
-  & pre code .line.highlighted.error {
-    background: var(--app-color-bad-soft);
-  }
-  & pre code .line.highlighted.warning {
-    background: var(--app-color-warn-soft);
-  }
-  & pre code .line.diff.add {
-    background: var(--app-color-good-soft);
-  }
-  & pre code .line.diff.remove {
-    background: var(--app-color-bad-soft);
-    opacity: 0.8;
-  }
-  & pre.wg_prose__code--bad code .line.highlighted,
-  & pre.wg_prose__code--bad code .line.highlighted.error,
-  & pre.wg_prose__code--bad code .line.diff.remove {
-    background: var(--app-color-bad-mark);
-  }
-  & pre.wg_prose__code--good code .line.highlighted,
-  & pre.wg_prose__code--good code .line.diff.add {
-    background: var(--app-color-good-mark);
-  }
-  & pre code .highlighted-word {
-    padding: 0 2px;
-    border-radius: var(--app-radius-inline);
-    background: var(--app-color-accent-soft);
-  }
-  & .wg_prose__codeFile {
-    margin: var(--app-space-block) 0;
-  }
-  & .wg_prose__codeFile pre {
-    margin: 0;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  & .wg_prose__codeFileTitle {
-    display: flex;
-    gap: var(--app-space-block);
-    justify-content: space-between;
-    padding: var(--app-space-inline) var(--app-space-block);
-    border: 1px solid var(--app-color-border);
-    border-bottom: 0;
-    border-radius: var(--app-radius-box) var(--app-radius-box) 0 0;
-    background: var(--app-code-background);
-    color: var(--app-color-text-muted);
-    font-family: var(--app-font-mono);
-    font-size: var(--app-font-size-dense);
-    letter-spacing: 0;
-  }
-  & .wg_prose__codeFileLang {
-    text-transform: uppercase;
-  }
-  & pre.wg_prose__lineNumbers code {
-    counter-reset: line;
-  }
-  & pre.wg_prose__lineNumbers code .line::before {
-    display: inline-block;
-    width: 2em;
-    margin-right: var(--app-space-stack);
-    color: var(--app-color-text-muted);
-    text-align: right;
-    content: counter(line);
-    counter-increment: line;
-    user-select: none;
-  }
-}
-.wg_prose__head {
-  margin-bottom: var(--app-space-inline);
-  padding-bottom: var(--app-space-block);
-  border-bottom: 1px dotted var(--app-color-border);
-  & > :last-child {
-    margin-bottom: 0;
-  }
-  & [align=center] {
-    padding: var(--app-space-group) 0;
-    text-align: center;
-  }
-  & [align=center] > h1 {
-    margin-block: var(--app-space-group);
-    font-size: 24px;
-  }
-  & [align=center] > p {
-    margin-bottom: var(--app-space-block);
-  }
-  & [align=center] > img {
-    width: 72px;
-    image-rendering: pixelated;
-  }
-}
-.wg_prose__headingText {
-  box-decoration-break: clone;
-  transition: background-color var(--app-motion-duration-highlight-fade) var(--app-motion-easing-out);
-}
-.wg_prose__headingText--highlighted {
-  background-color: var(--app-color-anchor-highlight);
-  transition: none;
-}
-.wg_prose__part {
-  margin-top: var(--app-space-section);
-  padding-top: var(--app-space-stack);
-  border-top: 1px dotted var(--app-color-border);
-  color: var(--app-color-text-strong);
-  font-size: var(--app-font-size-part);
-  font-weight: var(--app-font-weight-strong);
-  line-height: var(--app-line-height-heading);
-  letter-spacing: var(--app-letter-spacing-heading);
-}
-.wg_prose__table {
-  overflow-x: auto;
-  margin: var(--app-space-block) 0;
-}
-.wg_prose__pill {
-  display: inline-block;
-  padding: 0 5px;
-  border-radius: var(--app-radius-inline);
-  font-size: var(--app-font-size-detail);
-  font-weight: var(--app-font-weight-strong);
-  line-height: 1.6;
-  white-space: nowrap;
-}
-.wg_prose__pill--verified {
-  background: var(--app-color-verified-soft);
-  color: var(--app-color-verified);
-}
-.wg_prose__pill--unverified {
-  background: var(--app-color-unverified-soft);
-  color: var(--app-color-unverified);
-}
-.wg_prose__color {
-  white-space: nowrap;
-  &::before {
-    display: inline-block;
-    width: 0.8em;
-    height: 0.8em;
-    margin-right: 5px;
-    border: 1px solid var(--app-color-border);
-    border-radius: var(--app-radius-mark);
-    background: var(--wg-prose-chip-color, transparent);
-    content: "";
-    vertical-align: -0.05em;
-  }
-}
-.wg_prose__flow {
-  overflow-x: auto;
-  margin: var(--app-space-block) 0;
-  padding: var(--app-space-block);
-  border: 1px solid var(--app-color-border);
-  border-radius: var(--app-radius-box);
-  letter-spacing: 0;
-  & svg {
-    display: block;
-    max-width: 100%;
-    height: auto;
-    margin: 0 auto;
-  }
-}
-.wg_prose__note {
-  margin: var(--app-space-block) 0;
-  padding-left: var(--app-space-block);
-  border-left: 2px solid var(--app-color-border);
-  & > :last-child {
-    margin-bottom: 0;
-  }
-}
-.wg_prose__noteTitle {
-  display: block;
-  margin-bottom: var(--app-space-inline);
-  color: var(--app-color-text-strong);
-  font-weight: var(--app-font-weight-strong);
-}
-.wg_prose__details {
-  margin: var(--app-space-block) 0;
-  padding-bottom: var(--app-space-stack);
-  border-top: 1px dotted var(--app-color-border);
-  border-bottom: 1px dotted var(--app-color-border);
-  & > :last-child {
-    margin-bottom: 0;
-  }
-}
-.wg_prose__detailsSummary {
-  padding: var(--app-space-inline) 0;
-  color: var(--app-color-link);
-  font-weight: var(--app-font-weight-strong);
-  cursor: pointer;
-  &:hover {
-    color: var(--app-color-link-hover);
-    text-decoration: underline;
-    text-underline-offset: 2px;
-  }
-  &:focus-visible {
-    outline: var(--app-outline-focus);
-    outline-offset: var(--app-outline-focus-offset);
-  }
-}
-
-/* src/component/widget/cursor-face/wg-cursor-face.css */
-.wg_cursorFace__root {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--app-z-index-popper);
-  visibility: hidden;
-  pointer-events: none;
-  user-select: none;
-  image-rendering: pixelated;
-}
-.wg_cursorFace__root--visible {
-  visibility: visible;
-}
-
-/* src/component/widget/navigation/_wg-navigation-nav-list.css */
-.wg_navigationNavList__root {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.wg_navigationNavList__branch {
-  display: block;
-  padding: var(--app-space-tree-row) 0;
-  color: var(--app-color-text-muted);
-  font-size: var(--app-font-size-group);
-  line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
-  overflow-wrap: anywhere;
-}
-.wg_navigationNavList__link {
-  display: block;
-  padding: var(--app-space-tree-row) 0;
-  color: var(--app-color-link);
-  font-size: var(--app-font-size-dense);
-  line-height: var(--app-line-height-tight);
-  text-decoration: none;
-  overflow-wrap: anywhere;
-  &:where(:hover) {
-    text-decoration: underline;
-  }
-  &:where(:focus-visible) {
-    outline: none;
-    text-decoration: underline;
-  }
-}
-.wg_navigationNavList__link--active {
-  color: var(--app-color-link);
-  font-weight: var(--app-font-weight-active);
-}
-.wg_navigationNavList__item {
-  & > .wg_navigationNavList__root {
-    margin-left: var(--app-space-tree-indent);
-  }
-}
-
-/* src/component/widget/navigation/_wg-navigation-nav.css */
-.wg_navigationNav__root {
-  font-size: var(--app-font-size-dense);
-  line-height: var(--app-line-height-tight);
-}
-.wg_navigationNav__docs {
-  display: flex;
-  flex-direction: column;
-  gap: var(--app-space-tree-group);
-}
-.wg_navigationNav__group {
-  margin: 0 0 var(--app-space-tree-label);
-  color: var(--app-color-text-muted);
-  font-size: var(--app-font-size-group);
-  line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
-  text-box: trim-start cap alphabetic;
-}
-
-/* src/component/widget/navigation/_wg-navigation-toc.css */
-.wg_navigationToc__root {
-  font-size: var(--app-font-size-dense);
-  line-height: var(--app-line-height-tight);
-}
-.wg_navigationToc__label {
-  margin: 0 0 var(--app-space-tree-label);
-  color: var(--app-color-text-muted);
-  font-size: var(--app-font-size-group);
-  line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
-  text-box: trim-start cap alphabetic;
-}
-.wg_navigationToc__group {
-  margin: 0 0 var(--app-space-tree-label);
-  color: var(--app-color-text-muted);
-  font-size: var(--app-font-size-group);
-  line-height: calc(var(--app-font-size-dense) * var(--app-line-height-tight));
-  text-box: trim-start cap alphabetic;
-}
-.wg_navigationToc__groupSection--named {
-  margin-top: var(--app-space-tree-group);
-}
-.wg_navigationToc__list {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-.wg_navigationToc__link {
-  display: block;
-  padding: var(--app-space-tree-row) 0;
-  color: var(--app-color-text);
-  font-size: var(--app-font-size-dense);
-  line-height: var(--app-line-height-tight);
-  text-decoration: none;
-  &:where(:hover) {
-    color: var(--app-color-text-strong);
-    text-decoration: underline;
-  }
-  &:where(:focus-visible) {
-    outline: none;
-    color: var(--app-color-text-strong);
-    text-decoration: underline;
-  }
-}
-.wg_navigationToc__link--active {
-  color: var(--app-color-text-strong);
-  font-weight: var(--app-font-weight-active);
-}
-.wg_navigationToc__sub {
-  margin: var(--app-space-tree-row) 0 4px var(--app-space-tree-indent);
-  padding: 0;
-  list-style: none;
-}
-.wg_navigationToc__subLink {
-  display: block;
-  padding: var(--app-space-tree-row) 0;
-  color: var(--app-color-text);
-  font-size: var(--app-font-size-detail);
-  line-height: var(--app-line-height-tight);
-  text-decoration: none;
-  &:where(:hover) {
-    color: var(--app-color-text-strong);
-    text-decoration: underline;
-  }
-  &:where(:focus-visible) {
-    outline: none;
-    color: var(--app-color-text-strong);
-    text-decoration: underline;
-  }
-}
-.wg_navigationToc__subLink--active {
-  color: var(--app-color-text-strong);
-  font-weight: var(--app-font-weight-active);
-}
-
-/* src/component/widget/navigation/wg-navigation.css */
-.wg_navigation__brandRow {
-  display: flex;
-  position: sticky;
-  top: 0;
-  z-index: var(--app-z-index-sticky);
-  align-self: start;
-  min-width: 0;
-  height: var(--app-size-brand);
-  padding-block: var(--app-space-page-top) var(--app-space-group);
-  background: var(--app-color-ground);
-  gap: var(--app-space-inline);
-  align-items: start;
-}
-.wg_navigation__brand {
-  display: block;
-  flex: 1;
-  min-width: 0;
-  overflow: hidden;
-  color: var(--app-color-text-strong);
-  font-family: var(--app-font-brand);
-  font-size: var(--app-font-size-title);
-  font-weight: var(--app-font-weight-mark);
-  line-height: var(--app-line-height-title);
-  letter-spacing: var(--app-letter-spacing-brand);
-  text-decoration: none;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  &:hover {
-    text-decoration: underline;
-  }
-  &:focus-visible {
-    outline: none;
-    text-decoration: underline;
-  }
-}
-.wg_navigation__menuIcon {
-  width: 20px;
-  height: 20px;
-  fill: none;
-  stroke: currentcolor;
-  stroke-linecap: round;
-  stroke-width: 1.5;
-}
-.wg_navigation__menuToggle {
-  display: none;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: var(--app-size-menu-button);
-  height: var(--app-size-menu-button);
-  padding: 0;
-  border: 0;
-  border-radius: var(--app-radius-box);
-  background: transparent;
-  color: var(--app-color-text-strong);
-  cursor: pointer;
-  &:hover {
-    background: var(--app-color-accent-soft);
-  }
-  &:focus-visible {
-    outline: var(--app-outline-focus);
-    outline-offset: var(--app-outline-focus-offset);
-  }
-}
-.wg_navigation__menuToggle--visible {
-  display: flex;
-}
-.wg_navigation__sidebar {
-  grid-area: nav;
-  position: sticky;
-  top: 0;
-  align-self: start;
-  min-width: 0;
-  height: 100dvh;
-  margin-inline-end: var(--app-space-sidebar-gap);
-}
-.wg_navigation__documents {
-  flex: 1;
-  min-height: 0;
-}
-.wg_navigation__outline {
-  display: flex;
-  flex-direction: column;
-  flex: 1;
-  min-height: 0;
-  &:where(:has(.wg_navigation__headings:empty)) {
-    display: none;
-  }
-}
-.wg_navigation__headings {
-  flex: 1;
-  min-height: 0;
-}
-.wg_navigation__navigation {
-  display: flex;
-  flex-direction: column;
-  height: calc(100dvh - var(--app-size-brand));
-  min-width: 0;
-  min-height: 0;
-}
-.wg_navigation__tocRail {
-  grid-area: outline;
-  position: sticky;
-  top: 0;
-  align-self: start;
-  min-width: 0;
-  height: 100dvh;
-  margin-inline-start: var(--app-space-sidebar-gap);
-  padding-top: var(--app-size-brand);
-  & > .wg_navigation__outline {
-    height: 100%;
-  }
-  &:where(:has(.wg_navigation__headings:empty)) {
-    display: none;
-  }
-}
-.wg_navigation__scroll {
-  overflow-y: auto;
-  overscroll-behavior-y: contain;
-  scroll-padding-block: var(--app-size-navigation-fade);
-}
-.wg_navigation__scroll--ready {
-  scrollbar-width: none;
-}
-.wg_navigation__scroll--above {
-  mask-image:
-    linear-gradient(
-      to bottom,
-      transparent,
-      #000 var(--app-size-navigation-fade));
-}
-.wg_navigation__scroll--below {
-  mask-image:
-    linear-gradient(
-      to bottom,
-      #000 calc(100% - var(--app-size-navigation-fade)),
-      transparent);
-}
-.wg_navigation__scroll--above.wg_navigation__scroll--below {
-  mask-image:
-    linear-gradient(
-      to bottom,
-      transparent,
-      #000 var(--app-size-navigation-fade),
-      #000 calc(100% - var(--app-size-navigation-fade)),
-      transparent);
-}
-.wg_navigation__drawer {
-  position: fixed;
-  inset: 0 auto 0 0;
-  width: min(var(--app-size-drawer), calc(100% - var(--app-space-gutter) * 2));
-  max-width: none;
-  height: 100dvh;
-  max-height: 100dvh;
-  margin: 0;
-  padding: 0 var(--app-space-gutter) var(--app-space-group);
-  border: 0;
-  border-right: 1px solid var(--app-color-border-layout);
-  background: var(--app-color-ground);
-  color: var(--app-color-text);
-  overflow: hidden;
-  &::backdrop {
-    background: var(--app-color-backdrop);
-  }
-}
-.wg_navigation__drawerHeader {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: var(--app-space-inline);
-  min-height: var(--app-size-mobile-header);
-  margin-bottom: var(--app-space-block);
-  background: var(--app-color-ground);
-}
-.wg_navigation__drawerTitle {
-  margin: 0;
-  font-size: var(--app-font-size-part);
-  font-weight: var(--app-font-weight-strong);
-}
-.wg_navigation__drawerClose {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex: none;
-  width: var(--app-size-menu-button);
-  height: var(--app-size-menu-button);
-  padding: 0;
-  border: 0;
-  border-radius: var(--app-radius-box);
-  background: transparent;
-  color: var(--app-color-text-strong);
-  cursor: pointer;
-  &:hover {
-    background: var(--app-color-accent-soft);
-  }
-  &:focus-visible {
-    outline: var(--app-outline-focus);
-    outline-offset: var(--app-outline-focus-offset);
-  }
-}
-.wg_navigation__drawerContent {
-  min-width: 0;
-  height: calc(100% - var(--app-size-mobile-header) - var(--app-space-block));
-  & > .wg_navigation__navigation {
-    height: 100%;
-  }
-}
-@media (forced-colors: active) {
-  .wg_navigation__scroll {
-    mask-image: none;
-    scrollbar-width: thin;
-    scrollbar-color: auto;
-  }
-}
-@media (width < 1360px) {
-  .wg_navigation__tocRail {
-    display: none;
-  }
-}
-@media (width < 1024px) {
-  .wg_navigation__sidebar {
-    position: static;
-    height: auto;
-    margin-block-end: var(--app-space-block);
-    margin-inline-end: 0;
-    border-bottom: 1px solid var(--app-color-border-layout);
-  }
-  .wg_navigation__sidebar > .wg_navigation__navigation {
-    height: auto;
-  }
-  .wg_navigation__sidebar > .wg_navigation__navigation > .wg_navigation__documents {
-    max-height: none;
-  }
-  .wg_navigation__sidebar--navigationReady {
-    position: sticky;
-    top: 0;
-    z-index: var(--app-z-index-sticky);
-    background: var(--app-color-ground);
-  }
-  .wg_navigation__brandRow {
-    position: static;
-    height: var(--app-size-mobile-header);
-    padding-block: 0;
-    align-items: center;
-  }
-}
-
-/* src/component/widget/shell-controls/wg-shell-controls.css */
-.wg_shellControls__navigation {
-  display: contents;
-}
-
-/* src/style/base.css */
-* {
-  box-sizing: border-box;
-}
-:root {
-  background: var(--app-color-ground);
-  scrollbar-gutter: stable;
-  scroll-behavior: smooth;
-}
-@media (prefers-reduced-motion: reduce) {
-  *,
-  *::before,
-  *::after {
-    animation-duration: 0.01ms !important;
-    animation-delay: 0s !important;
-    animation-iteration-count: 1 !important;
-    transition-duration: 0.01ms !important;
-    transition-delay: 0s !important;
-    scroll-behavior: auto !important;
-  }
-}
-
-/* src/style/token.css */
-:root {
-  color-scheme: light dark;
-  --app-color-ground: light-dark(#fff, #181818);
-  --app-color-surface: light-dark(#fff, #181818);
-  --app-color-code: light-dark(#f1f1eb, #22221f);
-  --app-color-backdrop: light-dark(rgb(0 0 0 / 30%), rgb(0 0 0 / 55%));
-  --app-color-text: light-dark(#333, #d5d5d5);
-  --app-color-text-strong: light-dark(#222, #eee);
-  --app-color-text-muted: light-dark(#666, #aaa);
-  --app-color-anchor-highlight: light-dark(#f4f58a, #666322);
-  --app-motion-duration-highlight-fade: 600ms;
-  --app-motion-easing-out: ease-out;
-  --app-color-border: light-dark(#aaa, #555);
-  --app-color-border-soft: light-dark(#ddd, #333);
-  --app-color-border-layout: light-dark(#eee, #2b2b2b);
-  --app-color-accent: light-dark(#555, #b5b5b5);
-  --app-color-accent-soft: light-dark(#f5f5f2, #222);
-  --app-color-bad: light-dark(#b2412e, #ff9b8a);
-  --app-color-bad-soft: light-dark(#f9ebe8, #3a2522);
-  --app-color-bad-mark: light-dark(#f1cdc6, #5b322c);
-  --app-color-good: light-dark(#2f7a47, #8bd3a3);
-  --app-color-good-soft: light-dark(#e4f3ed, #1c342c);
-  --app-color-good-mark: light-dark(#c4e4d4, #27503f);
-  --app-color-warn: light-dark(#8a6400, #e6c46a);
-  --app-color-warn-soft: light-dark(#fbf3d9, #3d3418);
-  --app-color-link: light-dark(#11a, #9db8ff);
-  --app-color-link-visited: light-dark(#51a, #c5a5ed);
-  --app-color-link-hover: light-dark(#44d, #c1d1ff);
-  --app-color-verified: light-dark(#176b36, #82cf95);
-  --app-color-verified-soft: light-dark(#edf5ed, #1d2c20);
-  --app-color-unverified: light-dark(#855700, #dfb26c);
-  --app-color-unverified-soft: light-dark(#faf2df, #30291c);
-  --app-font-mono:
-    "Monoplex KR",
-    ui-monospace,
-    monospace;
-  --app-font-body: "IBM Plex Sans KR", var(--app-font-mono);
-  --app-font-brand: "Architects Daughter", var(--app-font-body);
-  --app-font-size-group: 11px;
-  --app-font-size-detail: 12px;
-  --app-font-size-dense: 12px;
-  --app-font-size-body: 12px;
-  --app-font-size-lead: 12px;
-  --app-font-size-part: 13px;
-  --app-font-size-section: 15px;
-  --app-font-size-title: 16px;
-  --app-font-weight-mark: 400;
-  --app-font-weight-active: 600;
-  --app-font-weight-strong: 600;
-  --app-font-weight-title: 600;
-  --app-line-height-title: 1.5;
-  --app-line-height-heading: 1.5;
-  --app-line-height-tight: 1.4;
-  --app-line-height-code: 1.65;
-  --app-line-height-body: 1.7;
-  --app-letter-spacing-body: -0.03em;
-  --app-letter-spacing-brand: 0;
-  --app-letter-spacing-heading: -0.04em;
-  --app-letter-spacing-title: -0.045em;
-  --app-space-inline: 6px;
-  --app-space-stack: 10px;
-  --app-space-block: 14px;
-  --app-space-group: 20px;
-  --app-space-subsection: 28px;
-  --app-space-section: 64px;
-  --app-space-tree-row: 0px;
-  --app-space-tree-group: 16px;
-  --app-space-tree-label: 2px;
-  --app-space-tree-indent: 12px;
-  --app-space-page-top: 28px;
-  --app-space-gutter: 28px;
-  --app-space-column: 32px;
-  --app-space-sidebar-gap: 32px;
-  --app-size-sidebar: 200px;
-  --app-size-page: 1920px;
-  --app-size-brand: calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));
-  --app-size-mobile-header: 56px;
-  --app-size-menu-button: 44px;
-  --app-size-drawer: 320px;
-  --app-size-navigation-fade: 28px;
-  --app-space-anchor: 80px;
-  --app-radius-pill: 0;
-  --app-radius-card: 0;
-  --app-radius-box: 0;
-  --app-radius-inline: 0;
-  --app-radius-mark: 0;
-  --app-outline-focus: 2px solid var(--app-color-link);
-  --app-outline-focus-offset: 2px;
-  --app-z-index-sticky: 100;
-  --app-z-index-popper: 300;
-  --app-code-foreground: var(--app-color-text);
-  --app-code-background: var(--app-color-code);
-  --app-code-token-keyword: var(--app-color-text-strong);
-  --app-code-token-function: var(--app-color-accent);
-  --app-code-token-string: var(--app-color-verified);
-  --app-code-token-string-expression: var(--app-color-verified);
-  --app-code-token-constant: var(--app-color-unverified);
-  --app-code-token-parameter: var(--app-color-text);
-  --app-code-token-comment: var(--app-color-text-muted);
-  --app-code-token-punctuation: var(--app-color-text-muted);
-  --app-code-token-link: var(--app-color-link);
-}
-@media (width < 1024px) {
-  :root {
-    --app-space-page-top: 24px;
-    --app-space-gutter: 20px;
-    --app-space-tree-row: 7px;
-    --app-space-anchor: calc(var(--app-size-mobile-header) + var(--app-space-block));
-  }
-}
-@media (width < 640px) {
-  :root {
-    --app-space-page-top: 20px;
-    --app-space-gutter: 16px;
-  }
-}
-.wg_prose__code--bad,
-.wg_prose__codeFile--bad {
-  --app-code-background: var(--app-color-bad-soft);
-}
-.wg_prose__code--good,
-.wg_prose__codeFile--good {
-  --app-code-background: var(--app-color-good-soft);
-}
-
-/* src/component/widget/shell/wg-shell.css */
-.wg_shell__root {
-  display: grid;
-  max-width: var(--app-size-page);
-  margin: 0 auto;
-  padding: 0 var(--app-space-gutter);
-  grid-template: "nav main outline" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr) calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap));
-  background: var(--app-color-ground);
-  color: var(--app-color-text);
-  font-family: var(--app-font-body);
-  font-size: var(--app-font-size-body);
-  line-height: var(--app-line-height-body);
-  letter-spacing: var(--app-letter-spacing-body);
-  word-break: keep-all;
-  overflow-wrap: break-word;
-  text-wrap: pretty;
-  -webkit-font-smoothing: antialiased;
-}
-.wg_shell__root--drawerOpen {
-  overflow: hidden;
-}
-.wg_shell__browserRoot {
-  display: contents;
-}
-.wg_shell__main {
-  grid-area: main;
-  min-width: 0;
-  border-inline: 1px solid var(--app-color-border-layout);
-  padding-block: var(--app-size-brand) calc(100vh - var(--app-space-anchor));
-  padding-inline: var(--app-space-column);
-}
-@media (width < 1360px) {
-  .wg_shell__root {
-    grid-template: "nav main" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr);
-  }
-}
-@media (width < 1024px) {
-  .wg_shell__root {
-    grid-template: "nav" auto "main" 1fr / minmax(0, 1fr);
-  }
-  .wg_shell__main {
-    padding-block-start: var(--app-space-page-top);
-    padding-inline: 0;
-    border-inline: 0;
-  }
-}
+.wg_prose__root{& h1{margin:0 0 var(--app-space-stack);color:var(--app-color-text-strong);font-size:var(--app-font-size-title);font-weight:var(--app-font-weight-title);line-height:var(--app-line-height-title);letter-spacing:var(--app-letter-spacing-title);text-wrap:balance;text-box:trim-start cap alphabetic}& p{margin:0 0 var(--app-space-stack)}& img{vertical-align:middle;max-width:100%;height:auto}& h1+p{font-size:var(--app-font-size-lead)}& h2{margin:var(--app-space-section) 0 var(--app-space-stack);padding-top:var(--app-space-group);border-top:1px solid var(--app-color-border);color:var(--app-color-text-strong);font-size:var(--app-font-size-section);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-heading);letter-spacing:var(--app-letter-spacing-heading);text-wrap:balance;scroll-margin-top:var(--app-space-anchor)}& .wg_prose__head+h2{margin-top:var(--app-space-group);border-top:0;padding-top:0}& .wg_prose__part+h2{margin-top:var(--app-space-block);border-top:0;padding-top:0}& h3{margin:var(--app-space-subsection) 0 var(--app-space-inline);color:var(--app-color-text-strong);font-size:var(--app-font-size-lead);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-tight);scroll-margin-top:var(--app-space-anchor)}& h4{margin:var(--app-space-group) 0 6px;color:var(--app-color-text-strong);font-size:var(--app-font-size-body);font-weight:var(--app-font-weight-strong)}& h5{margin:var(--app-space-block) 0 6px;color:var(--app-color-text-muted);font-size:var(--app-font-size-dense);font-weight:var(--app-font-weight-strong)}& a{color:var(--app-color-link);text-underline-offset:2px;text-decoration:none}& a:visited{color:var(--app-color-link-visited)}& a:hover{color:var(--app-color-link-hover);text-decoration:underline}& a:focus-visible{border-radius:var(--app-radius-mark);outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}& strong{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong)}& ul{margin:0 0 var(--app-space-stack);padding-left:20px}& ol{margin:0 0 var(--app-space-stack);padding-left:22px}& li{margin-bottom:4px}& li>ul,& li>ol{margin:4px 0 0}& code{border-radius:var(--app-radius-inline);background:var(--app-color-code);color:var(--app-color-text-strong);padding:1px 3px;font-family:inherit;font-size:1em}& pre{margin:var(--app-space-block) 0;padding:var(--app-space-stack) var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box);background:var(--app-color-code);font-family:var(--app-font-mono);font-size:var(--app-font-size-detail);line-height:var(--app-line-height-code);letter-spacing:0;tab-size:4;overflow-x:auto}& pre code{color:inherit;font-size:inherit;background:0 0;padding:0}& blockquote{margin:var(--app-space-block) 0;padding:0 0 0 var(--app-space-block);border-left:1px solid var(--app-color-border)}& blockquote>:last-child{margin-bottom:0}& table{border:1px solid var(--app-color-border);border-collapse:collapse;width:100%;font-size:var(--app-font-size-dense);font-variant-numeric:tabular-nums}& th{padding:var(--app-space-inline) var(--app-space-stack);border:1px solid var(--app-color-border);background:var(--app-color-code);color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong);text-align:left;vertical-align:bottom;white-space:nowrap}& td{padding:var(--app-space-inline) var(--app-space-stack);border:1px solid var(--app-color-border);text-align:left;vertical-align:top}& tbody tr:hover td{background:var(--app-color-accent-soft)}& hr{margin:var(--app-space-section) 0;border:0;border-top:1px dotted var(--app-color-border)}& pre code .line{width:calc(100% + 2 * var(--app-space-block));margin:0 calc(-1 * var(--app-space-block));padding:0 var(--app-space-block);display:inline-block}& pre code .line.highlighted{background:var(--app-color-accent-soft)}& pre code .line.highlighted.error{background:var(--app-color-bad-soft)}& pre code .line.highlighted.warning{background:var(--app-color-warn-soft)}& pre code .line.diff.add{background:var(--app-color-good-soft)}& pre code .line.diff.remove{background:var(--app-color-bad-soft);opacity:.8}& pre.wg_prose__code--bad code .line.highlighted,& pre.wg_prose__code--bad code .line.highlighted.error,& pre.wg_prose__code--bad code .line.diff.remove{background:var(--app-color-bad-mark)}& pre.wg_prose__code--good code .line.highlighted,& pre.wg_prose__code--good code .line.diff.add{background:var(--app-color-good-mark)}& pre code .highlighted-word{border-radius:var(--app-radius-inline);background:var(--app-color-accent-soft);padding:0 2px}& .wg_prose__codeFile{margin:var(--app-space-block) 0}& .wg_prose__codeFile pre{border-top-left-radius:0;border-top-right-radius:0;margin:0}& .wg_prose__codeFileTitle{gap:var(--app-space-block);padding:var(--app-space-inline) var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box) var(--app-radius-box) 0 0;background:var(--app-code-background);color:var(--app-color-text-muted);font-family:var(--app-font-mono);font-size:var(--app-font-size-dense);letter-spacing:0;border-bottom:0;justify-content:space-between;display:flex}& .wg_prose__codeFileLang{text-transform:uppercase}& pre.wg_prose__lineNumbers code{counter-reset:line}& pre.wg_prose__lineNumbers code .line:before{width:2em;margin-right:var(--app-space-stack);color:var(--app-color-text-muted);text-align:right;content:counter(line);counter-increment:line;user-select:none;display:inline-block}}.wg_prose__head{margin-bottom:var(--app-space-inline);padding-bottom:var(--app-space-block);border-bottom:1px dotted var(--app-color-border);&>:last-child{margin-bottom:0}& [align=center]{padding:var(--app-space-group) 0;text-align:center}& [align=center]>h1{margin-block:var(--app-space-group);font-size:24px}& [align=center]>p{margin-bottom:var(--app-space-block)}& [align=center]>img{width:72px;image-rendering:pixelated}}.wg_prose__headingText{box-decoration-break:clone;transition:background-color var(--app-motion-duration-highlight-fade) var(--app-motion-easing-out)}.wg_prose__headingText--highlighted{background-color:var(--app-color-anchor-highlight);transition:none}.wg_prose__part{margin-top:var(--app-space-section);padding-top:var(--app-space-stack);border-top:1px dotted var(--app-color-border);color:var(--app-color-text-strong);font-size:var(--app-font-size-part);font-weight:var(--app-font-weight-strong);line-height:var(--app-line-height-heading);letter-spacing:var(--app-letter-spacing-heading)}.wg_prose__table{margin:var(--app-space-block) 0;overflow-x:auto}.wg_prose__pill{border-radius:var(--app-radius-inline);font-size:var(--app-font-size-detail);font-weight:var(--app-font-weight-strong);white-space:nowrap;padding:0 5px;line-height:1.6;display:inline-block}.wg_prose__pill--verified{background:var(--app-color-verified-soft);color:var(--app-color-verified)}.wg_prose__pill--unverified{background:var(--app-color-unverified-soft);color:var(--app-color-unverified)}.wg_prose__color{white-space:nowrap;&:before{border:1px solid var(--app-color-border);border-radius:var(--app-radius-mark);background:var(--wg-prose-chip-color,transparent);content:"";vertical-align:-.05em;width:.8em;height:.8em;margin-right:5px;display:inline-block}}.wg_prose__note{margin:var(--app-space-block) 0;padding-left:var(--app-space-block);border-left:2px solid var(--app-color-border);&>:last-child{margin-bottom:0}}.wg_prose__noteTitle{margin-bottom:var(--app-space-inline);color:var(--app-color-text-strong);font-weight:var(--app-font-weight-strong);display:block}.wg_prose__details{margin:var(--app-space-block) 0;padding-bottom:var(--app-space-stack);border-top:1px dotted var(--app-color-border);border-bottom:1px dotted var(--app-color-border);&>:last-child{margin-bottom:0}}.wg_prose__detailsSummary{padding:var(--app-space-inline) 0;color:var(--app-color-link);font-weight:var(--app-font-weight-strong);cursor:pointer;&:hover{color:var(--app-color-link-hover);text-underline-offset:2px;text-decoration:underline}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_cursorFace__root{z-index:var(--app-z-index-popper);visibility:hidden;pointer-events:none;user-select:none;image-rendering:pixelated;position:fixed;top:0;left:0}.wg_cursorFace__root--visible{visibility:visible}.wg_mermaid__root{margin:var(--app-space-block) 0;padding:var(--app-space-block);border:1px solid var(--app-color-border);border-radius:var(--app-radius-box)}.wg_mermaid__result{text-align:center;letter-spacing:0;overflow-x:auto}.wg_mermaid__error{color:var(--app-color-text-strong)}.wg_mermaid__tooltip{color:var(--app-color-mermaid-tooltip-text);overflow-wrap:anywhere}.wg_mermaid__measurement{visibility:hidden;letter-spacing:0;position:absolute;top:0;left:-100000px}.wg_navigationNavList__root{margin:0;padding:0;list-style:none}.wg_navigationNavList__branch{padding:var(--app-space-tree-row) 0;color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));overflow-wrap:anywhere;display:block}.wg_navigationNavList__link{padding:var(--app-space-tree-row) 0;color:var(--app-color-link);font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight);overflow-wrap:anywhere;text-decoration:none;display:block;&:where(:hover){text-decoration:underline}&:where(:focus-visible){outline:none;text-decoration:underline}}.wg_navigationNavList__link--active{color:var(--app-color-link);font-weight:var(--app-font-weight-active)}.wg_navigationNavList__item{&>.wg_navigationNavList__root{margin-left:var(--app-space-tree-indent)}}.wg_navigationNav__root{font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight)}.wg_navigationNav__docs{gap:var(--app-space-tree-group);flex-direction:column;display:flex}.wg_navigationNav__group{margin:0 0 var(--app-space-tree-label);color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));text-box:trim-start cap alphabetic}.wg_navigationToc__root{font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight)}.wg_navigationToc__label,.wg_navigationToc__group{margin:0 0 var(--app-space-tree-label);color:var(--app-color-text-muted);font-size:var(--app-font-size-group);line-height:calc(var(--app-font-size-dense) * var(--app-line-height-tight));text-box:trim-start cap alphabetic}.wg_navigationToc__groupSection--named{margin-top:var(--app-space-tree-group)}.wg_navigationToc__list{margin:0;padding:0;list-style:none}.wg_navigationToc__link{padding:var(--app-space-tree-row) 0;color:var(--app-color-text);font-size:var(--app-font-size-dense);line-height:var(--app-line-height-tight);text-decoration:none;display:block;&:where(:hover){color:var(--app-color-text-strong);text-decoration:underline}&:where(:focus-visible){color:var(--app-color-text-strong);outline:none;text-decoration:underline}}.wg_navigationToc__link--active{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-active)}.wg_navigationToc__sub{margin:var(--app-space-tree-row) 0 4px var(--app-space-tree-indent);padding:0;list-style:none}.wg_navigationToc__subLink{padding:var(--app-space-tree-row) 0;color:var(--app-color-text);font-size:var(--app-font-size-detail);line-height:var(--app-line-height-tight);text-decoration:none;display:block;&:where(:hover){color:var(--app-color-text-strong);text-decoration:underline}&:where(:focus-visible){color:var(--app-color-text-strong);outline:none;text-decoration:underline}}.wg_navigationToc__subLink--active{color:var(--app-color-text-strong);font-weight:var(--app-font-weight-active)}.wg_navigation__brandRow{z-index:var(--app-z-index-sticky);min-width:0;height:var(--app-size-brand);padding-block:var(--app-space-page-top) var(--app-space-group);background:var(--app-color-ground);align-self:start;gap:var(--app-space-inline);align-items:start;display:flex;position:sticky;top:0}.wg_navigation__brand{min-width:0;color:var(--app-color-text-strong);font-family:var(--app-font-brand);font-size:var(--app-font-size-title);font-weight:var(--app-font-weight-mark);line-height:var(--app-line-height-title);letter-spacing:var(--app-letter-spacing-brand);text-overflow:ellipsis;white-space:nowrap;flex:1;text-decoration:none;display:block;overflow:hidden;&:hover{text-decoration:underline}&:focus-visible{outline:none;text-decoration:underline}}.wg_navigation__menuIcon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.5px;width:20px;height:20px}.wg_navigation__menuToggle{width:var(--app-size-menu-button);height:var(--app-size-menu-button);border-radius:var(--app-radius-box);color:var(--app-color-text-strong);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:none;&:hover{background:var(--app-color-accent-soft)}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_navigation__menuToggle--visible{display:flex}.wg_navigation__sidebar{min-width:0;height:100dvh;grid-area:nav;align-self:start;margin-inline-end:var(--app-space-sidebar-gap);position:sticky;top:0}.wg_navigation__documents{flex:1;min-height:0}.wg_navigation__outline{flex-direction:column;flex:1;min-height:0;display:flex;&:where(:has(.wg_navigation__headings:empty)){display:none}}.wg_navigation__headings{flex:1;min-height:0}.wg_navigation__navigation{height:calc(100dvh - var(--app-size-brand));flex-direction:column;min-width:0;min-height:0;display:flex}.wg_navigation__tocRail{min-width:0;height:100dvh;padding-top:var(--app-size-brand);grid-area:outline;align-self:start;margin-inline-start:var(--app-space-sidebar-gap);position:sticky;top:0;&>.wg_navigation__outline{height:100%}&:where(:has(.wg_navigation__headings:empty)){display:none}}.wg_navigation__scroll{overscroll-behavior-y:contain;scroll-padding-block:var(--app-size-navigation-fade);overflow-y:auto}.wg_navigation__scroll--ready{scrollbar-width:none}.wg_navigation__scroll--above{mask-image:linear-gradient(to bottom, transparent, #000 var(--app-size-navigation-fade))}.wg_navigation__scroll--below{mask-image:linear-gradient(to bottom, #000 calc(100% - var(--app-size-navigation-fade)), transparent)}.wg_navigation__scroll--above.wg_navigation__scroll--below{mask-image:linear-gradient(to bottom, transparent, #000 var(--app-size-navigation-fade), #000 calc(100% - var(--app-size-navigation-fade)), transparent)}.wg_navigation__drawer{width:min(var(--app-size-drawer), calc(100% - var(--app-space-gutter) * 2));max-width:none;height:100dvh;max-height:100dvh;padding:0 var(--app-space-gutter) var(--app-space-group);border:0;border-right:1px solid var(--app-color-border-layout);background:var(--app-color-ground);color:var(--app-color-text);margin:0;position:fixed;inset:0 auto 0 0;overflow:hidden;&::backdrop{background:var(--app-color-backdrop)}}.wg_navigation__drawerHeader{justify-content:space-between;align-items:center;gap:var(--app-space-inline);min-height:var(--app-size-mobile-header);margin-bottom:var(--app-space-block);background:var(--app-color-ground);display:flex}.wg_navigation__drawerTitle{font-size:var(--app-font-size-part);font-weight:var(--app-font-weight-strong);margin:0}.wg_navigation__drawerClose{width:var(--app-size-menu-button);height:var(--app-size-menu-button);border-radius:var(--app-radius-box);color:var(--app-color-text-strong);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:flex;&:hover{background:var(--app-color-accent-soft)}&:focus-visible{outline:var(--app-outline-focus);outline-offset:var(--app-outline-focus-offset)}}.wg_navigation__drawerContent{min-width:0;height:calc(100% - var(--app-size-mobile-header) - var(--app-space-block));&>.wg_navigation__navigation{height:100%}}@media (forced-colors:active){.wg_navigation__scroll{scrollbar-width:thin;scrollbar-color:auto;mask-image:none}}@media (width<1360px){.wg_navigation__tocRail{display:none}}@media (width<1024px){.wg_navigation__sidebar{height:auto;border-bottom:1px solid var(--app-color-border-layout);margin-block-end:var(--app-space-block);margin-inline-end:0;position:static}.wg_navigation__sidebar>.wg_navigation__navigation{height:auto}.wg_navigation__sidebar>.wg_navigation__navigation>.wg_navigation__documents{max-height:none}.wg_navigation__sidebar--navigationReady{z-index:var(--app-z-index-sticky);background:var(--app-color-ground);position:sticky;top:0}.wg_navigation__brandRow{height:var(--app-size-mobile-header);align-items:center;padding-block:0;position:static}}.wg_shellControls__navigation{display:contents}*{box-sizing:border-box}:root{background:var(--app-color-ground);scrollbar-gutter:stable;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}:root{color-scheme:light dark;--app-color-ground:light-dark(#fff,#181818);--app-color-code:light-dark(#f1f1eb,#22221f);--app-color-backdrop:light-dark(#0000004d,#0000008c);--app-color-text:light-dark(#333,#d5d5d5);--app-color-text-strong:light-dark(#222,#eee);--app-color-text-muted:light-dark(#666,#aaa);--app-color-mermaid-tooltip-text:#333;--app-color-anchor-highlight:light-dark(#f4f58a,#666322);--app-motion-duration-highlight-fade:.6s;--app-motion-easing-out:ease-out;--app-color-border:light-dark(#aaa,#555);--app-color-border-layout:light-dark(#eee,#2b2b2b);--app-color-accent:light-dark(#555,#b5b5b5);--app-color-accent-soft:light-dark(#f5f5f2,#222);--app-color-bad-soft:light-dark(#f9ebe8,#3a2522);--app-color-bad-mark:light-dark(#f1cdc6,#5b322c);--app-color-good-soft:light-dark(#e4f3ed,#1c342c);--app-color-good-mark:light-dark(#c4e4d4,#27503f);--app-color-warn-soft:light-dark(#fbf3d9,#3d3418);--app-color-link:light-dark(#11a,#9db8ff);--app-color-link-visited:light-dark(#51a,#c5a5ed);--app-color-link-hover:light-dark(#44d,#c1d1ff);--app-color-verified:light-dark(#176b36,#82cf95);--app-color-verified-soft:light-dark(#edf5ed,#1d2c20);--app-color-unverified:light-dark(#855700,#dfb26c);--app-color-unverified-soft:light-dark(#faf2df,#30291c);--app-font-mono:"Monoplex KR", ui-monospace, monospace;--app-font-body:"IBM Plex Sans KR", var(--app-font-mono);--app-font-brand:"Architects Daughter", var(--app-font-body);--app-font-size-group:11px;--app-font-size-detail:12px;--app-font-size-dense:12px;--app-font-size-body:12px;--app-font-size-lead:12px;--app-font-size-part:13px;--app-font-size-section:15px;--app-font-size-title:16px;--app-font-weight-mark:400;--app-font-weight-active:600;--app-font-weight-strong:600;--app-font-weight-title:600;--app-line-height-title:1.5;--app-line-height-heading:1.5;--app-line-height-tight:1.4;--app-line-height-code:1.65;--app-line-height-body:1.7;--app-letter-spacing-body:-.03em;--app-letter-spacing-brand:0;--app-letter-spacing-heading:-.04em;--app-letter-spacing-title:-.045em;--app-space-inline:6px;--app-space-stack:10px;--app-space-block:14px;--app-space-group:20px;--app-space-subsection:28px;--app-space-section:64px;--app-space-tree-row:0px;--app-space-tree-group:16px;--app-space-tree-label:2px;--app-space-tree-indent:12px;--app-space-page-top:28px;--app-space-gutter:28px;--app-space-column:32px;--app-space-sidebar-gap:32px;--app-size-sidebar:200px;--app-size-page:1920px;--app-size-brand:calc(var(--app-font-size-title) * var(--app-line-height-title) + var(--app-space-page-top) + var(--app-space-group));--app-size-mobile-header:56px;--app-size-menu-button:44px;--app-size-drawer:320px;--app-size-navigation-fade:28px;--app-space-anchor:80px;--app-radius-box:0;--app-radius-inline:0;--app-radius-mark:0;--app-outline-focus:2px solid var(--app-color-link);--app-outline-focus-offset:2px;--app-z-index-sticky:100;--app-z-index-popper:300;--app-code-foreground:var(--app-color-text);--app-code-background:var(--app-color-code);--app-code-token-keyword:var(--app-color-text-strong);--app-code-token-function:var(--app-color-accent);--app-code-token-string:var(--app-color-verified);--app-code-token-string-expression:var(--app-color-verified);--app-code-token-constant:var(--app-color-unverified);--app-code-token-parameter:var(--app-color-text);--app-code-token-comment:var(--app-color-text-muted);--app-code-token-punctuation:var(--app-color-text-muted);--app-code-token-link:var(--app-color-link)}.wg_prose__code--bad,.wg_prose__codeFile--bad{--app-code-background:var(--app-color-bad-soft)}.wg_prose__code--good,.wg_prose__codeFile--good{--app-code-background:var(--app-color-good-soft)}@media (width<1024px){:root{--app-space-page-top:24px;--app-space-gutter:20px;--app-space-tree-row:7px;--app-space-anchor:calc(var(--app-size-mobile-header) + var(--app-space-block))}}@media (width<640px){:root{--app-space-page-top:20px;--app-space-gutter:16px}}.wg_shell__root{max-width:var(--app-size-page);padding:0 var(--app-space-gutter);grid-template:"nav main outline" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr) calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap));background:var(--app-color-ground);color:var(--app-color-text);font-family:var(--app-font-body);font-size:var(--app-font-size-body);line-height:var(--app-line-height-body);letter-spacing:var(--app-letter-spacing-body);word-break:keep-all;overflow-wrap:break-word;text-wrap:pretty;-webkit-font-smoothing:antialiased;margin:0 auto;display:grid}.wg_shell__root--drawerOpen{overflow:hidden}.wg_shell__browserRoot{display:contents}.wg_shell__main{border-inline:1px solid var(--app-color-border-layout);min-width:0;padding-block:var(--app-size-brand) calc(100vh - var(--app-space-anchor));padding-inline:var(--app-space-column);grid-area:main}@media (width<1360px){.wg_shell__root{grid-template:"nav main" 1fr / calc(var(--app-size-sidebar) + var(--app-space-sidebar-gap)) minmax(0, 1fr)}}@media (width<1024px){.wg_shell__root{grid-template:"nav""main"1fr/minmax(0,1fr)}.wg_shell__main{border-inline:0;padding-block-start:var(--app-space-page-top);padding-inline:0}}
+/*$vite$:1*/