/* node_modules/evikit/index.css */
* {
  color: inherit;
  font: inherit;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: inherit;
  text-decoration: none;
}
html {
  font-family: system-ui, sans-serif;
  line-height: 1.5rem;
}
b {
  font-weight: bold;
}
code {
  font-family: monospace;
}
pre {
  font-family: monospace;
  font-size: 1rem;
}
summary {
  list-style: revert;
}
.m-8 {
  margin: 2rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
@media (min-width: 640px) {
  .sm\:mb-4 {
    margin-bottom: 1rem;
  }
}
.-mb-4 {
  margin-bottom: -1rem;
}
.mb-6 {
  margin-bottom: 1.5rem;
}
.mb-8 {
  margin-bottom: 2rem;
}
.mt-0 {
  margin-top: 0;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.-mt-4 {
  margin-top: -1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.mx-0 {
  margin-left: 0;
  margin-right: 0;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.my-2 {
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
}
.my-4 {
  margin-bottom: 1rem;
  margin-top: 1rem;
}
.my-8 {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.p-8 {
  padding: 2rem;
}
@media (min-width: 992px) {
  .lg\:p-8 {
    padding: 2rem;
  }
}
.pb-8 {
  padding-bottom: 2rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-4 {
  gap: 1rem;
}
.gap-8 {
  gap: 2rem;
}
.gap-x-4 {
  column-gap: 1rem;
}
.gap-y-6 {
  row-gap: 1.5rem;
}
.max-w-full {
  max-width: 100%;
}
@media (min-width: 640px) {
  .sm\:max-w-sm {
    max-width: 22rem;
  }
}
.max-w-lg {
  max-width: 32rem;
}
.max-w-2xl {
  max-width: 40rem;
}
.max-w-5xl {
  max-width: 60rem;
}
.w-32 {
  width: 8rem;
}
.w-auto {
  width: auto;
}
.w-fit {
  width: fit-content;
}
.w-full {
  width: 100%;
}
.h-auto {
  height: auto;
}
.min-h-screen {
  min-height: 100vh;
}
.font-thin {
  font-weight: 300;
}
.font-semibold {
  font-weight: 600;
}
.font-bold {
  font-weight: 700;
}
.tabular-nums {
  font-variant-numeric: tabular-nums;
}
.text-base {
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm {
  font-size: 0.875rem;
  line-height: 1.25rem;
}
@media (min-width: 992px) {
  .lg\:text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.text-lg {
  font-size: 1.125rem;
  line-height: 1.625rem;
}
.text-xl {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media (min-width: 992px) {
  .lg\:text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}
.text-2xl {
  font-size: 1.5rem;
  line-height: 2.125rem;
}
@media (min-width: 992px) {
  .lg\:text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.75rem;
}
@media (min-width: 992px) {
  .lg\:text-4xl {
    font-size: 2.25rem;
    line-height: 2.75rem;
  }
}
.tracking-wider {
  letter-spacing: 0.05rem;
}
.uppercase {
  text-transform: uppercase;
}
.whitespace-nowrap {
  white-space: nowrap;
}
.bg-center {
  background-position: center;
}
.bg-cover {
  background-size: cover;
}
.object-contain {
  object-fit: contain;
}
.absolute {
  position: absolute;
}
.contents {
  display: contents;
}
.flex {
  display: flex;
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.grid {
  display: grid;
}
.grid-cols-1 {
  grid-template-columns: 1fr;
}
.grid-cols-2 {
  grid-template-columns: 1fr 1fr;
}
@media (min-width: 640px) {
  .sm\:grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 768px) {
  .md\:grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .lg\:grid-cols-2 {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .lg\:grid-cols-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 992px) {
  .lg\:grid-cols-4 {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media (min-width: 1200px) {
  .\xl\:grid-cols-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
.hidden {
  display: none;
}
@media (min-width: 992px) {
  .lg\:hidden {
    display: none;
  }
}
.items-center {
  align-items: center;
}
.justify-center {
  justify-content: center;
}
.overflow-auto {
  overflow: auto;
}
.overflow-hidden {
  overflow: hidden;
}
.right-2 {
  right: 0.5rem;
}
.row-span-2 {
  grid-row: span 2;
}
.text-center {
  text-align: center;
}
@media (min-width: 640px) {
  .sm\:text-center {
    text-align: center;
  }
}
@media (min-width: 768px) {
  .md\:text-center {
    text-align: center;
  }
}
.top-2 {
  top: 0.5rem;
}
.border {
  border: 1px solid;
}
@media (min-width: 992px) {
  .lg\:border {
    border: 1px solid;
  }
}
.border-b {
  border-bottom: 1px solid;
}
.\!border-none {
  border: none !important;
}
@media (min-width: 992px) {
  .lg\:border-none {
    border: none;
  }
}
.rounded-lg {
  border-radius: 0.5rem;
}
@media (min-width: 992px) {
  .lg\:rounded-lg {
    border-radius: 0.5rem;
  }
}
.rounded-xl {
  border-radius: 1rem;
}
.shadow-sm {
  box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1);
}
@media (min-width: 992px) {
  .lg\:shadow-sm {
    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.1);
  }
}
.badge {
  border-radius: 0.5rem;
  display: inline-flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  padding: 0.0625rem 0.75rem;
}
.badge-info {
  background-color: color-mix(in srgb, darkturquoise 6.25%, transparent);
}
.btn {
  background-color: rgba(0, 0, 0, 0.03125);
  border: 1px solid rgba(0, 0, 0, 0.0625);
  border-radius: 0.25rem;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 600;
  padding: 0.5rem 1rem;
}
.btn:focus,
.btn:hover {
  background-color: rgba(0, 0, 0, 0.125);
}
.btn-ghost:not(:focus):not(:hover) {
  background-color: transparent;
  border-color: transparent;
}
.btn-disabled {
  background-color: rgba(0, 0, 0, 0.03125);
  border-color: rgba(0, 0, 0, 0.03125);
}
.fieldset {
  border: none;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-bottom: 0.25rem;
  padding-top: 0.25rem;
}
.fieldset-legend {
  font-size: 0.75rem;
  font-weight: bold;
}
.label {
  display: table;
  font-size: 0.75rem;
}
.input {
  border: 1px solid rgba(0, 0, 0, 0.25);
  border-radius: 0.25rem;
  font-size: 0.875rem;
  max-width: 100%;
  padding: 0.5rem 0.75rem;
  width: 20rem;
}
.link {
  text-decoration: underline;
}
.lg\:table {
  border-collapse: collapse;
  font-size: 0.875rem;
  width: 100%;
}
@media (min-width: 992px) {
  .lg\:table {
    display: table;
  }
}
.lg\:table thead th {
  font-weight: 700;
  opacity: 0.5;
}
.lg\:table tr > * {
  padding: 0.75rem;
}
.table-zebra tr:nth-child(even) {
  background-color: rgba(0, 0, 0, 0.025);
  border-bottom: 1px solid rgba(0, 0, 0, 0.075);
}
@media (prefers-color-scheme: dark) {
  .table-zebra tr:nth-child(even) {
    background-color: rgba(255, 255, 255, 0.05);
  }
}
.opacity-0 {
  opacity: 0;
}
.opacity-50 {
  opacity: 0.5;
}
.bg-gray-50 {
  background-color: rgba(0, 0, 0, 0.015625);
}
.bg-gray-100 {
  background-color: rgba(0, 0, 0, 0.03125);
}
.\!bg-transparent {
  background-color: transparent !important;
}
.border-gray-100 {
  border-color: rgba(0, 0, 0, 0.03125);
}
.fill-amber-300\/\[50\%\] {
  fill: color-mix(in srgb, chocolate 25%, transparent);
}
.fill-cyan-300\/\[50\%\] {
  fill: color-mix(in srgb, darkcyan 25%, transparent);
}
.fill-fuchsia-300\/\[50\%\] {
  fill: color-mix(in srgb, palevioletred 25%, transparent);
}
.fill-indigo-300\/\[50\%\] {
  fill: color-mix(in srgb, darkolivegreen 25%, transparent);
}
.fill-lime-300\/\[50\%\] {
  fill: color-mix(in srgb, green 25%, transparent);
}
.fill-purple-300\/\[50\%\] {
  fill: color-mix(in srgb, darkorchid 25%, transparent);
}
.fill-teal-300\/\[50\%\] {
  fill: color-mix(in srgb, darkturquoise 25%, transparent);
}
.fill-yellow-300\/\[50\%\] {
  fill: color-mix(in srgb, yellowgreen 25%, transparent);
}
.stroke-amber-500 {
  stroke: chocolate;
}
.stroke-cyan-500 {
  stroke: darkcyan;
}
.stroke-fuchsia-500 {
  stroke: palevioletred;
}
.stroke-indigo-500 {
  stroke: darkolivegreen;
}
.stroke-lime-500 {
  stroke: green;
}
.stroke-purple-500 {
  stroke: darkorchid;
}
.stroke-teal-500 {
  stroke: darkturquoise;
}
.stroke-yellow-500 {
  stroke: yellowgreen;
}
.text-amber-400 {
  color: chocolate;
}
.text-cyan-400 {
  color: darkcyan;
}
.text-fuchsia-400 {
  color: palevioletred;
}
.text-green-400 {
  color: limegreen;
}
.text-indigo-400 {
  color: darkolivegreen;
}
.text-lime-400 {
  color: green;
}
.text-orange-400 {
  color: orange;
}
.text-purple-400 {
  color: darkorchid;
}
.text-red-400 {
  color: red;
}
.text-teal-400 {
  color: darkturquoise;
}
.text-yellow-400 {
  color: yellowgreen;
}

/* index.css */
[lang=uk] p {
  text-wrap: balance;
}
.badge-info.badge-soft,
p a:not([class]) {
  color: #28f;
}
@media (prefers-color-scheme: dark) {
  .badge-info.badge-soft,
  p a:not([class]) {
    color: #61afef;
  }
}
p a:not([class]) {
  text-decoration: underline;
}
figcaption span,
summary span {
  opacity: 0.3333;
}
[class*=shj-lang-] {
  box-shadow: none !important;
  font: inherit !important;
}
.shj-inline {
  padding: 0 !important;
}
figure,
details {
  box-shadow: 0 0 1em rgba(0, 0, 0, 0.05);
}
nav a {
  background-color: currentColor;
  color: #fff;
  border-radius: 0.75rem;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  display: inline-block;
  margin-bottom: 1em;
  padding: 1em;
}
nav a:focus,
nav a:hover {
  opacity: 0.75;
}
nav a[href*=documentation] {
  background-color: #84f;
  color: #fff;
}
nav a[href*=issues] {
  background-color: #7d8f;
  color: #fff;
}
@media (prefers-color-scheme: dark) {
  nav a[href*=documentation] {
    background-color: #c678dd;
  }
  nav a[href*=issues] {
    background-color: #61afef;
  }
}