@import "https://fonts.bunny.net/css?family=cardo:400,700";
@import "https://fonts.bunny.net/css?family=manrope:300,500,700";
@import "https://fonts.bunny.net/css?family=merriweather:300,700";
@import "https://fonts.bunny.net/css?family=nunito:400,600,700";
@import "https://fonts.bunny.net/css?family=old-standard-tt:400,700";
@import "https://fonts.bunny.net/css?family=prata:400";
@import "https://fonts.bunny.net/css?family=roboto:400,500,700";
@import "https://fonts.bunny.net/css?family=rufina:400,500,700";
@import "https://fonts.bunny.net/css?family=tenor-sans:400";
@import "https://fonts.bunny.net/css?family=space-grotesk:700";
@import "https://fonts.bunny.net/css?family=chakra-petch:400";
@import "https://fonts.bunny.net/css?family=noto-sans:400,700";
@import "https://fonts.bunny.net/css?family=poppins:400,700";
@import "https://fonts.bunny.net/css?family=fira-sans:400,700";
@import "https://fonts.bunny.net/css?family=inter:400,700";
@import "https://fonts.bunny.net/css?family=noto-serif:400,700";
@import "https://fonts.bunny.net/css?family=lora:400,700";
@import "https://fonts.bunny.net/css?family=ibm-plex-serif:400,700";
@import "https://fonts.bunny.net/css?family=space-mono:400,700";
@import "https://fonts.bunny.net/css?family=fira-mono:400,700";
@import "https://fonts.bunny.net/css?family=jetbrains-mono:400,700";
.shade *,
.shade :before,
.shade :after {
  box-sizing: border-box;
  max-width: revert;
  max-height: revert;
  min-width: revert;
  min-height: revert;
  border-width: 0;
  border-style: solid;
}
.shade :before,
.shade :after {
  --tw-content: "";
}
.shade html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    helvetica neue,
    helvetica,
    ubuntu,
    roboto,
    noto,
    segoe ui,
    arial,
    sans-serif;
}
.shade body {
  margin: 0;
  line-height: inherit;
}
.shade hr {
  height: 0;
  color: inherit;
  border-top-width: 1px;
}
.shade abbr:where([title]) {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
.shade h1,
.shade h2,
.shade h3,
.shade h4,
.shade h5,
.shade h6 {
  margin: 0;
  padding: 0;
}
.shade a {
  color: inherit;
  text-decoration: inherit;
}
.shade b,
.shade strong {
  font-weight: bolder;
}
.shade code,
.shade kbd,
.shade samp,
.shade pre {
  font-family:
    Consolas,
    Liberation Mono,
    Menlo,
    Courier,
    monospace;
  font-size: 1em;
}
.shade small {
  font-size: 80%;
}
.shade sub,
.shade sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.shade sub {
  bottom: -0.25em;
}
.shade sup {
  top: -0.5em;
}
.shade table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
  margin: 0;
  width: auto;
  max-width: auto;
}
.shade table td,
.shade table th {
  padding: unset;
  vertical-align: middle;
  text-align: left;
  line-height: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.shade button,
.shade input,
.shade optgroup,
.shade select,
.shade textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}
.shade button,
.shade select {
  text-transform: none;
  letter-spacing: inherit;
  border-radius: inherit;
  -moz-appearance: auto;
  appearance: auto;
  -webkit-appearance: auto;
  background: unset;
}
.shade button,
.shade [type="reset"],
.shade [type="submit"] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
}
.shade :-moz-focusring {
  outline: none;
}
.shade :-moz-ui-invalid {
  box-shadow: none;
}
.shade progress {
  vertical-align: baseline;
}
.shade ::-webkit-inner-spin-button,
.shade ::-webkit-outer-spin-button {
  height: auto;
}
.shade [type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
.shade ::-webkit-search-decoration {
  -webkit-appearance: none;
}
.shade ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
.shade summary {
  display: list-item;
}
.shade blockquote,
.shade dl,
.shade dd,
.shade h1,
.shade h2,
.shade h3,
.shade h4,
.shade h5,
.shade h6,
.shade hr,
.shade figure,
.shade p,
.shade pre {
  margin: 0;
}
.shade fieldset {
  margin: 0;
  padding: 0;
}
.shade legend {
  padding: 0;
}
.shade ol,
.shade ul,
.shade menu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shade li {
  margin: unset;
  line-height: unset;
}
.shade textarea {
  resize: vertical;
}
.shade input::-moz-placeholder,
.shade textarea::-moz-placeholder {
  opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(174 183 193 / var(--tw-text-opacity, 1));
}
.shade input::placeholder,
.shade textarea::placeholder {
  opacity: 1;
  --tw-text-opacity: 1;
  color: rgb(174 183 193 / var(--tw-text-opacity, 1));
}
.shade button:focus-visible,
.shade input:focus-visible {
  outline: none;
}
.shade img,
.shade svg,
.shade video,
.shade canvas,
.shade audio,
.shade iframe,
.shade embed,
.shade object {
  display: block;
  vertical-align: middle;
}
.shade img,
.shade video {
  max-width: 100%;
  height: auto;
}
*,
:before,
:after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(20 184 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(20 184 255 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}
:root {
  --background: 0 0% 100%;
  --foreground: 216 11% 9%;
  --muted: 200 12% 96%;
  --muted-foreground: 210 13% 55%;
  --popover: 0 0% 100%;
  --popover-foreground: 216 11% 9%;
  --border: 204 15% 91%;
  --input: 204 14% 93%;
  --card: 0 0% 100%;
  --card-foreground: 216 11% 9%;
  --primary: 216 11% 9%;
  --primary-foreground: 0 0% 100%;
  --secondary: 204 14% 93%;
  --secondary-foreground: 216 11% 9%;
  --accent: 240 11% 98%;
  --accent-foreground: 216 11% 9%;
  --destructive: 354 92% 50%;
  --destructive-foreground: 0 0% 100%;
  --ring: 215 13% 63%;
  --radius: 9px;
  --chart-1: 201 100% 50%;
  --chart-2: 201 88% 70%;
  --chart-3: 201 85% 80%;
  --chart-4: 201 82% 90%;
  --chart-5: 201 87% 94%;
  --chart-gray: 210 13% 88%;
  --chart-darkgray: 210 13% 79%;
  --chart-rose: 345 100% 56%;
  --chart-orange: 25 100% 50%;
  --chart-amber: 36 100% 50%;
  --chart-yellow: 47 100% 50%;
  --chart-green: 144 100% 39%;
  --chart-teal: 174 100% 37%;
  --chart-blue: 198 100% 51%;
  --chart-darkblue: 226 91% 61%;
  --chart-purple: 273 100% 64%;
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 216 11% 9%;
  --sidebar-primary: 216 11% 9%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 200 12% 96%;
  --sidebar-accent-foreground: 216 11% 9%;
  --sidebar-border: 210 13% 88%;
  --sidebar-ring: 215 13% 63%;
}
.dark {
  --background: 216 11% 9%;
  --foreground: 210 13% 88%;
  --muted: 210 11% 25%;
  --muted-foreground: 210 13% 63%;
  --accent: 210 11% 25%;
  --accent-foreground: 200 12% 96%;
  --popover: 216 11% 9%;
  --popover-foreground: 212 13% 72%;
  --border: 216 7% 14%;
  --input: 210 11% 25%;
  --card: 216 11% 9%;
  --card-foreground: 213 31% 91%;
  --primary: 200 12% 96%;
  --primary-foreground: 216 11% 9%;
  --secondary: 210 11% 25%;
  --secondary-foreground: 200 12% 96%;
  --destructive: 354 81% 31%;
  --destructive-foreground: 240 11% 98%;
  --ring: 210 11% 25%;
  --chart-1: 201 100% 50%;
  --chart-2: 201 88% 70%;
  --chart-3: 201 85% 80%;
  --chart-4: 201 82% 90%;
  --chart-5: 201 87% 94%;
  --chart-gray: 210 13% 55%;
  --sidebar-background: 216 11% 9%;
  --sidebar-foreground: 200 12% 96%;
  --sidebar-primary: 210 11% 25%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 210 11% 25%;
  --sidebar-accent-foreground: 200 12% 96%;
  --sidebar-border: 210 11% 25%;
  --sidebar-ring: 210 13% 55%;
}
@font-face {
  font-family: Inter;
  src: local("Inter") format("truetype-variations");
  font-weight: 100 900;
}
.shade {
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    helvetica neue,
    helvetica,
    ubuntu,
    roboto,
    noto,
    segoe ui,
    arial,
    sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
  --tw-text-opacity: 1;
  color: rgb(21 23 26 / var(--tw-text-opacity, 1));
}
body {
  background-color: hsl(var(--background));
  font-family:
    Inter,
    -apple-system,
    BlinkMacSystemFont,
    avenir next,
    avenir,
    helvetica neue,
    helvetica,
    ubuntu,
    roboto,
    noto,
    segoe ui,
    arial,
    sans-serif;
  color: hsl(var(--foreground));
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
* {
  border-color: hsl(var(--border));
}
body {
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}
.container {
  width: 100%;
}
@media (min-width: 480px) {
  .container {
    max-width: 480px;
  }
}
@media (min-width: 640px) {
  .container {
    max-width: 640px;
  }
}
@media (min-width: 800px) {
  .container {
    max-width: 800px;
  }
}
@media (min-width: 860px) {
  .container {
    max-width: 860px;
  }
}
@media (min-width: 1024px) {
  .container {
    max-width: 1024px;
  }
}
@media (min-width: 1240px) {
  .container {
    max-width: 1240px;
  }
}
@media;