@elmethis/qwik 0.0.13 → 0.0.14

package/lib/style.css

@@ -0,0 +1,1132 @@
+._code-block_1j0ec_1 {
+  display: grid;
+  grid-template-rows: 2.75rem 1px 1fr;
+  grid-template-columns: 2rem 1fr 2.5rem;
+  grid-template-areas: "language-icon caption copy-icon" "divider divider divider" "code code code";
+  align-items: center;
+  justify-content: center;
+  gap: 0;
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  background-color: rgba(255, 255, 255, 0.4);
+  box-shadow: 0 0 0.125rem rgba(62, 67, 75, 0.3);
+}
+[data-theme=dark] ._code-block_1j0ec_1 {
+  background-color: rgba(44, 48, 55, 0.9);
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.4);
+}
+
+._language-icon_1j0ec_22 {
+  grid-area: language-icon;
+  padding-inline-start: 0.75rem;
+}
+
+._caption_1j0ec_27 {
+  grid-area: caption;
+  padding: 1rem;
+  font-family: monospace;
+  font-size: 1rem;
+}
+
+._copy-icon_1j0ec_34 {
+  grid-area: copy-icon;
+  padding: 0.25rem;
+  width: 1.25rem;
+  height: 1.25rem;
+  border-radius: 0.125rem;
+  transition: background-color 100ms;
+  cursor: pointer;
+}
+._copy-icon_1j0ec_34:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._copy-icon_1j0ec_34:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+._divider_1j0ec_50 {
+  grid-area: divider;
+  width: calc(100% - 1rem);
+  border: none;
+  border-bottom: solid 1px rgba(128, 128, 128, 0.5);
+}
+
+._code_1j0ec_1 {
+  grid-area: code;
+  box-sizing: border-box;
+  padding: 0 1rem;
+  overflow-x: auto;
+  scrollbar-width: thin;
+}._path_1ccs2_1 {
+  fill: #293138;
+}
+[data-theme=dark] ._path_1ccs2_1 {
+  fill: #d2dbe3;
+}._icon_1gvln_1 {
+  fill: var(--color, #555b67);
+  transition: fill 200ms;
+}
+[data-theme=dark] ._icon_1gvln_1 {
+  fill: var(--dark-color, #b0b5be);
+}._text_1gswr_1 {
+  padding: 0;
+  margin: 0;
+  white-space: pre-line;
+  font-size: var(--font-size, 1em);
+  line-height: var(--font-size, 1em);
+  background-color: var(--background-color);
+  transition: color 200ms;
+  text-decoration-color: var(--color);
+}
+
+._code_1gswr_12 {
+  margin-inline: 0.25rem;
+  padding: 2px 0.5em;
+  font-size: calc(1em - 2px);
+  border-radius: 0.125rem;
+  background-color: rgba(0, 0, 0, 0.075);
+  font-family: "Source Code Pro" monospace;
+}
+
+._kbd_1gswr_21 {
+  padding: 0.125rem 0.25rem;
+  position: relative;
+  border-radius: 0.125rem;
+  background-color: #e6e6e6;
+}
+[data-theme=dark] ._kbd_1gswr_21 {
+  background-color: #404040;
+}
+._kbd_1gswr_21::before {
+  z-index: -1;
+  position: absolute;
+  content: "";
+  bottom: -0.25em;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: #ccc;
+  border-radius: 0 0 0.125rem 0.125rem;
+  box-shadow: 0 0 0.125em rgba(0, 0, 0, 0.5);
+}
+[data-theme=dark] ._kbd_1gswr_21::before {
+  background-color: #595959;
+  box-shadow: 0 0 0.125em rgba(255, 255, 255, 0.5);
+}
+
+._link_1gswr_47 {
+  all: unset;
+  box-sizing: border-box;
+  padding: 0 0.25rem;
+  font-size: var(--font-size);
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  cursor: pointer;
+  color: #6987b8;
+  border-radius: 0.125rem;
+  transition: background-color 200ms, color 200ms, opacity 200ms;
+}
+._link_1gswr_47:hover {
+  background-color: rgba(105, 135, 184, 0.2);
+}
+._link_1gswr_47:active {
+  opacity: 0.5;
+}
+._link_1gswr_47:visited {
+  color: #9771bd;
+  border-bottom: dashed 1px #9771bd;
+}
+._link_1gswr_47:visited:hover {
+  background-color: rgba(151, 113, 189, 0.2);
+}
+
+._ogp_1gswr_74 {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
+  overflow: hidden;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.3);
+  background-color: rgba(255, 255, 255, 0.8);
+}
+[data-theme=dark] ._ogp_1gswr_74 {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+
+._ogp-text_1gswr_87 {
+  box-sizing: border-box;
+  padding: 0.5rem;
+}
+
+._ogp-title_1gswr_92 {
+  box-sizing: border-box;
+  font-weight: bold;
+  padding-block-end: 0.25rem;
+}
+
+._ogp-description_1gswr_98 {
+  opacity: 0.7;
+  padding: 0.25rem;
+}._text_zryur_1 {
+  color: var(--color, #606875);
+}
+._text_zryur_1::selection {
+  color: #cccfd5;
+  background-color: var(--color, #3e434b);
+}
+[data-theme=dark] ._text_zryur_1 {
+  color: var(--color, #b0b5be);
+}
+[data-theme=dark] ._text_zryur_1::selection {
+  color: #3e434b;
+  background-color: var(--color, #cccfd5);
+}._icon_19g82_1 {
+  margin: 0;
+  padding: 0;
+  display: inline-block;
+  vertical-align: middle;
+  height: 1em;
+}
+._icon_19g82_1::selection {
+  filter: brightness(1000%);
+  background-color: var(--color, rgba(0, 0, 0, 0.25));
+}
+[data-theme=dark] ._icon_19g82_1 {
+  color: var(--color, rgba(255, 255, 255, 0.7));
+}
+[data-theme=dark] ._icon_19g82_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: var(--color, rgba(255, 255, 255, 0.25));
+}._code_1sw1e_1 {
+  font-size: 1rem;
+  line-height: 1.5rem;
+}
+._code_1sw1e_1 .shiki,
+._code_1sw1e_1 .shiki span {
+  font-family: "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace !important;
+}
+._code_1sw1e_1 .shiki *::selection,
+._code_1sw1e_1 .shiki span *::selection {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._code_1sw1e_1 .shiki *::selection,
+[data-theme=dark] ._code_1sw1e_1 .shiki span *::selection {
+  background-color: rgba(255, 255, 255, 0.15);
+}
+[data-theme=dark] ._code_1sw1e_1 .shiki,
+[data-theme=dark] ._code_1sw1e_1 .shiki span {
+  color: var(--shiki-dark) !important;
+  background-color: var(--shiki-dark-bg) !important;
+}._parallax-watcher_1kb0k_1 {
+  display: none;
+  z-index: -1;
+  position: fixed;
+}
+
+._parallax_1kb0k_1 {
+  position: fixed;
+  height: 2000vh;
+  width: 100%;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  background-repeat: repeat;
+  background-size: auto;
+  opacity: 0.2;
+}
+[data-theme=dark] ._parallax_1kb0k_1 {
+  opacity: 0.1;
+}._toggle_1nxqa_1 {
+  margin: 0;
+  display: grid;
+  transition: grid 200ms;
+  overflow: hidden;
+}
+._toggle_1nxqa_1._toggle-closed_1nxqa_7 {
+  grid-template-rows: 3.5rem 0fr 0rem;
+}
+._toggle_1nxqa_1._toggle-open_1nxqa_10 {
+  grid-template-rows: 3.5rem 1fr 3rem;
+}
+
+._summary_1nxqa_14 {
+  box-sizing: border-box;
+  padding-inline: 1rem;
+  display: grid;
+  grid-template-columns: min-content 1fr min-content;
+  gap: 1rem;
+  align-items: center;
+  cursor: pointer;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  background-color: rgba(62, 67, 75, 0.05);
+}
+[data-theme=dark] ._summary_1nxqa_14 {
+  border: 1px solid rgba(255, 255, 255, 0.125);
+  background-color: rgba(190, 194, 202, 0.1);
+}
+._summary_1nxqa_14._summary-open_1nxqa_29 {
+  border-radius: 0.25rem 0.25rem 0 0;
+  border-bottom-color: transparent;
+}
+._summary_1nxqa_14._summary-closed_1nxqa_33 {
+  border-radius: 0.25rem;
+}
+
+._chevron-icon_1nxqa_37 {
+  transition: transform 200ms;
+}
+._chevron-icon_1nxqa_37._chevron-icon-open_1nxqa_40 {
+  transform: rotate(90deg);
+}
+._chevron-icon_1nxqa_37._chevron-icon-closed_1nxqa_43 {
+  transform: rotate(0deg);
+}
+
+._plus-icon_1nxqa_47 {
+  height: 1rem;
+  width: 1rem;
+  transform-origin: center;
+  transition: transform 200ms;
+}
+._plus-icon_1nxqa_47._plus-icon-open_1nxqa_53 {
+  transform: rotate(135deg);
+}
+._plus-icon_1nxqa_47._plus-icon-closed_1nxqa_56 {
+  transform: rotate(0deg);
+}
+
+._content_1nxqa_60 {
+  box-sizing: border-box;
+  padding: 1rem;
+  overflow: hidden;
+  transition: opacity 200ms;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  border-radius: 0 0 0.25rem 0.25rem;
+  background-color: rgba(62, 67, 75, 0.0125);
+}
+[data-theme=dark] ._content_1nxqa_60 {
+  border-color: rgba(255, 255, 255, 0.125);
+  background-color: rgba(190, 194, 202, 0.025);
+}
+._content_1nxqa_60._content-open_1nxqa_73 {
+  opacity: 1;
+}
+._content_1nxqa_60._content-closed_1nxqa_76 {
+  opacity: 0;
+}
+
+._footer_1nxqa_80 {
+  box-sizing: border-box;
+  margin: 0.25rem 0rem;
+  padding: 0.5rem;
+  color: #c56565;
+  font-family: monospace;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 0.5rem;
+  user-select: none;
+  cursor: pointer;
+  border-radius: 0.25rem;
+  transition: opacity 200ms, background-color 200ms;
+}
+._footer_1nxqa_80:hover {
+  opacity: 0.5;
+  background-color: rgba(96, 104, 117, 0.1);
+}
+._footer_1nxqa_80._footer-line_1nxqa_99 {
+  box-sizing: border-box;
+  margin: 0 0.25rem;
+  flex-grow: 1;
+  border: none;
+  border-bottom: solid 1px rgba(128, 128, 128, 0.3);
+}
+._footer_1nxqa_80._footer-cross-icon_1nxqa_106 {
+  transform: rotate(45deg);
+}
+._footer_1nxqa_80._footer-chevron-icon_1nxqa_109 {
+  transform: rotate(-90deg);
+}._block-fallback_rt986_1 {
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: var(--height);
+}@keyframes _bounce_1yktj_1 {
+  0% {
+    transform: translateY(0%) scaleY(0.3) scaleX(1.5);
+  }
+  10% {
+    transform: scaleY(0.8) scaleX(1.2);
+  }
+  100% {
+    transform: translateY(-400%) scaleY(1.1);
+  }
+}
+._wrapper_1yktj_12 {
+  width: var(--size);
+  height: var(--size);
+  user-select: none;
+  position: relative;
+  display: flex;
+  justify-content: space-around;
+  align-items: flex-end;
+}
+
+._dot_1yktj_22 {
+  width: 20%;
+  height: 20%;
+  border-radius: 50%;
+  animation-name: _bounce_1yktj_1;
+  animation-duration: 0.4s;
+  animation-iteration-count: infinite;
+  animation-direction: alternate;
+  animation-timing-function: ease-out;
+  transition: background-color 400ms;
+  background-color: var(--color, #606875);
+}
+[data-theme=dark] ._dot_1yktj_22 {
+  background-color: #b0b5be;
+}
+._dot_1yktj_22:nth-last-of-type(1) {
+  animation-delay: -100ms;
+}
+._dot_1yktj_22:nth-last-of-type(2) {
+  animation-delay: 0ms;
+}
+._dot_1yktj_22:nth-last-of-type(3) {
+  animation-delay: 100ms;
+}@keyframes _elm-rectangle-wave_hej9g_1 {
+  0% {
+    transform: scale(0);
+    opacity: 0;
+  }
+  30% {
+    opacity: 0;
+  }
+  40% {
+    opacity: 1;
+  }
+  100% {
+    transform: scale(1);
+    opacity: 0;
+  }
+}
+._rectangle-wave_hej9g_17 {
+  box-sizing: border-box;
+  position: absolute;
+  overflow: hidden;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  animation-name: _elm-rectangle-wave_hej9g_1;
+  animation-duration: 1200ms;
+  animation-iteration-count: infinite;
+  animation-fill-mode: both;
+  border-style: solid;
+  border-width: 1px;
+  border-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._rectangle-wave_hej9g_17 {
+  border-color: rgba(255, 255, 255, 0.7);
+}._block-image_zq5gl_1 {
+  margin: 0;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+  gap: 0.5rem;
+  width: 100%;
+}
+
+._image-container_zq5gl_11 {
+  width: 100%;
+  height: 100%;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+._image_zq5gl_11 {
+  max-width: 100%;
+  max-height: 100%;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
+  transition: opacity 400ms;
+  opacity: var(--opacity, 1);
+  user-select: none;
+  cursor: var(--cursor);
+}
+
+._fallback_zq5gl_31 {
+  width: 100%;
+  height: 100%;
+  inset: 0 0 auto auto;
+  position: absolute;
+  transition: opacity 400ms;
+  opacity: var(--opacity, 1);
+  pointer-events: none;
+}
+
+._caption-box_zq5gl_41 {
+  box-sizing: border-box;
+  padding: 0rem 1rem;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  opacity: 0.75;
+  opacity: var(--opacity, 1);
+  transition: opacity 400ms;
+}
+
+._modal-container_zq5gl_53 {
+  width: 100vw;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: fixed;
+  inset: 0 0 auto auto;
+  z-index: 100;
+  background-color: rgba(35, 38, 42, 0.8);
+  cursor: zoom-out;
+  opacity: var(--opacity, 1);
+  transition: opacity 200ms;
+}._file_14a0w_1 {
+  margin: 0;
+  padding: 1rem;
+  display: grid;
+  grid-template-columns: 1.5rem 1fr 1fr 1.5rem;
+  gap: 1rem;
+  align-items: center;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
+  border-radius: 0.25rem;
+  background-color: rgba(255, 255, 255, 0.2);
+}
+[data-theme=dark] ._file_14a0w_1 {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+
+._file-size_14a0w_16 {
+  text-align: right;
+  opacity: 0.5;
+}
+
+._download-icon_14a0w_21 {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 1.5rem;
+  width: 1.5rem;
+  padding: 0.125rem;
+  border-radius: 0.125rem;
+  cursor: pointer;
+  transition: color 200ms, background-color 200ms;
+}
+._download-icon_14a0w_21:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+[data-theme=dark] ._download-icon_14a0w_21:hover {
+  background-color: rgba(255, 255, 255, 0.1);
+}._bookmark_rgq1s_1 {
+  all: unset;
+  display: block;
+  container-type: inline-size;
+  border-radius: 0.25rem;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.1);
+  overflow: hidden;
+  transition: background-color 200ms, transform 200ms;
+}
+._bookmark_rgq1s_1:hover {
+  background-color: rgba(105, 135, 184, 0.1);
+  transform: translateX(-0.125rem) translateY(-0.125rem);
+}
+._bookmark_rgq1s_1:active {
+  background-color: rgba(89, 181, 124, 0.1);
+  transform: translateX(0) translateY(0);
+}
+
+._container_rgq1s_19 {
+  all: unset;
+  cursor: pointer;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+}
+@container (max-width: 700px) {
+  ._container_rgq1s_19 {
+    flex-direction: column;
+  }
+}
+
+._image_rgq1s_32 {
+  overflow: hidden;
+  height: 100%;
+  opacity: 0.9;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  object-fit: cover;
+  object-position: center;
+  aspect-ratio: 2/1;
+  width: min-content;
+  max-width: 35%;
+}
+@container (max-width: 700px) {
+  ._image_rgq1s_32 {
+    min-width: unset;
+    max-width: unset;
+    width: 100%;
+  }
+}
+
+._content_rgq1s_53 {
+  flex: 1;
+  width: 75%;
+  box-sizing: border-box;
+  padding: 0.5rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+  justify-content: space-between;
+  transition: background-color 200ms;
+  background-color: rgba(255, 255, 255, 0.4);
+}
+@container (max-width: 700px) {
+  ._content_rgq1s_53 {
+    width: 100%;
+  }
+}
+[data-theme=dark] ._content_rgq1s_53 {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+._content_rgq1s_53 ._title_rgq1s_73 {
+  box-sizing: border-box;
+}
+._content_rgq1s_53 ._description_rgq1s_76 {
+  box-sizing: border-box;
+  opacity: 0.7;
+}
+._content_rgq1s_53 ._link_rgq1s_80 {
+  line-height: 0.75rem;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 0.25rem;
+  opacity: 0.7;
+}._container_xsa12_1 {
+  display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 0;
+  user-select: none;
+}
+
+._link-container_xsa12_10 {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  gap: 0;
+  box-sizing: border-box;
+  padding: 0.25rem;
+  border-radius: 0.25rem;
+  cursor: pointer;
+  transition: background-color 100ms, opacity 100ms, transform 100ms;
+}
+._link-container_xsa12_10:hover {
+  background-color: rgba(134, 142, 156, 0.2);
+  transform: translateX(-1px) translateY(-1px);
+}
+._link-container_xsa12_10:active {
+  opacity: 0.5;
+  transform: translateX(1px) translateY(1px);
+}
+
+._text_xsa12_30 {
+  opacity: var(--opacity);
+  transition: opacity 200ms;
+  transition-delay: var(--delay);
+  padding: 0 0.25rem;
+}._wrapper_nud26_1 {
+  --const-margin: 1rem;
+  z-index: 50;
+  -webkit-tap-highlight-color: transparent;
+  display: block;
+  position: fixed;
+  bottom: 0;
+  margin: var(--const-margin) 0.5rem;
+  width: var(--size);
+  height: var(--size);
+  left: var(--left, auto);
+  right: var(---right, auto);
+  opacity: 1;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+  transition: transform 700ms, opacity 400ms;
+  transform-origin: 50% 50%;
+  transform: translateY(250%) rotate(180deg);
+}
+._wrapper--visible_nud26_20 {
+  transition: transform 700ms, opacity 200ms;
+  transform: translateY(0%) rotate(0deg);
+}
+._wrapper_nud26_1:hover {
+  opacity: 0.8;
+}
+._wrapper_nud26_1:active {
+  opacity: 0.4;
+}
+@keyframes _move_nud26_1 {
+  0% {
+    opacity: 0;
+    transform: translateY(600%);
+  }
+  25% {
+    opacity: 1;
+    transform: translateY(220%);
+  }
+  42% {
+    opacity: 1;
+    transform: translateY(200%);
+  }
+  67% {
+    opacity: 1;
+    transform: translateY(0%);
+  }
+  100% {
+    opacity: 0;
+    transform: translateY(-50%) scale(0.5);
+  }
+}
+._wrapper_nud26_1 ._partial_nud26_52 {
+  position: absolute;
+  width: var(--size);
+  height: 20px;
+  opacity: 0;
+  transform: scale3d(0.5, 0.5, 0.5);
+  animation: _move_nud26_1 3000ms ease-out infinite;
+}
+._wrapper_nud26_1 ._partial_nud26_52:nth-of-type(1) {
+  animation: _move_nud26_1 3000ms ease-out 1000ms infinite;
+}
+._wrapper_nud26_1 ._partial_nud26_52:nth-of-type(2) {
+  animation: _move_nud26_1 3000ms ease-out 2000ms infinite;
+}
+._wrapper_nud26_1 ._partial_nud26_52:before, ._wrapper_nud26_1 ._partial_nud26_52:after {
+  content: "";
+  position: absolute;
+  top: 0;
+  height: 100%;
+  width: 50%;
+  background-color: #494f59;
+}
+[data-theme=dark] ._wrapper_nud26_1 ._partial_nud26_52:before, [data-theme=dark] ._wrapper_nud26_1 ._partial_nud26_52:after {
+  background-color: #bec2ca;
+}
+._wrapper_nud26_1 ._partial_nud26_52:before {
+  left: 0;
+  transform: skew(0deg, -30deg);
+}
+._wrapper_nud26_1 ._partial_nud26_52:after {
+  right: 0;
+  transform: skew(0deg, 30deg);
+}
+._wrapper_nud26_1 ._text_nud26_85 {
+  transition: opacity 200ms ease 400ms;
+  width: 100%;
+  text-align: center;
+  font-family: sans-serif;
+  position: absolute;
+  z-index: 50;
+  bottom: calc(0px - var(--const-margin));
+  font-size: 12px;
+  white-space: nowrap;
+  user-select: none;
+  color: var(--color, #606875);
+}
+._wrapper_nud26_1 ._text_nud26_85::selection {
+  color: #cccfd5;
+  background-color: var(--color, #3e434b);
+}
+[data-theme=dark] ._wrapper_nud26_1 ._text_nud26_85 {
+  color: var(--color, #b0b5be);
+}
+[data-theme=dark] ._wrapper_nud26_1 ._text_nud26_85::selection {
+  color: #3e434b;
+  background-color: var(--color, #cccfd5);
+}._blockquote_b5jd8_1 {
+  box-sizing: border-box;
+  width: 100%;
+  margin: 0;
+  background-color: rgba(134, 142, 156, 0.1);
+  position: relative;
+}
+._blockquote_b5jd8_1::after {
+  position: absolute;
+  content: "";
+  top: 0;
+  left: 0;
+  width: 4px;
+  height: 100%;
+  background-color: #868e9c;
+}
+
+._body_b5jd8_18 {
+  box-sizing: border-box;
+  padding: 2rem 1.5rem;
+}
+
+._icon_b5jd8_23 {
+  position: absolute;
+  content: "";
+  inset: var(--inset);
+  opacity: 0.5;
+}._callout_1d8l2_1 {
+  position: relative;
+  padding: 1rem;
+}
+._callout_1d8l2_1::after {
+  position: absolute;
+  content: "";
+  inset: 0 auto auto 0;
+  height: 100%;
+  width: 0.25rem;
+  background-color: var(--callout-color);
+}
+._callout_1d8l2_1::before {
+  position: absolute;
+  content: "";
+  inset: 0 0 auto auto;
+  height: 100%;
+  width: 100%;
+  background-color: var(--callout-color);
+  opacity: 0.15;
+  z-index: -1;
+  pointer-events: none;
+}
+
+._header_1d8l2_25 {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
+._content_1d8l2_31 {
+  padding-block-start: 1rem;
+  padding-block-end: 0.25rem;
+}._hr_1g58p_1 {
+  margin: 0;
+  width: 100%;
+  border: none;
+  border-bottom: dashed 1px #868e9c;
+}._fragment_1kofp_1 {
+  font-size: 1rem;
+  width: 1rem;
+  height: 1rem;
+  padding: 0.125rem;
+  margin-inline-start: 0.5rem;
+  border-radius: 0.125rem;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  color: #b69545;
+  cursor: pointer;
+  user-select: none;
+  opacity: 1;
+  transition: background-color 200ms, opacity 100ms, transform 100ms;
+}
+._fragment_1kofp_1:hover {
+  background-color: rgba(134, 142, 156, 0.2);
+}
+._fragment_1kofp_1:active {
+  opacity: 0.5;
+  transform: translateX(1px) translateY(1px);
+}._heading-common_16jof_1 {
+  margin: 0;
+  position: relative;
+  font-size: var(--font-size);
+  line-height: var(--font-size);
+  opacity: var(--opacity);
+  transition: color 400ms, opacity 800ms;
+}
+
+._h1_16jof_10::after {
+  position: absolute;
+  content: "";
+  bottom: -4px;
+  left: 0;
+  width: 100%;
+  height: 0.25px;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: transform 800ms;
+  transform: scaleX(var(--scale));
+}
+[data-theme=dark] ._h1_16jof_10::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+._h1_16jof_10::before {
+  position: absolute;
+  content: "";
+  bottom: -6px;
+  left: 45%;
+  width: 10%;
+  height: 2px;
+  background-color: rgba(0, 0, 0, 0.6);
+  transition: transform 800ms;
+  transform: scaleY(var(--scale));
+  transform-origin: top;
+}
+[data-theme=dark] ._h1_16jof_10::before {
+  background-color: rgba(255, 255, 255, 0.6);
+}
+
+._h2_16jof_40::after {
+  position: absolute;
+  content: "";
+  right: 2px;
+  bottom: -4px;
+  width: 6px;
+  height: 8px;
+  opacity: 0.8;
+  transform: skewX(-25deg);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h2_16jof_40::after {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h2_16jof_40::before {
+  position: absolute;
+  content: "";
+  right: 10px;
+  bottom: -4px;
+  width: 6px;
+  height: 8px;
+  opacity: 0.8;
+  transform: skewX(-25deg);
+  background-color: rgba(0, 0, 0, 0.8);
+}
+[data-theme=dark] ._h2_16jof_40::before {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+._h2__underline_16jof_68 {
+  overflow: hidden;
+  position: absolute;
+  content: "";
+  bottom: -6px;
+  left: 0;
+  width: 100%;
+  height: 0.25px;
+  background-color: rgba(0, 0, 0, 0.5);
+  transition: transform 800ms;
+  transform: scaleX(var(--scale));
+  transform-origin: left;
+}
+[data-theme=dark] ._h2__underline_16jof_68 {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+._h3_16jof_85 {
+  box-sizing: border-box;
+  padding-left: 0.75rem;
+}
+._h3_16jof_85::after {
+  position: absolute;
+  content: "";
+  width: 3px;
+  height: 12px;
+  top: calc(50% - 8px);
+  left: 0;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+[data-theme=dark] ._h3_16jof_85::after {
+  background-color: rgba(255, 255, 255, 0.5);
+}
+
+._h4_16jof_102 {
+  position: relative;
+}
+
+._h5_16jof_106 {
+  position: relative;
+}
+
+._h6_16jof_110 {
+  position: relative;
+}._elmethis-list-common_14epx_1 {
+  margin-block: 1rem;
+  opacity: var(--opacity);
+  transition: opacity 800ms;
+  box-sizing: border-box;
+  padding-left: 1.25rem;
+}
+
+._elmethis-bulleted-list_14epx_9 li {
+  box-sizing: border-box;
+  padding-left: 0.5rem;
+  margin-block: 0.75rem;
+}
+._elmethis-bulleted-list_14epx_9 li::marker {
+  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMTYgMTYnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICA+CiAgICA8cGF0aAogICAgICBmaWxsPScjNDQ5NzYzJwogICAgICBvcGFjaXR5PScwLjgnCiAgICAgIGQ9J00zIDMuNzMyYTEuNSAxLjUgMCAwIDEgMi4zMDUtMS4yNjVsNi43MDYgNC4yNjdhMS41IDEuNSAwIDAgMSAwIDIuNTMxbC02LjcwNiA0LjI2OEExLjUgMS41IDAgMCAxIDMgMTIuMjY3VjMuNzMyWicKICAgIC8+CiAgPC9zdmc+");
+}
+._elmethis-bulleted-list_14epx_9 li ul li::marker {
+  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjQgMjQnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9J3RyYW5zcGFyZW50JwogID4KICAgIDxwYXRoCiAgICAgIHN0cm9rZUxpbmVjYXA9J3JvdW5kJwogICAgICBzdHJva2VMaW5lam9pbj0ncm91bmQnCiAgICAgIGQ9J001LjI1IDUuNjUzYzAtLjg1Ni45MTctMS4zOTggMS42NjctLjk4NmwxMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMSAwIDEuOTcybC0xMS41NCA2LjM0N2ExLjEyNSAxLjEyNSAwIDAgMS0xLjY2Ny0uOTg2VjUuNjUzWicKICAgIC8+CiAgPC9zdmc+");
+}
+._elmethis-bulleted-list_14epx_9 li ul li ul li::marker {
+  content: url("data:image/svg+xml;base64,ICA8c3ZnCiAgICB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnCiAgICB2aWV3Qm94PScwIDAgMjAgMjAnCiAgICB3aWR0aD0nMTJweCcKICAgIGhlaWdodD0nMTJweCcKICAgIHN0cm9rZT0nIzQ0OTc2MycKICAgIGZpbGw9JyM0NDk3NjMnCiAgPgogICAgPHBhdGgKICAgICAgZmlsbFJ1bGU9J2V2ZW5vZGQnCiAgICAgIGQ9J004LjIyIDUuMjJhLjc1Ljc1IDAgMCAxIDEuMDYgMGw0LjI1IDQuMjVhLjc1Ljc1IDAgMCAxIDAgMS4wNmwtNC4yNSA0LjI1YS43NS43NSAwIDAgMS0xLjA2LTEuMDZMMTEuOTQgMTAgOC4yMiA2LjI4YS43NS43NSAwIDAgMSAwLTEuMDZaJwogICAgICBjbGlwUnVsZT0nZXZlbm9kZCcKICAgIC8+CiAgPC9zdmc+");
+}
+
+._elmethis-numbered-list_14epx_24 li {
+  box-sizing: border-box;
+  padding-left: 0.25rem;
+  margin-block: 0.75rem;
+  margin-left: 0.25rem;
+  list-style-type: decimal;
+}
+._elmethis-numbered-list_14epx_24 li::marker {
+  font-weight: bold;
+  color: #9771bd;
+}
+._elmethis-numbered-list_14epx_24 li ol li {
+  list-style-type: lower-alpha;
+}
+._elmethis-numbered-list_14epx_24 li ol li ol li {
+  list-style-type: lower-roman;
+}
+._elmethis-numbered-list_14epx_24 li ol li ol li ol li {
+  list-style-type: lower-greek;
+}._paragraph_jz10s_1 {
+  opacity: var(--opacity, 0);
+  opacity: var(--opacity);
+  transition: opacity 800ms;
+  color: var(--color, #606875);
+  background-color: var(--background-color, inherit);
+}
+._paragraph_jz10s_1::selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._paragraph_jz10s_1 {
+  color: rgba(255, 255, 255, 0.7);
+}
+[data-theme=dark] ._paragraph_jz10s_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+}._table_x2nyq_1 {
+  margin-block: var(--margin-block);
+  border-collapse: collapse;
+  border-spacing: 0;
+  box-shadow: 0 0 0.125rem rgba(0, 0, 0, 0.2);
+}
+
+._caption_x2nyq_8 {
+  position: relative;
+  width: 100%;
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: 1rem;
+  margin-block-end: 1rem;
+}
+
+._caption-inner_x2nyq_18 {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.25rem;
+}
+
+._spacing_x2nyq_25 {
+  flex-grow: 1;
+  height: 1px;
+  background-color: rgba(128, 128, 128, 0.2);
+}._thead_1brzu_1 {
+  text-align: left;
+  transition: background-color 400ms, color 400ms;
+  border-bottom: 2px solid rgba(128, 128, 128, 0.5);
+}._tr_2ogbz_1 {
+  transition: background-color 200ms;
+}
+._tr_2ogbz_1:nth-child(odd) {
+  background-color: transparent;
+}
+._tr_2ogbz_1:nth-child(even) {
+  background-color: rgba(0, 0, 0, 0.015);
+}
+[data-theme=dark] ._tr_2ogbz_1:nth-child(even) {
+  background-color: rgba(255, 255, 255, 0.015);
+}
+._tr_2ogbz_1:hover {
+  background-color: rgba(105, 135, 184, 0.15);
+}
+[data-theme=dark] ._tr_2ogbz_1:hover {
+  background-color: rgba(105, 135, 184, 0.15);
+}
+
+._has-row-header_2ogbz_20 td:first-child,
+._has-row-header_2ogbz_20 tr:first-child {
+  background-color: rgba(128, 128, 128, 0.15);
+}._common_1puhv_1 {
+  padding: 0.75rem 1rem;
+  color: rgba(0, 0, 0, 0.7);
+  border-right: 1px dotted rgba(0, 0, 0, 0.15);
+}
+._common_1puhv_1::selection {
+  color: rgba(255, 255, 255, 0.7);
+  background-color: rgba(0, 0, 0, 0.7);
+}
+[data-theme=dark] ._common_1puhv_1 {
+  color: rgba(255, 255, 255, 0.7);
+}
+[data-theme=dark] ._common_1puhv_1::selection {
+  color: rgba(0, 0, 0, 0.7);
+  background-color: rgba(255, 255, 255, 0.7);
+}
+[data-theme=dark] ._common_1puhv_1 {
+  border-right: 1px dotted rgba(255, 255, 255, 0.15);
+}
+._common_1puhv_1:last-child {
+  border-right: none;
+}
+
+._td_1puhv_24 {
+  border-top: 1px solid rgba(0, 0, 0, 0.15);
+}
+[data-theme=dark] ._td_1puhv_24 {
+  border-top-color: rgba(255, 255, 255, 0.15);
+}
+
+._th_1puhv_31 {
+  background-color: rgba(128, 128, 128, 0.15);
+}._jarkup-body_1l2bp_1 {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
+}
+
+._column-list_1l2bp_7 {
+  box-sizing: content-box;
+  padding-block: 0.25rem;
+  width: 100%;
+  display: flex;
+  flex-direction: row;
+  gap: 0.25rem;
+  justify-content: space-around;
+  overflow: auto;
+}
+
+._column_1l2bp_7 {
+  box-sizing: border-box;
+  padding: 0.125rem;
+  flex: var(--width-ratio, 1);
+}
+._column_1l2bp_7 > * + * {
+  margin-block-start: 2em;
+}