/* styles for @hokulea/explorer/components/token/props.css */
._box_gvfm6s {
  display: flex;

  padding: var(--spacing-container-2);
  border: var(--shape-stroke);
  border-radius: var(--shape-radius-container);

  background-color: var(--surface-container);
}

._demo_gvfm6s {
  align-self: start;

  aspect-ratio: 1;
  width: var(--s4);
  border: var(--shape-stroke-information);
  border-radius: var(--shape-radius-primitive);

  background-color: var(--surface-container);
}


._value_gvfm6s {
  font-family: monospace;
  font-size: var(--s-1);
}

._description_gvfm6s {
  font-size: var(--s-1);
}

/* styles for @hokulea/explorer/components/token/box-shadow.css */
._box_1nr274 {
  flex-direction: row;
  gap: var(--s-1);
  align-items: center;
}

._demo_1nr274 {
  box-shadow: var(--value);
}

._content_1nr274 {
  --flow-space: var(--s-3);
}

._value_1nr274 {
  margin-inline-start: auto;
}

._description_1nr274 {
}

/* styles for @hokulea/explorer/components/token/color.css */
._box_10h9fk {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: var(--s-1);
  align-items: center;
}

._demo_10h9fk {
  background-color: var(--value);
}

._content_10h9fk {
  --flow-space: var(--s-5);
}

._value_10h9fk {
  margin-inline-start: auto;
}

._description_10h9fk {
}

/* styles for @hokulea/explorer/components/token/dimension.css */
._box_tatakq {

  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}

._demo_tatakq {
  align-self: stretch;
  width: var(--value);
  background-color: var(--typography-main);
}

._content_tatakq {
  display: grid;
  grid-template-columns: 30ch auto;
  gap: var(--s-4);
}

._value_tatakq {
}

._description_tatakq {
  grid-column: 1 / span 2;
}

/* styles for @hokulea/explorer/components/token/plain.css */
._box_1qpl23 {

  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

._demo_1qpl23 {
  align-self: stretch;
  width: var(--value);
  background-color: var(--typography-main);
}

._content_1qpl23 {
  --flow-space: var(--s-4);
}

._value_1qpl23 {
}

._description_1qpl23 {
  grid-column: 1 / span 2;
}

/* styles for @hokulea/explorer/components/token/radius.css */
._box_e4e26a {
  flex-direction: row;
  gap: var(--s-1);
  align-items: center;
}

._demo_e4e26a {
  border-radius: var(--value);
}

._meter_e4e26a {
  width: var(--value);
  visibility: hidden;
}

._content_e4e26a {
  --flow-space: var(--s-3);
}

._value_e4e26a {
  margin-inline-start: auto;
}

._description_e4e26a {
}

/* styles for @hokulea/explorer/components/token/stroke.css */
._box_1gpkvn {

  overflow: hidden;
  display: flex;
  flex-direction: row;
  gap: var(--s-1);
  align-items: center;

  padding: var(--s-2);
}

._demo_1gpkvn {
  display: flex;
  align-items: center;
  width: var(--s4);
  height: 1em;

  &::before {
    content: '';
    width: 100%;
    border-bottom: var(--value);
  }
}

._content_1gpkvn {
  --flow-space: var(--s-4);
}

._value_1gpkvn {
  margin-inline-start: auto;
}

._description_1gpkvn {
  grid-column: 1 / span 2;
}

/* styles for @hokulea/explorer/components/article.css */
._layout_1ckr6r {
  --center-max-width: var(--measure);

  box-sizing: content-box;
  max-width: var(--center-max-width);
  margin-inline: auto;
}

._article_1ckr6r {
  --flow-space: var(--ls0);
}

._toc_1ckr6r {
  margin-top: var(--s1);

  /* position: fixed;
  margin-left: 35rem;
  padding-left: var(--s1); */

  & > a {
    display: block;
    margin-bottom: var(--s-1);

    /* margin-left: calc(var(--s0) * -1); */
    text-decoration: none;
  }

  [data-level="1"] {
    display: none !important;
  }

  [data-level="2"] {
    /* color: var(--heading-color); */
    padding-left: var(--s1);
  }

  [data-level="3"] {
    padding-left: var(--s3);
    font-size: var(--s-1);
  }

  [data-level="4"] {
    padding-left: var(--s4);
    font-size: var(--s-2);
  }

  [data-level="5"] {
    padding-left: var(--s4);
    font-size: var(--s0);
  }
}

@media (width >= calc(65ch * 2)) {
  ._level-1_1ckr6r {
    display: block !important;
  }

  ._toc_1ckr6r {
    position: fixed;
    top: 0;
    margin-left: calc(var(--measure) + var(--s1));
  }
}

/* styles for @hokulea/explorer/components/demo/global-sizing/index.css */
.demo-global-scale-static-12 {
  font-size: 12px;
}

.demo-global-scale-minmax {
  font-size: clamp(16px, calc(0.5vw + 1em * 0.8), 18px);
}

/* styles for @hokulea/explorer/components/demo/intents/index.css */
._control_4nn9v0 {
  display: grid;
  grid-template-columns: max-content auto;
  gap: var(--s-4);
}

/* styles for @hokulea/explorer/components/demo/local-sizing/index.css */
._token-list_1nhgii {
  --flow-space: var(--s0);
  margin-block-start: var(--s0);
}

._size-options_1nhgii {
  margin-inline-start: var(--s-1);
  font-size: var(--s-1);
}

/* styles for @hokulea/explorer/components/logo/base/index.css */
._logo_h0xp72 {
  width: 1em;
  height: 1em;
}

/* styles for @hokulea/explorer/components/reference/indicators.css */
._control_j4641k {
  display: grid;
  grid-template-columns: max-content auto;
  gap: var(--s-3);
  align-items: center;

  padding: var(--spacing-container0);
  border: var(--shape-stroke);
  border-radius: var(--shape-radius-container);

  background-color: var(--surface-container);
}

/* styles for @hokulea/explorer/components/reference/intents.css */
._control_1qjm12 {
  display: grid;
  grid-template-columns: max-content auto;
  gap: var(--s-3);
  align-items: center;

  padding: var(--spacing-container0);
  border: var(--shape-stroke);
  border-radius: var(--shape-radius-container);

  background-color: var(--surface-container);
}

/* styles for @hokulea/explorer/components/spec/base/index.css */
._spec_clb4ps {
  display: flex;
  flex-direction: column;
  gap: var(--s-4);

  padding: var(--spacing-container0);
  border: var(--shape-stroke);
  border-radius: var(--shape-radius-container);

  background-color: var(--surface-container1);

  p {
    font-weight: 500;
  }

  span {
    display: flex;
    gap: var(--ls-4);
    align-items: center;
  }
}

/* styles for @hokulea/explorer/components/storybook/styles.css */

/* styles for @hokulea/explorer/components/token-list/index.css */
._token-list_8ma3qj {
  --flow-space: var(--s0);
  margin-block-start: var(--s0);
}

/* styles for @hokulea/explorer/components/token-name/index.css */
._name_1cuy7g {
  display: flex;
  flex-direction: column;
  font-size: var(--s0);
  font-weight: 450;

  span {
    display: flex;
    gap: var(--ls-4);
    align-items: center;
  }
}

/* styles for @hokulea/explorer/styles/app.css */
@font-face {
  font-family: Inter;
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  font-display: swap;
  src: url("/Inter.var.woff2?3.13") format("woff2-variations");
}

@font-face {
  font-family: "Inter Display";
  font-weight: 100 900;
  font-style: oblique 0deg 10deg;
  font-display: block;
  src: url("/InterDisplay.var.woff2?3.13") format("woff2-variations");
}

:root {
  --typo-prose-family: "Inter", system-ui, sans-serif;
  --typo-prose-feature-settings: "case" 1, "ss03" 1, "cv05" 1, "cv07", "kern" 1;
  --typo-heading-feature-settings: "liga" 1, "calt" 1, "cv05" 1, "kern" 1;
  --typo-heading-tracking: -0.018em;
  --typo-heading-weight: 350;
  --typo-display-family: "Inter Display", system-ui, sans-serif;
  --typo-display-feature-settings: "liga" 1, "calt" 1, "salt" 1, "kern" 1;
  --typo-display-weight: 300;
  --typo-display-tracking: -0.003em;
}

h4 {
  --typo-heading-weight: 450;
}

pre > code.hljs {
  display: block;
  padding: 0.5em;
}

h3,
h4 {
  --typo-heading-weight: 500;
}

dt {
  margin-block-end: var(--s-4);
  font-weight: 600;
}

dd {
  padding-inline-start: var(--s0);
}

dd + dt {
  margin-block-start: var(--s0);
}

th {
  text-align: left;
}

tr > td:not(:last-child) {
  padding-inline-end: var(--ls-1);
}

/* styles for @hokulea/explorer/styles/writing-mode.css */

.wm-horizontal-tb {
  writing-mode: horizontal-tb;
}

.wm-vertical-rl {
  writing-mode: vertical-rl;
}

.wm-vertical-lr {
  writing-mode: vertical-lr;
}