/* Polished color palette for better readability */
:root {
  --vt-c-light-purple: #d1b5e6;
  --vt-c-light-purple-soft: #c8addd;
  --vt-c-light-purple-mute: #bf9fd4;
  --vt-c-light-purple-tab: #c48ae8;
  --vt-c-light-purple-soft-tab: #ba82de;
  --vt-c-light-purple-mute-tab: #b079d4;

  --vt-c-dark-purple: #20152b;
  --vt-c-dark-purple-soft: #291c35;
  --vt-c-dark-purple-mute: #311f3e;
  --vt-c-dark-purple-tab: #3a1d4a;
  --vt-c-dark-purple-soft-tab: #321841;
  --vt-c-dark-purple-mute-tab: #2b1438;

  --vt-c-divider-light-1: rgba(184, 147, 201, 1);
  --vt-c-divider-light-2: rgba(184, 147, 201, 0.8);
  --vt-c-divider-light-3: rgba(184, 147, 201, 0.6);
  --vt-c-divider-dark-1: rgba(63, 55, 66, 0.6);
  --vt-c-divider-dark-2: rgba(63, 55, 66, 0.4);
  --vt-c-divider-dark-3: rgba(63, 55, 66, 0.1);

  --vt-c-text-light-1: rgba(30, 25, 40, 1);
  --vt-c-text-light-2: rgba(45, 40, 55, 0.9);
  --vt-c-link-light: rgba(140, 40, 50, 0.85);
  --vt-c-text-dark-1: rgba(240, 220, 255, 0.85);
  --vt-c-text-dark-2: rgba(230, 210, 245, 0.65);
  --vt-c-link-dark: rgba(150, 200, 255, 0.75);
}
:root {
  --color-background: var(--vt-c-light-purple);
  --color-background-soft: var(--vt-c-light-purple-soft);
  --color-background-mute: var(--vt-c-light-purple-mute);
  --color-background-light: var(--vt-c-light-purple);
  --color-background-soft-light: var(--vt-c-light-purple-soft);
  --color-background-mute-light: var(--vt-c-light-purple-mute);
  --color-background-dark: var(--vt-c-dark-purple);
  --color-background-soft-dark: var(--vt-c-dark-purple-soft);
  --color-background-mute-dark: var(--vt-c-dark-purple-mute);

  --color-border: var(--vt-c-divider-light-2);
  --color-border-heading: var(--vt-c-divider-light-1);
  --color-border-hover: var(--vt-c-divider-light-3);
  --color-border-light: var(--vt-c-divider-light-2);
  --color-border-heading-light: var(--vt-c-divider-light-1);
  --color-border-hover-light: var(--vt-c-divider-light-3);
  --color-border-dark: var(--vt-c-divider-dark-2);
  --color-border-heading-dark: var(--vt-c-divider-dark-1);
  --color-border-hover-dark: var(--vt-c-divider-dark-3);

  --color-heading: var(--vt-c-text-light-1);
  --color-text: var(--vt-c-text-light-2);
  --color-link-text: var(--vt-c-link-light);
  --color-sidebar: var(--vt-c-light-purple-tab);
  --color-sidebar-hover: var(--vt-c-light-purple-soft-tab);
  --color-heading-light: var(--vt-c-text-light-1);
  --color-text-light: var(--vt-c-text-light-2);
  --color-link-text-light: var(--vt-c-link-light);
  --color-sidebar-light: var(--vt-c-light-purple-tab);
  --color-sidebar-hover-light: var(--vt-c-light-purple-soft-tab);
  --color-heading-dark: var(--vt-c-text-dark-1);
  --color-text-dark: var(--vt-c-text-dark-2);
  --color-link-text-dark: var(--vt-c-link-dark);
  --color-sidebar-dark: var(--vt-c-dark-purple-tab);
  --color-sidebar-hover-dark: var(--vt-c-dark-purple-soft-tab);

  --section-gap: 160px;
  --sidebar-width: calc(56px);
  --sidebar-extended-width: calc(28px + 300px);
  --navbar-height: calc(56px);
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-background: var(--vt-c-dark-purple);
    --color-background-soft: var(--vt-c-dark-purple-soft);
    --color-background-mute: var(--vt-c-dark-purple-mute);

    --color-border: var(--vt-c-divider-dark-2);
    --color-border-heading: var(--vt-c-divider-dark-1);
    --color-border-hover: var(--vt-c-divider-dark-3);

    --color-heading: var(--vt-c-text-dark-1);
    --color-text: var(--vt-c-text-dark-2);
    --color-link-text: var(--vt-c-link-dark);
    --color-sidebar: var(--vt-c-dark-purple-tab);
    --color-sidebar-hover: var(--vt-c-dark-purple-soft-tab);
  }
}
@media (max-width: 768px) {
  :root {
    --sidebar-width: calc(42px);
    --sidebar-extended-width: calc(21px + 225px);
  }
}
@media (max-width: 576px) {
  :root {
    --sidebar-width: calc(28px);
    --sidebar-extended-width: calc(14px + 150px);
  }
}
* {
  box-sizing: border-box;
  margin: 0;
  font-weight: normal;
}
body {
  min-height: 100%;
  line-height: 1.6;
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-y: scroll;
  color: var(--color-text);
  background: var(--color-background);
}
body.dark {
  color: var(--color-text-dark);
  background: var(--color-background-dark);
}
body:not(.dark) {
  color: var(--color-text-light);
  background-color: var(--color-background-light);
}
@media (max-width: 768px) {
  body {
    line-height: 1.4;
  }
}
@media (max-width: 576px) {
  body {
    line-height: 1.2;
  }
}
.mb-0, .my-0 {
    margin-bottom: 0 !important;
}
.mb-1, .my-1 {
    margin-bottom: 0.25rem !important;
}
.mb-2, .my-2 {
    margin-bottom: 0.5rem !important;
}
.mb-3, .my-3 {
    margin-bottom: 1rem !important;
}
.mt-0, .my-0 {
    margin-top: 0 !important;
}
.mt-1, .my-1 {
    margin-top: 0.25rem !important;
}
.mt-2, .my-2 {
    margin-top: 0.5rem !important;
}
.mt-3, .my-3 {
    margin-top: 1rem !important;
}
.align-items-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center!important;
    align-items: center !important;
}
.justify-content-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify!important;
    justify-content: space-between !important;
}
.d-flex {
    display: -webkit-box !important;
    display: -ms-flexbox!important;
    display: flex !important;
}
.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
}
.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
main {
  flex: 1 1 0;
  padding: 28px;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
  transition: 0.2s ease-out;
}
@media (max-width: 768px) {
  main {
    padding: 21px;
  }
}
@media (max-width: 576px) {
  main {
    padding: 14px;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
a {
  text-decoration: none;
  padding: 3px;
}
button {
  cursor: pointer;
  appearance: none;
  border: none;
  outline: none;
  background: none;
}
.loaded {
  transition: 0.2s ease;
}
.loaded * {
  transition: 0.2s ease;
}
.text-right {
  text-align: right !important;
}aside[data-v-93319068] {
  display: flex;
  flex-direction: column;
  width: var(--sidebar-width);
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  position: fixed;
  z-index: 99;
  background-color: var(--color-sidebar);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  margin: 0 0 0 0;
  padding: 14px 14px 14px 14px;
}
@media (max-width: 768px) {
aside[data-v-93319068] {
    margin: 0 0 0 0;
    padding: 14px 10.5px 14px 10.5px;
}
}
@media (max-width: 576px) {
aside[data-v-93319068] {
    margin: 0 0 0 0;
    padding: 14px 7px 14px 7px;
}
}
aside .logo a[data-v-93319068],
aside .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068],
aside .menu .button .material-symbols-outlined[data-v-93319068],
aside .menu .button .text[data-v-93319068] {
  color: var(--color-text);
}
aside .menu .button[data-v-93319068]:hover, aside .menu .button.router-link-exact-active[data-v-93319068] {
  background-color: var(--color-sidebar-hover);
}
aside h3[data-v-93319068] {
  color: var(--color-heading);
}
aside.dark[data-v-93319068] {
  background-color: var(--color-sidebar-dark);
}
aside.dark .logo a[data-v-93319068],
aside.dark .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068],
aside.dark .menu .button .material-symbols-outlined[data-v-93319068],
aside.dark .menu .button .text[data-v-93319068] {
  color: var(--color-text-dark);
}
aside.dark .menu .button[data-v-93319068]:hover, aside.dark .menu .button.router-link-exact-active[data-v-93319068] {
  background-color: var(--color-sidebar-hover-dark);
}
aside.dark h3[data-v-93319068] {
  color: var(--color-heading-dark);
}
aside[data-v-93319068]:not(.dark) {
  background-color: var(--color-sidebar-light);
}
aside:not(.dark) .logo a[data-v-93319068],
aside:not(.dark) .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068],
aside:not(.dark) .menu .button .material-symbols-outlined[data-v-93319068],
aside:not(.dark) .menu .button .text[data-v-93319068] {
  color: var(--color-text-light);
}
aside:not(.dark) .menu .button[data-v-93319068]:hover, aside:not(.dark) .menu .button.router-link-exact-active[data-v-93319068] {
  background-color: var(--color-sidebar-hover-light);
}
aside:not(.dark) h3[data-v-93319068] {
  color: var(--color-heading-light);
}
aside .flex[data-v-93319068] {
  flex: 1 1 0;
}
aside .logo[data-v-93319068] {
  width: 28px;
  margin: 0 auto;
}
aside .logo a[data-v-93319068] {
  font-size: 14px;
  font-weight: bolder;
  white-space: nowrap;
  display: flex;
  justify-content: center;
}
@media (max-width: 768px) {
aside .logo[data-v-93319068] {
    width: 21px;
}
aside .logo a[data-v-93319068] {
    font-size: 10.5px;
}
}
@media (max-width: 576px) {
aside .logo[data-v-93319068] {
    width: 14px;
}
aside .logo a[data-v-93319068] {
    font-size: 7px;
}
}
aside .menu-toggle-wrap[data-v-93319068] {
  display: flex;
  justify-content: flex-end;
  position: relative;
  top: 0;
  margin: 0 0 14px 0;
  padding: 0 0 0 0;
}
@media (max-width: 768px) {
aside .menu-toggle-wrap[data-v-93319068] {
    margin: 0 0 14px 0;
    padding: 0 0 0 0;
}
}
@media (max-width: 576px) {
aside .menu-toggle-wrap[data-v-93319068] {
    margin: 0 0 14px 0;
    padding: 0 0 0 0;
}
}
aside .menu-toggle-wrap .menu-toggle[data-v-93319068] {
  padding: 0;
}
aside .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068] {
  font-size: 28px;
}
@media (max-width: 768px) {
aside .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068] {
    font-size: 21px;
}
}
@media (max-width: 576px) {
aside .menu-toggle-wrap .menu-toggle .material-symbols-outlined[data-v-93319068] {
    font-size: 14px;
}
}
aside h3[data-v-93319068],
aside .button .text[data-v-93319068] {
  opacity: 0;
  transition: 0.3s ease-out;
  white-space: nowrap;
}
aside .menu[data-v-93319068] {
  margin: 0 -14px 0 -14px;
  padding: 0 0 0 0;
}
@media (max-width: 768px) {
aside .menu[data-v-93319068] {
    margin: 0 -10.5px 0 -10.5px;
    padding: 0 0 0 0;
}
}
@media (max-width: 576px) {
aside .menu[data-v-93319068] {
    margin: 0 -7px 0 -7px;
    padding: 0 0 0 0;
}
}
aside .menu .button[data-v-93319068] {
  display: flex;
  align-items: center;
  text-decoration: none;
  margin: 0 0 0 0;
  padding: 7px 14px 7px 14px;
}
@media (max-width: 768px) {
aside .menu .button[data-v-93319068] {
    margin: 0 0 0 0;
    padding: 7px 10.5px 7px 10.5px;
}
}
@media (max-width: 576px) {
aside .menu .button[data-v-93319068] {
    margin: 0 0 0 0;
    padding: 7px 7px 7px 7px;
}
}
aside .menu .button .material-symbols-outlined[data-v-93319068] {
  font-size: 28px;
}
@media (max-width: 768px) {
aside .menu .button .material-symbols-outlined[data-v-93319068] {
    font-size: 21px;
}
}
@media (max-width: 576px) {
aside .menu .button .material-symbols-outlined[data-v-93319068] {
    font-size: 14px;
}
}
aside.expanded[data-v-93319068] {
  width: var(--sidebar-extended-width);
}
aside.expanded .menu-toggle-wrap[data-v-93319068] {
  top: -28px;
}
aside.expanded .menu-toggle-wrap .material-symbols-outlined[data-v-93319068] {
  transform: rotate(180deg);
}
aside.expanded h3[data-v-93319068],
aside.expanded .button .text[data-v-93319068] {
  opacity: 1;
}
aside.expanded .button .material-symbols-outlined[data-v-93319068] {
  margin-right: 14px;
}
@media (max-width: 768px) {
aside.expanded .menu-toggle-wrap[data-v-93319068] {
    top: -21px;
}
aside.expanded .button .material-symbols-outlined[data-v-93319068] {
    margin-right: 10.5px;
}
}
@media (max-width: 576px) {
aside.expanded .menu-toggle-wrap[data-v-93319068] {
    top: -14px;
}
aside.expanded .button .material-symbols-outlined[data-v-93319068] {
    margin-right: 7px;
}
}#app {
  margin: 0;
  padding: 0;
  font-weight: normal;
  box-sizing: border-box;
  height: 100%;
}
.main {
  padding: calc(var(--navbar-height) + 28px) 56px 28px calc(var(--sidebar-width) + 56px);
  font-weight: normal;
  display: flex;
  transition: 0.2s ease-out;
}
@media (max-width: 768px) {
.main {
    padding: calc(var(--navbar-height) + 21px) 42px 21px calc(var(--sidebar-width) + 42px);
}
}
@media (max-width: 576px) {
.main {
    padding: calc(var(--navbar-height) + 14px) 28px 14px calc(var(--sidebar-width) + 28px);
}
}.segment .table-bordered td,
.segment .table-bordered th, .segment .button-inline button {
  border-width: 1px;
  border-style: solid;
}
@media (max-width: 768px) {
.segment .table-bordered td,
  .segment .table-bordered th, .segment .button-inline button {
    border-width: 0.75px;
}
}
@media (max-width: 576px) {
.segment .table-bordered td,
  .segment .table-bordered th, .segment .button-inline button {
    border-width: 0.5px;
}
}
.segment {
  margin: 0 0 70px 0;
  justify-content: center;
  flex-grow: 1;
  flex-wrap: wrap;
}
.segment h1 {
  color: var(--color-heading);
}
.segment .table {
  width: 100%;
}
.segment .table thead th {
  background-color: var(--color-border-heading);
}
.segment .table tbody tr:hover th,
.segment .table tbody tr:hover td {
  background-color: var(--color-border-hover);
}
.segment .table th,
.segment .table td {
  margin: 0 0 0 0;
  padding: 1px 5px 1px 5px;
}
@media (max-width: 768px) {
.segment .table th,
  .segment .table td {
    margin: 0 0 0 0;
    padding: 1px 3.75px 1px 3.75px;
}
}
@media (max-width: 576px) {
.segment .table th,
  .segment .table td {
    margin: 0 0 0 0;
    padding: 1px 2.5px 1px 2.5px;
}
}
.segment .table thead th {
  text-align: center;
  font-weight: bold;
}
.segment .table tbody th {
  text-align: left;
}
.segment .table-bordered td,
.segment .table-bordered th {
  border-color: var(--color-border);
  border-style: solid;
}
.segment .button-inline {
  display: inline-flex;
  margin: 0 auto;
  width: 100%;
  justify-content: center;
}
.segment .button-inline button {
  border-radius: 10px;
  font-size: 20px;
  margin: 0 14px 0 14px;
  padding: 14px 14px 14px 14px;
}
@media (max-width: 768px) {
.segment .button-inline button {
    margin: 0 10.5px 0 10.5px;
    padding: 14px 10.5px 14px 10.5px;
}
}
@media (max-width: 576px) {
.segment .button-inline button {
    margin: 0 7px 0 7px;
    padding: 14px 7px 14px 7px;
}
}
@media (max-width: 768px) {
.segment .button-inline button {
    font-size: 15px;
}
}
@media (max-width: 576px) {
.segment .button-inline button {
    font-size: 10px;
}
}
.segment a {
  color: var(--color-link-text);
  display: inline-block;
  padding: 0;
}
.segment.dark h1 {
  color: var(--color-heading-dark);
}
.segment.dark .table thead th {
  background-color: var(--color-border-heading-dark);
}
.segment.dark .table tbody tr:hover th,
.segment.dark .table tbody tr:hover td {
  background-color: var(--color-border-hover-dark);
}
.segment.dark .table-bordered td,
.segment.dark .table-bordered th {
  border-color: var(--color-border-dark);
}
.segment.dark .button-inline button {
  background-color: var(--color-border-dark);
  border-color: var(--color-border-dark);
  color: var(--color-heading-dark);
}
.segment.dark a {
  color: var(--color-link-text-dark);
}
.segment:not(.dark) h1 {
  color: var(--color-heading-light);
}
.segment:not(.dark) .table thead th {
  background-color: var(--color-border-heading-light);
}
.segment:not(.dark) .table tbody tr:hover th,
.segment:not(.dark) .table tbody tr:hover td {
  background-color: var(--color-border-hover-light);
}
.segment:not(.dark) .table-bordered td,
.segment:not(.dark) .table-bordered th {
  border-color: var(--color-border-light);
}
.segment:not(.dark) .button-inline button {
  background-color: var(--color-border-light);
  border-color: var(--color-border-light);
  color: var(--color-heading-light);
}
.segment:not(.dark) a {
  color: var(--color-link-text-light);
}
.v-enter-from {
  opacity: 0;
  transform: translateY(10px);
}
.v-enter-active {
  transition: opacity 0.5s ease-out, transform 1s ease;
  transition-delay: 0.1s;
}
.v-enter-to {
  opacity: 1;
  transform: translateY(0);
}