@layer foundation.reset {
  html,
  body,
  div,
  span,
  applet,
  object,
  iframe,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p,
  blockquote,
  pre,
  a,
  abbr,
  acronym,
  address,
  big,
  cite,
  code,
  del,
  dfn,
  em,
  font,
  img,
  ins,
  kbd,
  q,
  s,
  samp,
  small,
  strike,
  strong,
  sub,
  sup,
  tt,
  var,
  dl,
  dt,
  dd,
  ol,
  ul,
  li,
  fieldset,
  form,
  label,
  legend,
  table,
  caption,
  tbody,
  tfoot,
  thead,
  tr,
  th,
  td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: top;
  }
  :focus {
    outline: 0;
  }
  ol,
  ul {
    list-style: none;
  }
  table {
    border-collapse: separate;
    border-spacing: 0;
  }
  caption,
  th,
  td {
    text-align: left;
    font-weight: normal;
  }
  /* HTML5 display definitions */
  audio:not([controls]) {
    display: none;
    height: 0;
  }
  /* Base */
  html {
    -webkit-text-size-adjust: 1em;
    -ms-text-size-adjust: 1em;
  }
  html,
  button,
  input,
  select,
  textarea {
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  }
  /* Links */
  a:focus {
    outline: thin dotted;
  }
  a:hover,
  a:active {
    outline: 0;
  }
  pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
  }
  sub,
  sup {
    font-size: 0.65em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sup {
    top: -0.5em;
  }
  sub {
    bottom: -0.25em;
  }
  /* Embedded content */
  img {
    max-width: 100%;
    height: auto;
  }
  @media print {
    img {
      page-break-before: auto;
      page-break-after: auto;
      page-break-inside: avoid;
    }
  }
  svg:not(:root) {
    overflow: hidden;
  }
  /* Figures */
  figure {
    margin: 0;
  }
  /* Forms */
  form {
    margin: 0;
  }
  button,
  input,
  select,
  textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    border-width: 0;
    border-radius: 0;
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    vertical-align: middle;
  }
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
  }
  /* Re-set default cursor for disabled elements */
  button[disabled],
  input[disabled] {
    cursor: default;
  }
  input[type="search"]::-webkit-search-decoration,
  input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  textarea {
    vertical-align: top;
  }
  /* Tables */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  /* Reset Box-sizing */
  html {
    box-sizing: border-box;
  }
  *,
  *:before,
  *:after {
    box-sizing: inherit;
  }
  /* DEPRECATED VARIABLES */
  /* BASICS, FUNDAMENTALS and TYPE */
  *,
  *::before,
  *::after {
    font-smooth: always;
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    box-shadow: 0 0 1px transparent;
  }
  @media print {
    *,
    *::before,
    *::after {
      text-shadow: none !important;
      box-shadow: none !important;
    }
  }
  @page {
    size: A4 portrait;
    margin: 0;
    padding: 0;
  }
  html {
    overflow-y: scroll;
    overflow-x: hidden;
    font-size: 15px;
  }
  @media (min-width: 65em) {
    html {
      font-size: 17px;
    }
  }
  @media (min-width: 75em) {
    html {
      font-size: 19px;
    }
  }
  @media (min-width: 93.75em) {
    html {
      font-size: 21px;
    }
  }
  @media (min-width: 112.5em) {
    html {
      font-size: 23px;
    }
  }
  @media (min-width: 225em) {
    html {
      font-size: 25px;
    }
  }
  @media print {
    html {
      padding-left: 1.8cm;
      padding-right: 1.8cm;
      padding-top: 2.54cm;
      padding-bottom: 2.54cm;
      background: none;
      -moz-osx-font-smoothing: grayscale;
      text-rendering: optimizeLegibility;
    }
  }
  body {
    background: #fafafa;
    line-height: 1.5;
    color: #222;
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    -webkit-font-smoothing: antialiased;
    /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
    min-height: 100vh;
    font-size: 100.01%;
    font-weight: 400;
  }
  /* Links */
  a,
  .link {
    color: #d00f1c;
    text-decoration: none;
    outline: 0;
    transition: all ease-in-out 0.3s;
  }
  a:hover,
  .link:hover,
  a:active,
  .link:active {
    color: #a00c16;
  }
  p a,
  p .link,
  p a:visited,
  p .link:visited {
    line-height: inherit;
  }
  a[href^="http"]:empty::before,
  .link[href^="http"]:empty::before {
    content: attr(href);
  }
  @media print {
    a[href^="http://"]:after,
  a[href^="https://"]:after,
  a[href^="ftp://"]:after
    {
      content: " (" attr(href) ")";
      font-size: 80%;
    }
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: inherit;
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: inherit;
    line-height: 1.6;
  }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a {
    font-weight: inherit;
    color: inherit;
  }
  @media print {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      page-break-after: avoid;
      page-break-inside: avoid;
    }
  }
  .headline {
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-weight: 400;
    color: #d00f1c;
  }
  .subline {
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    color: #666666;
  }
  .headline + .subline {
    margin-top: 0;
  }
  .lead {
    font-size: 1.3em;
    font-weight: 300;
  }
  p:not(:last-child) {
    margin-bottom: 20px;
  }
  @media print {
    p {
      orphans: 3;
      widows: 3;
    }
  }
  .paragraph {
    font-size: 1.1em;
    line-height: 1.6;
    text-align: justify;
    hyphens: auto;
    max-width: 77ch;
    margin: 0 auto 20px 0;
  }
  .paragraph h1,
  .paragraph h2,
  .paragraph h3,
  .paragraph h4,
  .paragraph h5,
  .paragraph h6 {
    font-weight: 400;
    margin-bottom: 10px;
  }
  strong {
    font-weight: 700;
  }
  em {
    font-style: italic;
  }
  small {
    font-size: 0.8em;
  }
  ins {
    text-decoration: none;
    border-bottom: 1px dashed;
  }
  mark {
    background: #f9b2b6;
    color: #222;
    padding: 1px;
  }
  mark:before,
  mark:after {
    letter-spacing: -0.2em;
    content: "\00a0";
  }
  blockquote {
    font-family: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-style: italic;
    font-size: 1.2em;
    color: #333;
    padding: 0 15px;
    border-left: 7px solid #333;
  }
  blockquote cite {
    font-size: 0.8em;
    vertical-align: baseline;
  }
  blockquote cite * {
    vertical-align: baseline;
  }
  blockquote cite:before {
    display: inline-block;
    content: "\2014";
    margin-right: 3px;
    color: #333;
  }
  blockquote:after {
    content: attr(cite);
    font-size: 0.6em;
    margin-top: 2em;
  }
  code,
  pre {
    font-family: "Source Code Pro", Courier, monospace;
    background: #ededed;
    color: #000000;
  }
  code {
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    tab-size: 4;
    hyphens: none;
    padding: 3px;
    border-radius: 3px;
    margin: 0 3px;
  }
  code:before,
  code:after {
    letter-spacing: -0.2em;
    content: "\00a0";
  }
  pre {
    padding: 10px 20px;
    margin-bottom: 10px;
  }
  .kbd,
  kbd {
    background-color: #e1e1e1;
    border: 1px solid #d4d4d4;
    border-radius: 3px;
    box-shadow:
      0 1px 0 rgba(0, 0, 0, 0.2),
      0 0 0 2px #fff inset;
    color: #000000;
    display: inline-block;
    font-size: 0.8rem;
    font-family: "Source Code Pro", Courier, monospace;
    margin: 0 0.1em;
    padding: 0.2em 0.6em;
    text-shadow: 0 1px 0 #fff;
    white-space: nowrap;
  }
  .kbd.kbd--dark,
  kbd.kbd--dark {
    border: 1px solid #000000;
    background-color: #000000;
    box-shadow:
      0 1px 0 rgba(0, 0, 0, 0.2),
      0 0 0 2px #333333 inset;
    color: #e1e1e1;
  }
  ul.is-list {
    padding: 3px 4ch;
    margin: 0;
    list-style-type: disc;
  }
  .is-list ul {
    padding: 3px 4ch;
    list-style-type: square;
  }
  .is-list ul ul,
  .is-list ol ul {
    list-style-type: circle;
  }
  ol.is-list {
    padding: 3px 4ch;
    margin: 0;
    list-style-type: decimal;
  }
  .is-list ol {
    padding: 3px 4ch;
    list-style-type: upper-roman;
  }
  .is-list ol ol,
  .is-list ul ol {
    list-style-type: upper-alpha;
  }
  @media print {
    table,
    blockquote,
    pre,
    code,
    figure,
    li,
    hr,
    ul,
    ol,
    a {
      page-break-inside: avoid;
    }
  }
  ::-moz-selection {
    background-color: #a00c16;
    text-shadow: none;
    color: #ffffff;
  }
  ::selection {
    background-color: #a00c16;
    text-shadow: none;
    color: #ffffff;
  }
  :focus {
    outline: 1px dotted #ddd;
  }
  [hidden],
  .hidden,
  .is-hidden {
    display: none !important;
  }
}
.no-scroll {
  overflow: hidden;
}
html {
  overflow: hidden;
  font-size: 16px !important;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: var(--vi-background-color);
  box-sizing: border-box;
}

#app {
  display: flex;
  flex-direction: column;
  height: 100vh;
}
sl-input,
sl-select {
  --sl-panel-background-color: var(--vi-background-color);
}
sl-input::part(base),
sl-select::part(base) {
  box-shadow: none;
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
  border-color: var(--vi-border-color);
}
sl-input::part(input),
sl-select::part(input) {
  color: var(--vi-foreground-color);
}
sl-input::part(combobox),
sl-select::part(combobox) {
  box-shadow: none;
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
  border-color: var(--vi-border-color) !important;
}
sl-input::part(display-input),
sl-select::part(display-input) {
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
  border-color: var(--vi-border-color) !important;
}
sl-input::part(form-control-label),
sl-select::part(form-control-label) {
  color: var(--vi-foreground-color);
}
sl-input sl-option::part(base),
sl-select sl-option::part(base) {
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
}
sl-checkbox::part(label) {
  color: var(--vi-foreground-color);
}
sl-checkbox::part(control) {
  background-color: var(--vi-background-color);
  border: 1px solid var(--vi-border-color);
}
sl-checkbox::part(control--checked) {
  background-color: var(--sl-color-primary-500);
  border: 1px solid var(--sl-color-primary-500);
}
sl-checkbox::part(control--indeterminate) {
  background-color: var(--sl-color-primary-500);
  border: 1px solid var(--sl-color-primary-500);
}
sl-button[variant="default"]::part(base) {
  border: 1px solid var(--vi-foreground-color);
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
  border-color: var(--vi-border-color) !important;
}
sl-button[variant="default"]:hover::part(base) {
  border-color: var(--vi-foreground-color) !important;
}
sl-button sl-spinner-viur {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--sl-border-radius-medium);
  overflow: hidden;
}
sl-button sl-spinner-viur:before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.85;
  background-color: var(--sl-color-neutral-200);
}
sl-dialog::part(overlay) {
  background-color: rgba(0, 0, 0, 0.5);
}
sl-dialog::part(panel) {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
}
sl-dialog::part(title) {
  font-size: 1em;
  padding: var(--sl-spacing-medium);
}
sl-dialog::part(header) {
  border-bottom: 1px solid var(--sl-color-neutral-500);
}
sl-dialog::part(header-actions) {
  padding: 0 var(--sl-spacing-small);
}
sl-dialog::part(footer) {
  border-top: 1px solid var(--sl-color-neutral-500);
}
.headline {
  color: var(--vi-foreground-color);
}
sl-table {
  --table-head-background: transparent;
  --table-row-color-selected: var(--vi-table-row-color-selected);
  --table-head-color-hover: var(--vi-table-head-color-hover);
  --table-head-color: var(--vi-table-head-color);
  --table-head-background-hover: var(--vi-table-head-background-hover);
  --table-row-color-hover: var(--vi-table-row-color-hover);
  --table-border-color: var(--vi-table-border-color);
  --table-checkbox-color: var(--vi-active-color);
}
sl-details::part(base) {
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
}
sl-menu {
  background-color: transparent;
  color: inherit;
}
sl-menu-item {
  color: inherit;
}
sl-menu-item:hover::part(base) {
  background-color: var(--sl-color-neutral-200);
}
sl-menu-item::part(base) {
  color: inherit;
}
sl-dropdown::part(panel) {
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
}
sl-dropdown sl-menu-item::part(base) {
  font-size: 0.9em;
}
sl-bone {
  --input-border-color: var(--vi-border-color);
  --label-background-color: var(--vi-label-background-color);
  --hover-color: rgba(0, 0, 0, 0.2);
}
sl-drawer::part(header) {
  border-bottom: 1px solid var(--vi-border-color);
}
sl-drawer::part(footer) {
  border-top: 1px solid var(--vi-border-color);
  padding-top: var(--sl-spacing-medium);
  padding-bottom: var(--sl-spacing-medium);
}
sl-drawer::part(title) {
  font-size: 1.2em;
  padding-top: var(--sl-spacing-medium);
  padding-bottom: var(--sl-spacing-medium);
}
sl-drawer::part(header-actions) {
  padding: 0;
  aspect-ratio: 1;
  justify-content: center;
}
sl-drawer::part(panel) {
  color: var(--vi-foreground-color);
  background-color: var(--vi-background-color);
  font-size: 0.9em;
}

:root,
:host,
.sl-theme-viur {
  --sl-color-neutral-50: var(--sl-color-gray-50) !important;
  --sl-color-neutral-100: var(--sl-color-gray-100) !important;
  --sl-color-neutral-200: var(--sl-color-gray-200) !important;
  --sl-color-neutral-300: var(--sl-color-gray-300) !important;
  --sl-color-neutral-400: var(--sl-color-gray-400) !important;
  --sl-color-neutral-500: var(--sl-color-gray-500) !important;
  --sl-color-neutral-600: var(--sl-color-gray-600) !important;
  --sl-color-neutral-700: var(--sl-color-gray-700) !important;
  --sl-color-neutral-800: var(--sl-color-gray-800) !important;
  --sl-color-neutral-900: var(--sl-color-gray-900) !important;
  --sl-color-neutral-950: var(--sl-color-gray-950) !important;
  --sl-color-neutral-0: hsl(240, 5.9%, 11%);
  --sl-color-neutral-1000: hsl(0, 0%, 100%);
  --vi-foreground-color: var(--sl-color-neutral-900);
  --vi-background-color: var(--sl-color-neutral-50);
  --vi-scrollbar-color: var(--sl-color-neutral-500);
  --vi-divider-color: var(--sl-color-neutral-500);
  --vi-border-color: var(--sl-color-neutral-500);
  --vi-tab-background-color: var(--sl-color-neutral-200);
  --vi-label-background-color: var(--sl-color-neutral-200);
  --vi-active-color: var(--sl-color-primary-500);
  --vi-table-row-color-selected: var(--sl-color-neutral-200);
  --vi-table-head-color: var(--vi-foreground-color);
  --vi-table-head-color-hover: var(--vi-foreground-color);
  --vi-table-head-background-hover: var(--sl-color-neutral-200);
  --vi-table-row-color-hover: var(--sl-color-neutral-200);
  --vi-table-border-color: var(--vi-border-color);
  /*
     * Color Primitives
     */
  /* Gray */
  --sl-color-gray-50: hsl(0, 0%, 97.5%);
  --sl-color-gray-100: hsl(240, 4.8%, 95.9%);
  --sl-color-gray-200: hsl(240, 5.9%, 90%);
  --sl-color-gray-300: hsl(240, 4.9%, 83.9%);
  --sl-color-gray-400: hsl(240, 5%, 64.9%);
  --sl-color-gray-500: hsl(240, 3.8%, 46.1%);
  --sl-color-gray-600: hsl(240, 5.2%, 33.9%);
  --sl-color-gray-700: hsl(240, 5.3%, 26.1%);
  --sl-color-gray-800: hsl(240, 3.7%, 15.9%);
  --sl-color-gray-900: hsl(240, 5.9%, 10%);
  --sl-color-gray-950: hsl(240, 7.3%, 8%);
  /* Red */
  --sl-color-red-50: hsl(0, 85.7%, 97.3%);
  --sl-color-red-100: hsl(0, 93.3%, 94.1%);
  --sl-color-red-200: hsl(0, 96.3%, 89.4%);
  --sl-color-red-300: hsl(0, 93.5%, 81.8%);
  --sl-color-red-400: hsl(0, 90.6%, 70.8%);
  --sl-color-red-500: hsl(0, 84.2%, 60.2%);
  --sl-color-red-600: hsl(0, 72.2%, 50.6%);
  --sl-color-red-700: hsl(0, 73.7%, 41.8%);
  --sl-color-red-800: hsl(0, 70%, 35.3%);
  --sl-color-red-900: hsl(0, 62.8%, 30.6%);
  --sl-color-red-950: hsl(0, 60%, 19.6%);
  /* Orange */
  --sl-color-orange-50: hsl(33.3, 100%, 96.5%);
  --sl-color-orange-100: hsl(34.3, 100%, 91.8%);
  --sl-color-orange-200: hsl(32.1, 97.7%, 83.1%);
  --sl-color-orange-300: hsl(30.7, 97.2%, 72.4%);
  --sl-color-orange-400: hsl(27, 96%, 61%);
  --sl-color-orange-500: hsl(24.6, 95%, 53.1%);
  --sl-color-orange-600: hsl(20.5, 90.2%, 48.2%);
  --sl-color-orange-700: hsl(17.5, 88.3%, 40.4%);
  --sl-color-orange-800: hsl(15, 79.1%, 33.7%);
  --sl-color-orange-900: hsl(15.3, 74.6%, 27.8%);
  --sl-color-orange-950: hsl(15.2, 69.1%, 19%);
  /* Amber */
  --sl-color-amber-50: hsl(48, 100%, 96.1%);
  --sl-color-amber-100: hsl(48, 96.5%, 88.8%);
  --sl-color-amber-200: hsl(48, 96.6%, 76.7%);
  --sl-color-amber-300: hsl(45.9, 96.7%, 64.5%);
  --sl-color-amber-400: hsl(43.3, 96.4%, 56.3%);
  --sl-color-amber-500: hsl(37.7, 92.1%, 50.2%);
  --sl-color-amber-600: hsl(32.1, 94.6%, 43.7%);
  --sl-color-amber-700: hsl(26, 90.5%, 37.1%);
  --sl-color-amber-800: hsl(22.7, 82.5%, 31.4%);
  --sl-color-amber-900: hsl(21.7, 77.8%, 26.5%);
  --sl-color-amber-950: hsl(22.9, 74.1%, 16.7%);
  /* Yellow */
  --sl-color-yellow-50: hsl(54.5, 91.7%, 95.3%);
  --sl-color-yellow-100: hsl(54.9, 96.7%, 88%);
  --sl-color-yellow-200: hsl(52.8, 98.3%, 76.9%);
  --sl-color-yellow-300: hsl(50.4, 97.8%, 63.5%);
  --sl-color-yellow-400: hsl(47.9, 95.8%, 53.1%);
  --sl-color-yellow-500: hsl(45.4, 93.4%, 47.5%);
  --sl-color-yellow-600: hsl(40.6, 96.1%, 40.4%);
  --sl-color-yellow-700: hsl(35.5, 91.7%, 32.9%);
  --sl-color-yellow-800: hsl(31.8, 81%, 28.8%);
  --sl-color-yellow-900: hsl(28.4, 72.5%, 25.7%);
  --sl-color-yellow-950: hsl(33.1, 69%, 13.9%);
  /* Lime */
  --sl-color-lime-50: hsl(78.3, 92%, 95.1%);
  --sl-color-lime-100: hsl(79.6, 89.1%, 89.2%);
  --sl-color-lime-200: hsl(80.9, 88.5%, 79.6%);
  --sl-color-lime-300: hsl(82, 84.5%, 67.1%);
  --sl-color-lime-400: hsl(82.7, 78%, 55.5%);
  --sl-color-lime-500: hsl(83.7, 80.5%, 44.3%);
  --sl-color-lime-600: hsl(84.8, 85.2%, 34.5%);
  --sl-color-lime-700: hsl(85.9, 78.4%, 27.3%);
  --sl-color-lime-800: hsl(86.3, 69%, 22.7%);
  --sl-color-lime-900: hsl(87.6, 61.2%, 20.2%);
  --sl-color-lime-950: hsl(86.5, 60.6%, 13.9%);
  /* Green */
  --sl-color-green-50: hsl(138.5, 76.5%, 96.7%);
  --sl-color-green-100: hsl(140.6, 84.2%, 92.5%);
  --sl-color-green-200: hsl(141, 78.9%, 85.1%);
  --sl-color-green-300: hsl(141.7, 76.6%, 73.1%);
  --sl-color-green-400: hsl(141.9, 69.2%, 58%);
  --sl-color-green-500: hsl(142.1, 70.6%, 45.3%);
  --sl-color-green-600: hsl(142.1, 76.2%, 36.3%);
  --sl-color-green-700: hsl(142.4, 71.8%, 29.2%);
  --sl-color-green-800: hsl(142.8, 64.2%, 24.1%);
  --sl-color-green-900: hsl(143.8, 61.2%, 20.2%);
  --sl-color-green-950: hsl(144.3, 60.7%, 12%);
  /* Emerald */
  --sl-color-emerald-50: hsl(151.8, 81%, 95.9%);
  --sl-color-emerald-100: hsl(149.3, 80.4%, 90%);
  --sl-color-emerald-200: hsl(152.4, 76%, 80.4%);
  --sl-color-emerald-300: hsl(156.2, 71.6%, 66.9%);
  --sl-color-emerald-400: hsl(158.1, 64.4%, 51.6%);
  --sl-color-emerald-500: hsl(160.1, 84.1%, 39.4%);
  --sl-color-emerald-600: hsl(161.4, 93.5%, 30.4%);
  --sl-color-emerald-700: hsl(162.9, 93.5%, 24.3%);
  --sl-color-emerald-800: hsl(163.1, 88.1%, 19.8%);
  --sl-color-emerald-900: hsl(164.2, 85.7%, 16.5%);
  --sl-color-emerald-950: hsl(164.3, 87.5%, 9.4%);
  /* Teal */
  --sl-color-teal-50: hsl(166.2, 76.5%, 96.7%);
  --sl-color-teal-100: hsl(167.2, 85.5%, 89.2%);
  --sl-color-teal-200: hsl(168.4, 83.8%, 78.2%);
  --sl-color-teal-300: hsl(170.6, 76.9%, 64.3%);
  --sl-color-teal-400: hsl(172.5, 66%, 50.4%);
  --sl-color-teal-500: hsl(173.4, 80.4%, 40%);
  --sl-color-teal-600: hsl(174.7, 83.9%, 31.6%);
  --sl-color-teal-700: hsl(175.3, 77.4%, 26.1%);
  --sl-color-teal-800: hsl(176.1, 69.4%, 21.8%);
  --sl-color-teal-900: hsl(175.9, 60.8%, 19%);
  --sl-color-teal-950: hsl(176.5, 58.6%, 11.4%);
  /* Cyan */
  --sl-color-cyan-50: hsl(183.2, 100%, 96.3%);
  --sl-color-cyan-100: hsl(185.1, 95.9%, 90.4%);
  --sl-color-cyan-200: hsl(186.2, 93.5%, 81.8%);
  --sl-color-cyan-300: hsl(187, 92.4%, 69%);
  --sl-color-cyan-400: hsl(187.9, 85.7%, 53.3%);
  --sl-color-cyan-500: hsl(188.7, 94.5%, 42.7%);
  --sl-color-cyan-600: hsl(191.6, 91.4%, 36.5%);
  --sl-color-cyan-700: hsl(192.9, 82.3%, 31%);
  --sl-color-cyan-800: hsl(194.4, 69.6%, 27.1%);
  --sl-color-cyan-900: hsl(196.4, 63.6%, 23.7%);
  --sl-color-cyan-950: hsl(196.8, 61%, 16.1%);
  /* Sky */
  --sl-color-sky-50: hsl(204, 100%, 97.1%);
  --sl-color-sky-100: hsl(204, 93.8%, 93.7%);
  --sl-color-sky-200: hsl(200.6, 94.4%, 86.1%);
  --sl-color-sky-300: hsl(199.4, 95.5%, 73.9%);
  --sl-color-sky-400: hsl(198.4, 93.2%, 59.6%);
  --sl-color-sky-500: hsl(198.6, 88.7%, 48.4%);
  --sl-color-sky-600: hsl(200.4, 98%, 39.4%);
  --sl-color-sky-700: hsl(201.3, 96.3%, 32.2%);
  --sl-color-sky-800: hsl(201, 90%, 27.5%);
  --sl-color-sky-900: hsl(202, 80.3%, 23.9%);
  --sl-color-sky-950: hsl(202.3, 73.8%, 16.5%);
  /* Blue */
  --sl-color-blue-50: hsl(213.8, 100%, 96.9%);
  --sl-color-blue-100: hsl(214.3, 94.6%, 92.7%);
  --sl-color-blue-200: hsl(213.3, 96.9%, 87.3%);
  --sl-color-blue-300: hsl(211.7, 96.4%, 78.4%);
  --sl-color-blue-400: hsl(213.1, 93.9%, 67.8%);
  --sl-color-blue-500: hsl(217.2, 91.2%, 59.8%);
  --sl-color-blue-600: hsl(221.2, 83.2%, 53.3%);
  --sl-color-blue-700: hsl(224.3, 76.3%, 48%);
  --sl-color-blue-800: hsl(225.9, 70.7%, 40.2%);
  --sl-color-blue-900: hsl(224.4, 64.3%, 32.9%);
  --sl-color-blue-950: hsl(226.2, 55.3%, 18.4%);
  /* Indigo */
  --sl-color-indigo-50: hsl(225.9, 100%, 96.7%);
  --sl-color-indigo-100: hsl(226.5, 100%, 93.9%);
  --sl-color-indigo-200: hsl(228, 96.5%, 88.8%);
  --sl-color-indigo-300: hsl(229.7, 93.5%, 81.8%);
  --sl-color-indigo-400: hsl(234.5, 89.5%, 73.9%);
  --sl-color-indigo-500: hsl(238.7, 83.5%, 66.7%);
  --sl-color-indigo-600: hsl(243.4, 75.4%, 58.6%);
  --sl-color-indigo-700: hsl(244.5, 57.9%, 50.6%);
  --sl-color-indigo-800: hsl(243.7, 54.5%, 41.4%);
  --sl-color-indigo-900: hsl(242.2, 47.4%, 34.3%);
  --sl-color-indigo-950: hsl(243.5, 43.6%, 22.9%);
  /* Violet */
  --sl-color-violet-50: hsl(250, 100%, 97.6%);
  --sl-color-violet-100: hsl(251.4, 91.3%, 95.5%);
  --sl-color-violet-200: hsl(250.5, 95.2%, 91.8%);
  --sl-color-violet-300: hsl(252.5, 94.7%, 85.1%);
  --sl-color-violet-400: hsl(255.1, 91.7%, 76.3%);
  --sl-color-violet-500: hsl(258.3, 89.5%, 66.3%);
  --sl-color-violet-600: hsl(262.1, 83.3%, 57.8%);
  --sl-color-violet-700: hsl(263.4, 70%, 50.4%);
  --sl-color-violet-800: hsl(263.4, 69.3%, 42.2%);
  --sl-color-violet-900: hsl(263.5, 67.4%, 34.9%);
  --sl-color-violet-950: hsl(265.1, 61.5%, 21.4%);
  /* Purple */
  --sl-color-purple-50: hsl(270, 100%, 98%);
  --sl-color-purple-100: hsl(268.7, 100%, 95.5%);
  --sl-color-purple-200: hsl(268.6, 100%, 91.8%);
  --sl-color-purple-300: hsl(269.2, 97.4%, 85.1%);
  --sl-color-purple-400: hsl(270, 95.2%, 75.3%);
  --sl-color-purple-500: hsl(270.7, 91%, 65.1%);
  --sl-color-purple-600: hsl(271.5, 81.3%, 55.9%);
  --sl-color-purple-700: hsl(272.1, 71.7%, 47.1%);
  --sl-color-purple-800: hsl(272.9, 67.2%, 39.4%);
  --sl-color-purple-900: hsl(273.6, 65.6%, 32%);
  --sl-color-purple-950: hsl(276, 59.5%, 16.5%);
  /* Fuchsia */
  --sl-color-fuchsia-50: hsl(289.1, 100%, 97.8%);
  --sl-color-fuchsia-100: hsl(287, 100%, 95.5%);
  --sl-color-fuchsia-200: hsl(288.3, 95.8%, 90.6%);
  --sl-color-fuchsia-300: hsl(291.1, 93.1%, 82.9%);
  --sl-color-fuchsia-400: hsl(292, 91.4%, 72.5%);
  --sl-color-fuchsia-500: hsl(292.2, 84.1%, 60.6%);
  --sl-color-fuchsia-600: hsl(293.4, 69.5%, 48.8%);
  --sl-color-fuchsia-700: hsl(294.7, 72.4%, 39.8%);
  --sl-color-fuchsia-800: hsl(295.4, 70.2%, 32.9%);
  --sl-color-fuchsia-900: hsl(296.7, 63.6%, 28%);
  --sl-color-fuchsia-950: hsl(297.1, 56.8%, 14.5%);
  /* Pink */
  --sl-color-pink-50: hsl(327.3, 73.3%, 97.1%);
  --sl-color-pink-100: hsl(325.7, 77.8%, 94.7%);
  --sl-color-pink-200: hsl(325.9, 84.6%, 89.8%);
  --sl-color-pink-300: hsl(327.4, 87.1%, 81.8%);
  --sl-color-pink-400: hsl(328.6, 85.5%, 70.2%);
  --sl-color-pink-500: hsl(330.4, 81.2%, 60.4%);
  --sl-color-pink-600: hsl(333.3, 71.4%, 50.6%);
  --sl-color-pink-700: hsl(335.1, 77.6%, 42%);
  --sl-color-pink-800: hsl(335.8, 74.4%, 35.3%);
  --sl-color-pink-900: hsl(335.9, 69%, 30.4%);
  --sl-color-pink-950: hsl(336.2, 65.4%, 15.9%);
  /* Rose */
  --sl-color-rose-50: hsl(355.7, 100%, 97.3%);
  --sl-color-rose-100: hsl(355.6, 100%, 94.7%);
  --sl-color-rose-200: hsl(352.7, 96.1%, 90%);
  --sl-color-rose-300: hsl(352.6, 95.7%, 81.8%);
  --sl-color-rose-400: hsl(351.3, 94.5%, 71.4%);
  --sl-color-rose-500: hsl(349.7, 89.2%, 60.2%);
  --sl-color-rose-600: hsl(346.8, 77.2%, 49.8%);
  --sl-color-rose-700: hsl(345.3, 82.7%, 40.8%);
  --sl-color-rose-800: hsl(343.4, 79.7%, 34.7%);
  --sl-color-rose-900: hsl(341.5, 75.5%, 30.4%);
  --sl-color-rose-950: hsl(341.3, 70.1%, 17.1%);
  /*
     * Theme Tokens
     */
  /* Primary */
  --sl-color-primary-50: hsla(355.95854922 86.5470852% 83.7254902% / 100%);
  --sl-color-primary-100: hsla(355.95854922 86.5470852% 78.7254902% / 100%);
  --sl-color-primary-200: hsla(355.95854922 86.5470852% 68.7254902% / 100%);
  --sl-color-primary-300: hsla(355.95854922 86.5470852% 58.7254902% / 100%);
  --sl-color-primary-400: hsla(355.95854922 86.5470852% 48.7254902% / 100%);
  --sl-color-primary-500: hsla(355.95854922 86.5470852% 43.7254902% / 100%);
  --sl-color-primary-600: hsla(355.95854922 86.5470852% 38.7254902% / 100%);
  --sl-color-primary-700: hsla(355.95854922 86.5470852% 28.7254902% / 100%);
  --sl-color-primary-800: hsla(355.95854922 86.5470852% 18.7254902% / 100%);
  --sl-color-primary-900: hsla(355.95854922 86.5470852% 8.7254902% / 100%);
  --sl-color-primary-950: hsla(355.95854922 86.5470852% 3.7254902% / 100%);
  /* Success */
  --sl-color-success-50: hsla(114.39252336 44.76987448% 86.8627451% / 100%);
  --sl-color-success-100: hsla(114.39252336 44.76987448% 81.8627451% / 100%);
  --sl-color-success-200: hsla(114.39252336 44.76987448% 71.8627451% / 100%);
  --sl-color-success-300: hsla(114.39252336 44.76987448% 61.8627451% / 100%);
  --sl-color-success-400: hsla(114.39252336 44.76987448% 51.8627451% / 100%);
  --sl-color-success-500: hsla(114.39252336 44.76987448% 46.8627451% / 100%);
  --sl-color-success-600: hsla(114.39252336 44.76987448% 41.8627451% / 100%);
  --sl-color-success-700: hsla(114.39252336 44.76987448% 31.8627451% / 100%);
  --sl-color-success-800: hsla(114.39252336 44.76987448% 21.8627451% / 100%);
  --sl-color-success-900: hsla(114.39252336 44.76987448% 11.8627451% / 100%);
  --sl-color-success-950: hsla(114.39252336 44.76987448% 6.8627451% / 100%);
  /* Warning */
  --sl-color-warning-50: hsla(39.89361702 90.38461538% 99.21568627% / 100%);
  --sl-color-warning-100: hsla(39.89361702 90.38461538% 94.21568627% / 100%);
  --sl-color-warning-200: hsla(39.89361702 90.38461538% 84.21568627% / 100%);
  --sl-color-warning-300: hsla(39.89361702 90.38461538% 74.21568627% / 100%);
  --sl-color-warning-400: hsla(39.89361702 90.38461538% 64.21568627% / 100%);
  --sl-color-warning-500: hsla(39.89361702 90.38461538% 59.21568627% / 100%);
  --sl-color-warning-600: hsla(39.89361702 90.38461538% 54.21568627% / 100%);
  --sl-color-warning-700: hsla(39.89361702 90.38461538% 44.21568627% / 100%);
  --sl-color-warning-800: hsla(39.89361702 90.38461538% 34.21568627% / 100%);
  --sl-color-warning-900: hsla(39.89361702 90.38461538% 24.21568627% / 100%);
  --sl-color-warning-950: hsla(39.89361702 90.38461538% 19.21568627% / 100%);
  /* Danger */
  --sl-color-danger-50: hsla(4.10526316 89.62264151% 98.43137255% / 100%);
  --sl-color-danger-100: hsla(4.10526316 89.62264151% 93.43137255% / 100%);
  --sl-color-danger-200: hsla(4.10526316 89.62264151% 83.43137255% / 100%);
  --sl-color-danger-300: hsla(4.10526316 89.62264151% 73.43137255% / 100%);
  --sl-color-danger-400: hsla(4.10526316 89.62264151% 63.43137255% / 100%);
  --sl-color-danger-500: hsla(4.10526316 89.62264151% 58.43137255% / 100%);
  --sl-color-danger-600: hsla(4.10526316 89.62264151% 53.43137255% / 100%);
  --sl-color-danger-700: hsla(4.10526316 89.62264151% 43.43137255% / 100%);
  --sl-color-danger-800: hsla(4.10526316 89.62264151% 33.43137255% / 100%);
  --sl-color-danger-900: hsla(4.10526316 89.62264151% 23.43137255% / 100%);
  --sl-color-danger-950: hsla(4.10526316 89.62264151% 18.43137255% / 100%);
  /* Info */
  --sl-color-info-50: hsla(197.53846154 77.07509881% 89.60784314% / 100%);
  --sl-color-info-100: hsla(197.53846154 77.07509881% 84.60784314% / 100%);
  --sl-color-info-200: hsla(197.53846154 77.07509881% 74.60784314% / 100%);
  --sl-color-info-300: hsla(197.53846154 77.07509881% 64.60784314% / 100%);
  --sl-color-info-400: hsla(197.53846154 77.07509881% 54.60784314% / 100%);
  --sl-color-info-500: hsla(197.53846154 77.07509881% 49.60784314% / 100%);
  --sl-color-info-600: hsla(197.53846154 77.07509881% 44.60784314% / 100%);
  --sl-color-info-700: hsla(197.53846154 77.07509881% 34.60784314% / 100%);
  --sl-color-info-800: hsla(197.53846154 77.07509881% 24.60784314% / 100%);
  --sl-color-info-900: hsla(197.53846154 77.07509881% 14.60784314% / 100%);
  --sl-color-info-950: hsla(197.53846154 77.07509881% 9.60784314% / 100%);
  /* Secondary */
  --sl-color-secondary-50: hsla(0 0% 60% / 100%);
  --sl-color-secondary-100: hsla(0 0% 55% / 100%);
  --sl-color-secondary-200: hsla(0 0% 45% / 100%);
  --sl-color-secondary-300: hsla(0 0% 35% / 100%);
  --sl-color-secondary-400: hsla(0 0% 25% / 100%);
  --sl-color-secondary-500: hsla(0 0% 20% / 100%);
  --sl-color-secondary-600: hsla(0 0% 15% / 100%);
  --sl-color-secondary-700: hsla(0 0% 5% / 100%);
  --sl-color-secondary-800: hsla(0 0% 0% / 100%);
  --sl-color-secondary-900: hsla(0 0% 0% / 100%);
  --sl-color-secondary-950: hsla(0 0% 0% / 100%);
  /* Neutral */
  --sl-color-neutral-50: var(--sl-color-gray-50);
  --sl-color-neutral-100: var(--sl-color-gray-100);
  --sl-color-neutral-200: var(--sl-color-gray-200);
  --sl-color-neutral-300: var(--sl-color-gray-300);
  --sl-color-neutral-400: var(--sl-color-gray-400);
  --sl-color-neutral-500: var(--sl-color-gray-500);
  --sl-color-neutral-600: var(--sl-color-gray-600);
  --sl-color-neutral-700: var(--sl-color-gray-700);
  --sl-color-neutral-800: var(--sl-color-gray-800);
  --sl-color-neutral-900: var(--sl-color-gray-900);
  --sl-color-neutral-950: var(--sl-color-gray-950);
  /* Neutral one-offs */
  --sl-color-neutral-0: hsl(0, 0%, 100%);
  --sl-color-neutral-1000: hsl(0, 0%, 0%);
  /*
     * Border radii
     */
  --sl-border-radius-small: 0.4rem / 2;
  --sl-border-radius-medium: 0.4rem;
  --sl-border-radius-large: 0.6rem;
  --sl-border-radius-x-large: 0.8rem;
  --sl-border-radius-circle: 50%;
  --sl-border-radius-pill: 9999px;
  /*
     * Elevations
    */
  --sl-shadow-x-small: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --sl-shadow-small: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.22999999999999998);
  --sl-shadow-medium: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.22999999999999998);
  --sl-shadow-large: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.21999999999999997);
  --sl-shadow-x-large: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.21999999999999997);
  /*
     * Surfaces
     */
  --sl-surface-base: #fafafa;
  --sl-surface-base-alt: #fff;
  /*
     * Spacings
     */
  --sl-spacing-3x-small: 0.125rem;
  /* 2px */
  --sl-spacing-2x-small: 0.25rem;
  /* 4px */
  --sl-spacing-x-small: 0.5rem;
  /* 8px */
  --sl-spacing-small: 0.75rem;
  /* 12px */
  --sl-spacing-medium: 1rem;
  /* 16px */
  --sl-spacing-large: 1.25rem;
  /* 20px */
  --sl-spacing-x-large: 1.75rem;
  /* 28px */
  --sl-spacing-2x-large: 2.25rem;
  /* 36px */
  --sl-spacing-3x-large: 3rem;
  /* 48px */
  --sl-spacing-4x-large: 4.5rem;
  /* 72px */
  /*
     * Transitions
     */
  --sl-transition-x-slow: 1000ms;
  --sl-transition-slow: 500ms;
  --sl-transition-medium: 250ms;
  --sl-transition-fast: 150ms;
  --sl-transition-x-fast: 50ms;
  /*
     * Typography
     */
  /* Fonts */
  --sl-font-mono: "Source Code Pro", Courier, monospace;
  --sl-font-sans: "Source Sans Pro", "Open Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --sl-font-serif: Georgia, "Times New Roman", serif;
  /* Font sizes */
  --sl-font-size-2x-small: 0.625rem;
  /* 10px */
  --sl-font-size-x-small: 0.75rem;
  /* 12px */
  --sl-font-size-small: 0.875rem;
  /* 14px */
  --sl-font-size-medium: 1rem;
  /* 16px */
  --sl-font-size-large: 1.25rem;
  /* 20px */
  --sl-font-size-x-large: 1.5rem;
  /* 24px */
  --sl-font-size-2x-large: 2.25rem;
  /* 36px */
  --sl-font-size-3x-large: 3rem;
  /* 48px */
  --sl-font-size-4x-large: 4.5rem;
  /* 72px */
  /* Font weights */
  --sl-font-weight-light: 300;
  --sl-font-weight-normal: 400;
  --sl-font-weight-semibold: 500;
  --sl-font-weight-bold: 700;
  /* Letter spacings */
  --sl-letter-spacing-denser: -0.03em;
  --sl-letter-spacing-dense: -0.015em;
  --sl-letter-spacing-normal: normal;
  --sl-letter-spacing-loose: 0.075em;
  --sl-letter-spacing-looser: 0.15em;
  /* Line heights */
  --sl-line-height-denser: 0.75;
  --sl-line-height-dense: 1;
  --sl-line-height-normal: 1.5;
  --sl-line-height-loose: 2;
  --sl-line-height-looser: 2.25;
  /*
     * Forms
     */
  /* Focus rings */
  --sl-focus-ring-color: var(--sl-color-primary-600);
  --sl-focus-ring-style: solid;
  --sl-focus-ring-width: 3px;
  --sl-focus-ring: 0 0 0 var(--sl-focus-ring-width) var(--sl-focus-ring-color);
  --sl-focus-ring-offset: 1px;
  /* Buttons */
  --sl-button-font-size-small: var(--sl-font-size-x-small);
  --sl-button-font-size-medium: var(--sl-font-size-small);
  --sl-button-font-size-large: var(--sl-font-size-medium);
  /* Inputs */
  --sl-input-height-small: 1.875rem;
  /* 30px */
  --sl-input-height-medium: 2.5rem;
  /* 40px */
  --sl-input-height-large: 3.125rem;
  /* 50px */
  --sl-input-background-color: var(--sl-color-neutral-0);
  --sl-input-background-color-hover: var(--sl-input-background-color);
  --sl-input-background-color-focus: var(--sl-input-background-color);
  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-border-color: var(--sl-color-neutral-300);
  --sl-input-border-color-hover: var(--sl-color-neutral-400);
  --sl-input-border-color-focus: var(--sl-color-primary-500);
  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
  --sl-input-border-width: 1px;
  --sl-input-border-radius-small: var(--sl-border-radius-medium);
  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
  --sl-input-border-radius-large: var(--sl-border-radius-medium);
  --sl-input-font-family: var(--sl-font-sans);
  --sl-input-font-weight: var(--sl-font-weight-normal);
  --sl-input-font-size-small: var(--sl-font-size-small);
  --sl-input-font-size-medium: var(--sl-font-size-medium);
  --sl-input-font-size-large: var(--sl-font-size-large);
  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
  --sl-input-color: var(--sl-color-neutral-700);
  --sl-input-color-hover: var(--sl-color-neutral-700);
  --sl-input-color-focus: var(--sl-color-neutral-700);
  --sl-input-color-disabled: var(--sl-color-neutral-900);
  --sl-input-icon-color: var(--sl-color-neutral-500);
  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
  --sl-input-placeholder-color: var(--sl-color-neutral-500);
  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
  --sl-input-spacing-small: var(--sl-spacing-small);
  --sl-input-spacing-medium: var(--sl-spacing-medium);
  --sl-input-spacing-large: var(--sl-spacing-large);
  --sl-input-filled-background-color: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
  --sl-input-filled-background-color-focus: var(--sl-color-neutral-0);
  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
  --sl-input-filled-color: var(--sl-color-neutral-800);
  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
  --sl-input-focus-ring-color: hsla(355.95854922 86.5470852% 43.7254902% / 40%);
  --sl-input-focus-ring-offset: 0;
  /* Labels */
  --sl-input-label-font-size-small: var(--sl-font-size-small);
  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
  --sl-input-label-font-size-large: var(--sl-font-size-large);
  --sl-input-label-color: inherit;
  /* Help text */
  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
  --sl-input-help-text-color: var(--sl-color-neutral-500);
  /* Toggles (checkboxes, radios, switches) */
  --sl-toggle-size-small: 0.875rem;
  /* 14px @ 16px base  */
  --sl-toggle-size-medium: 1.125rem;
  /* 18px @ 16px base */
  --sl-toggle-size-large: 1.375rem;
  /* 22px @ 16px base */
  /*
     * Overlays
     */
  --sl-overlay-background-color: var(--sl-color-blue-gray-500);
  --sl-overlay-opacity: 33%;
  /*
     * Panels
     */
  --sl-panel-background-color: var(--sl-color-neutral-0);
  --sl-panel-border-color: var(--sl-color-neutral-200);
  --sl-panel-border-width: 1px;
  /*
     * Tooltips
     */
  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
  --sl-tooltip-background-color: var(--sl-color-neutral-800);
  --sl-tooltip-color: var(--sl-color-neutral-0);
  --sl-tooltip-font-family: var(--sl-font-sans);
  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
  --sl-tooltip-font-size: var(--sl-font-size-small);
  --sl-tooltip-line-height: var(--sl-line-height-dense);
  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
  --sl-tooltip-arrow-size: 6px;
  /*
     * Z-indexes
     */
  --sl-z-index-drawer: 100;
  --sl-z-index-dialog: 200;
  --sl-z-index-dropdown: 300;
  --sl-z-index-tooltip: 600;
  --sl-z-index-toast: 700;
}

sl-button[size="small"]::part(base) {
  height: var(--sl-input-height-small);
}

sl-button[size="medium"]::part(base) {
  height: var(--sl-input-height-medium);
}
sl-button[size="large"]::part(base) {
  height: var(--sl-input-height-large);
}