@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-400.woff2") format("woff2"), url("/assets/fonts/inter-400.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/inter-400i.woff2") format("woff2"), url("/assets/fonts/inter-400i.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/inter-500.woff2") format("woff2"), url("/assets/fonts/inter-500.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/inter-500i.woff2") format("woff2"), url("/assets/fonts/inter-500i.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-600.woff2") format("woff2"), url("/assets/fonts/inter-600.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/inter-600i.woff2") format("woff2"), url("/assets/fonts/inter-600i.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/inter-700.woff2") format("woff2"), url("/assets/fonts/inter-700.woff") format("woff");
}
@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/inter-700i.woff2") format("woff2"), url("/assets/fonts/inter-700i.woff") format("woff");
}
/*! UniformCSS v1.5.4 | MIT License | github.com/ThinkUniform/uniformcss */
:root {
  --FONT-FAMILIES-----------------:#01;
  --font-sans: Inter, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --font-mono: Inconsolata, Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  --FONT-SIZES--------------------:#02;
  --font-2xs: 0.625rem;
  --font-xs: 0.75rem;
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.125rem;
  --font-xl: 1.25rem;
  --font-2xl: 1.5rem;
  --font-3xl: 1.75rem;
  --font-4xl: 2rem;
  --font-5xl: 2.25rem;
  --font-6xl: 2.5rem;
  --font-7xl: 3rem;
  --font-8xl: 3.5rem;
  --font-9xl: 4rem;
  --font-10xl: 4.5rem;
  --font-11xl: 5rem;
  --font-12xl: 6rem;
  --FONT-WEIGHTS------------------:#03;
  --ultralight: 100;
  --extralight: 200;
  --light: 300;
  --regular: 400;
  --medium: 500;
  --semibold: 600;
  --bold: 700;
  --extrabold: 800;
  --ultrabold: 900;
  --LEADING-----------------------:#04;
  --leading-tightest: 1.125;
  --leading-tighter: 1.25;
  --leading-tight: 1.375;
  --leading-normal: 1.5;
  --leading-loose: 1.625;
  --leading-looser: 1.75;
  --leading-loosest: 1.875;
  --TRACKING----------------------:#05;
  --tracking-tightest: -0.08em;
  --tracking-tighter: -0.04em;
  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-loose: 0.02em;
  --tracking-looser: 0.04em;
  --tracking-loosest: 0.08em;
  --TEXT-LEADING------------------:#06;
  --font-2xs-leading: 1.875;
  --font-xs-leading: 1.875;
  --font-sm-leading: 1.75;
  --font-md-leading: 1.75;
  --font-lg-leading: 1.625;
  --font-xl-leading: 1.625;
  --font-2xl-leading: 1.5;
  --font-3xl-leading: 1.375;
  --font-4xl-leading: 1.25;
  --font-5xl-leading: 1.25;
  --font-6xl-leading: 1.25;
  --font-7xl-leading: 1.25;
  --font-8xl-leading: 1.25;
  --font-9xl-leading: 1.125;
  --font-10xl-leading: 1.125;
  --font-11xl-leading: 1.125;
  --font-12xl-leading: 1.125;
  --RADIUS------------------------:#07;
  --radius-2xs: 0.1875rem;
  --radius-xs: 0.25rem;
  --radius-sm: 0.375rem;
  --radius-md: 0.5rem;
  --radius-lg: 0.75rem;
  --radius-xl: 1rem;
  --radius-2xl: 1.5rem;
  --BLUR--------------------------:#08;
  --blur-2xs: 4px;
  --blur-xs: 8px;
  --blur-sm: 12px;
  --blur-md: 16px;
  --blur-lg: 24px;
  --blur-xl: 32px;
  --blur-2xl: 48px;
  --SHADOWS-----------------------:#09;
  --shadow-2xs: 0 1px 0px rgba(var(--sheet-5), 1);
  --shadow-xs: 0 2px 4px rgba(var(--black), 0.15);
  --shadow-sm: 0 3px 6px rgba(var(--black), 0.2);
  --shadow-md: 0 4px 8px rgba(var(--black), 0.2);
  --shadow-lg: 0 6px 12px rgba(var(--black), 0.2);
  --shadow-xl: 0 12px 24px rgba(var(--black), 0.2);
  --shadow-2xl: 0 24px 48px rgba(var(--black), 0.2);
  --GRADIENTS---------------------:#10;
  --gr-primary: linear-gradient(90deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
  --gr-primary-v: linear-gradient(0deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
  --gr-primary-animate: linear-gradient(90deg, #422B99 0%, #791B96 6.66%, #A3008B 13.32%, #C5007B 19.98%, #FF5300 33.3%, #C5007B 46.62%, #A3008B 53.28%, #791B96 59.94%, #422B99 66.6%, #791B96 73.26%, #A3008B 79.92%, #C5007B 86.58%, #FF5300 100%);
  --fade-right: linear-gradient(90deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-left: linear-gradient(90deg, rgba(var(--base), 1) 0%, rgba(var(--base), 0) 100%);
  --fade-down: linear-gradient(180deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-up: linear-gradient(0deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-right-i: linear-gradient(90deg, rgba(var(--ink-3), 0) 0%, rgba(var(--ink-3), 1) 100%);
  --fade-left-i: linear-gradient(90deg, rgba(var(--ink-3), 1) 0%, rgba(var(--ink-3), 0) 100%);
  --fade-down-i: linear-gradient(180deg, rgba(var(--ink-3), 0) 0%, rgba(var(--ink-3), 1) 100%);
  --fade-up-i: linear-gradient(0deg, rgba(var(--ink-3), 0) 0%, rgba(var(--ink-3), 1) 100%);
  --fade-corner-tl: linear-gradient(-45deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-corner-tr: linear-gradient(45deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-corner-bl: linear-gradient(-135deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-corner-br: linear-gradient(135deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
  --fade-right-sheet-2: linear-gradient(90deg, rgba(var(--sheet-2), 0) 0%, rgba(var(--sheet-2), 1) 100%);
  --fade-left-sheet-2: linear-gradient(90deg, rgba(var(--sheet-2), 1) 0%, rgba(var(--sheet-2), 0) 100%);
  --fade-down-lt-2: linear-gradient(180deg, rgba(var(--lightest), 1) 0%, rgba(var(--sheet-2), 1) 100%);
  --fade-down-1-3: linear-gradient(180deg, rgba(var(--sheet-1), 1) 0%, rgba(var(--sheet-3), 1) 100%);
  --fade-down-edge: linear-gradient(180deg, rgba(var(--edge), 0) 0%, rgba(var(--edge), 1) 100%);
  --fade-up-edge: linear-gradient(0deg, rgba(var(--edge), 0) 0%, rgba(var(--edge), 1) 100%);
  --fade-down-link: linear-gradient(180deg, rgba(var(--link-rg), 1) 0%, rgba(var(--link-rg), 0.5) 100%);
  --faded-red: linear-gradient(180deg, rgba(var(--syntax-red), 0.04) 0%, rgba(var(--syntax-red), 0.04) 100%);
  --faded-orange: linear-gradient(180deg, rgba(var(--syntax-orange), 0.04) 0%, rgba(var(--syntax-orange), 0.04) 100%);
  --faded-green: linear-gradient(180deg, rgba(var(--syntax-green), 0.04) 0%, rgba(var(--syntax-green), 0.04) 100%);
  --faded-purple: linear-gradient(180deg, rgba(var(--syntax-purple), 0.04) 0%, rgba(var(--syntax-purple), 0.04) 100%);
  --text-shade: linear-gradient(180deg, rgba(var(--ink-hl), 1) 0%, rgba(var(--ink-sh), 1) 100%);
  --slack-fade: linear-gradient(180deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 10%, rgba(var(--base), 1) 90%, rgba(var(--base), 0) 100%);
  --grid-fade: radial-gradient(50% 50% at 50% 50%, rgba(var(--base), 0) 25%, rgba(var(--base), 1) 100%);
  --white-glow: radial-gradient(50% 50% at 50% 50%, rgba(var(--white), 1) 0%, rgba(var(--white), 0) 100%);
  --base-glow: radial-gradient(50% 50% at 50% 50%, rgba(var(--base), 1) 0%, rgba(var(--base), 0) 100%);
  --inverse-glow: radial-gradient(50% 50% at 50% 50%, rgba(var(--ink-1), 1) 0%, rgba(var(--ink-1), 0) 100%);
  --primary-glow: radial-gradient(50% 50% at 50% 50%, rgba(var(--primary-rg), 1) 0%, rgba(var(--primary-rg), 0) 100%);
  --cut-base-max-85: radial-gradient(112% 100% at 50% 0%, rgba(var(--base), 1) 0%, rgba(var(--base), 1) 50%, rgba(var(--sheet-1), 1) 99%, rgba(var(--edge), 1) 99%, rgba(var(--edge), 1) 99.1%, rgba(var(--sheet-2), 1) 99.1%, rgba(var(--sheet-2), 1) 100%);
  --COLORS------------------------:#11;
  --white: 255,255,255;
  --black: 0,0,0;
  --primary-rg: 207,23,35;
  --primary-hv: 184,0,12;
  --link-rg: 207,23,35;
  --link-hv: 184,0,12;
  --link-lt: 254,161,154;
  --ink-1: 95,89,84;
  --ink-2: 66,64,62;
  --ink-3: 41,38,36;
  --ink-hl: 113,107,102;
  --ink-sh: 41,38,36;
  --sheet-1: 254,252,251;
  --sheet-2: 250,246,245;
  --sheet-3: 244,238,235;
  --sheet-4: 235,228,224;
  --sheet-5: 226,221,218;
  --edge: 222,216,213;
  --base: 244,238,235;
  --lightest: 255,255,255;
  --max: 255,255,255;
  --syntax-red: 231,35,48;
  --syntax-orange: 255,103,0;
  --syntax-green: 77,131,7;
  --syntax-teal: 0,128,112;
  --syntax-blue: 0,115,229;
  --syntax-purple: 121,0,242;
  --syntax-pink: 224,6,151;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes ping {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  80% {
    transform: scale(2.25);
    opacity: 0;
  }
  100% {
    transform: scale(2.25);
    opacity: 0;
  }
}
@keyframes bounce {
  0% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: none;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
  100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
}
@keyframes pulse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
*, *::before, *::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  border: 0 solid transparent;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  min-height: 100vh;
  line-height: 1;
  text-rendering: optimizeSpeed;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  max-width: 100%;
}

input,
button,
textarea,
select {
  font: inherit;
  line-height: inherit;
  color: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button, [role=button] {
  cursor: pointer;
  background-color: transparent;
  -webkit-tap-highlight-color: transparent;
}
button:focus, [role=button]:focus {
  outline: 0;
}

a {
  cursor: pointer;
  color: inherit;
  text-decoration: inherit;
  -webkit-tap-highlight-color: transparent;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

ol, ul {
  list-style: none;
}

[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
}
[type=date]:focus,
[type=datetime]:focus,
[type=datetime-local]:focus,
[type=email]:focus,
[type=month]:focus,
[type=number]:focus,
[type=password]:focus,
[type=search]:focus,
[type=tel]:focus,
[type=text]:focus,
[type=time]:focus,
[type=url]:focus,
[type=week]:focus,
textarea:focus,
select:focus {
  outline: 0;
}

::-moz-placeholder {
  opacity: 1;
}

textarea {
  vertical-align: top;
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type=checkbox]:focus,
[type=radio]:focus {
  outline: 0;
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
sub, sup {
  position: relative;
  font-size: 0.75em;
}

sub {
  bottom: -0.25em;
  left: 0.25em;
}

sup {
  top: -0.5em;
  left: 0.25em;
}

pre, code {
  font-family: var(--font-mono);
}

[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=search],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
textarea,
select {
  padding: 0.5em 0.75em;
  font-size: 1rem;
  line-height: 1.5;
}

[type=checkbox],
[type=radio] {
  width: 1em;
  height: 1em;
}
[type=checkbox]:checked,
[type=radio]:checked {
  border-color: transparent;
  background-color: currentColor;
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}

[type=checkbox]:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 7.99997L9.99998 15L6.49998 11.5' stroke='white' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}

[type=radio] {
  border-radius: 9999px;
}
[type=radio]:checked {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='white'/%3e%3c/svg%3e");
}

select {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0.75em center;
  background-size: 16px 12px;
}
.bg\:transparent {
  --gradient: initial;
  background: transparent;
}

.bg\:primary-rg {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
}

.bg\:link-rg {
  --bg-opacity: 1;
  background-color: rgba(var(--link-rg), var(--bg-opacity));
}

.bg\:ink-1 {
  --bg-opacity: 1;
  background-color: rgba(var(--ink-1), var(--bg-opacity));
}

.bg\:ink-3 {
  --bg-opacity: 1;
  background-color: rgba(var(--ink-3), var(--bg-opacity));
}

.bg\:sheet-1 {
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
}

.bg\:sheet-2 {
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-2), var(--bg-opacity));
}

.bg\:sheet-3 {
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-3), var(--bg-opacity));
}

.bg\:edge {
  --bg-opacity: 1;
  background-color: rgba(var(--edge), var(--bg-opacity));
}

.bg\:base {
  --bg-opacity: 1;
  background-color: rgba(var(--base), var(--bg-opacity));
}

.bg\:lightest {
  --bg-opacity: 1;
  background-color: rgba(var(--lightest), var(--bg-opacity));
}

.bg\:syntax-red {
  --bg-opacity: 1;
  background-color: rgba(var(--syntax-red), var(--bg-opacity));
}

.bg\:syntax-green {
  --bg-opacity: 1;
  background-color: rgba(var(--syntax-green), var(--bg-opacity));
}

.bg\:syntax-purple {
  --bg-opacity: 1;
  background-color: rgba(var(--syntax-purple), var(--bg-opacity));
}

.bg\:gr-primary {
  --gradient: initial;
  background: linear-gradient(90deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
}

.bg\:gr-primary-v {
  --gradient: initial;
  background: linear-gradient(0deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
}

.bg\:fade-right {
  --gradient: initial;
  background: linear-gradient(90deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-left {
  --gradient: initial;
  background: linear-gradient(90deg, rgba(var(--base), 1) 0%, rgba(var(--base), 0) 100%);
}

.bg\:fade-down {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-up {
  --gradient: initial;
  background: linear-gradient(0deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-left-i {
  --gradient: initial;
  background: linear-gradient(90deg, rgba(var(--ink-3), 1) 0%, rgba(var(--ink-3), 0) 100%);
}

.bg\:fade-down-i {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--ink-3), 0) 0%, rgba(var(--ink-3), 1) 100%);
}

.bg\:fade-up-i {
  --gradient: initial;
  background: linear-gradient(0deg, rgba(var(--ink-3), 0) 0%, rgba(var(--ink-3), 1) 100%);
}

.bg\:fade-corner-tl {
  --gradient: initial;
  background: linear-gradient(-45deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-corner-tr {
  --gradient: initial;
  background: linear-gradient(45deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-corner-bl {
  --gradient: initial;
  background: linear-gradient(-135deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-corner-br {
  --gradient: initial;
  background: linear-gradient(135deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 100%);
}

.bg\:fade-right-sheet-2 {
  --gradient: initial;
  background: linear-gradient(90deg, rgba(var(--sheet-2), 0) 0%, rgba(var(--sheet-2), 1) 100%);
}

.bg\:fade-left-sheet-2 {
  --gradient: initial;
  background: linear-gradient(90deg, rgba(var(--sheet-2), 1) 0%, rgba(var(--sheet-2), 0) 100%);
}

.bg\:fade-down-lt-2 {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--lightest), 1) 0%, rgba(var(--sheet-2), 1) 100%);
}

.bg\:fade-down-1-3 {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--sheet-1), 1) 0%, rgba(var(--sheet-3), 1) 100%);
}

.bg\:faded-orange {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--syntax-orange), 0.04) 0%, rgba(var(--syntax-orange), 0.04) 100%);
}

.bg\:faded-green {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--syntax-green), 0.04) 0%, rgba(var(--syntax-green), 0.04) 100%);
}

.bg\:faded-purple {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--syntax-purple), 0.04) 0%, rgba(var(--syntax-purple), 0.04) 100%);
}

.bg\:slack-fade {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--base), 0) 0%, rgba(var(--base), 1) 10%, rgba(var(--base), 1) 90%, rgba(var(--base), 0) 100%);
}

.bg\:grid-fade {
  --gradient: initial;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--base), 0) 25%, rgba(var(--base), 1) 100%);
}

.bg\:base-glow {
  --gradient: initial;
  background: radial-gradient(50% 50% at 50% 50%, rgba(var(--base), 1) 0%, rgba(var(--base), 0) 100%);
}

.bg-opacity\:0 {
  --bg-opacity: 0;
}

.bg-opacity\:20 {
  --bg-opacity: 0.2;
}

.bg-opacity\:30 {
  --bg-opacity: 0.3;
}

.bottom\:12 {
  bottom: 0.75rem;
}

.bottom\:n1 {
  bottom: -0.0625rem;
}

.bottom\:n160 {
  bottom: -10rem;
}

.bottom\:0 {
  bottom: 0;
}

.color\:white {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}

.color\:link-rg {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
}

.color\:ink-1 {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.color\:ink-2 {
  --color-opacity: 1;
  color: rgba(var(--ink-2), var(--color-opacity));
}

.color\:ink-3 {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}

.color\:lightest {
  --color-opacity: 1;
  color: rgba(var(--lightest), var(--color-opacity));
}

.color\:syntax-red {
  --color-opacity: 1;
  color: rgba(var(--syntax-red), var(--color-opacity));
}

.color\:syntax-orange {
  --color-opacity: 1;
  color: rgba(var(--syntax-orange), var(--color-opacity));
}

.color\:syntax-green {
  --color-opacity: 1;
  color: rgba(var(--syntax-green), var(--color-opacity));
}

.color\:syntax-blue {
  --color-opacity: 1;
  color: rgba(var(--syntax-blue), var(--color-opacity));
}

.color\:syntax-purple {
  --color-opacity: 1;
  color: rgba(var(--syntax-purple), var(--color-opacity));
}

.font\:2xs {
  font-size: var(--font-2xs);
}

.font\:xs {
  font-size: var(--font-xs);
}

.font\:sm {
  font-size: var(--font-sm);
}

.font\:lg {
  font-size: var(--font-lg);
}

.font\:xl {
  font-size: var(--font-xl);
}

.font\:2xl {
  font-size: var(--font-2xl);
}

.font\:3xl {
  font-size: var(--font-3xl);
}

.font\:4xl {
  font-size: var(--font-4xl);
}

.font\:5xl {
  font-size: var(--font-5xl);
}

.font\:6xl {
  font-size: var(--font-6xl);
}

.font\:7xl {
  font-size: var(--font-7xl);
}

.font\:8xl {
  font-size: var(--font-8xl);
}

.font\:9xl {
  font-size: var(--font-9xl);
}

.font\:10xl {
  font-size: var(--font-10xl);
}

.font\:12xl {
  font-size: var(--font-12xl);
}

.h\:100p {
  height: 100%;
}

.h\:34 {
  height: 2.125rem;
}

.h\:60 {
  height: 3.75rem;
}

.h\:addBorder {
  height: calc(100% + 0.125rem);
}

.h\:1 {
  height: 0.0625rem;
}

.h\:2 {
  height: 0.125rem;
}

.h\:4 {
  height: 0.25rem;
}

.h\:8 {
  height: 0.5rem;
}

.h\:10 {
  height: 0.625rem;
}

.h\:12 {
  height: 0.75rem;
}

.h\:16 {
  height: 1rem;
}

.h\:20 {
  height: 1.25rem;
}

.h\:28 {
  height: 1.75rem;
}

.h\:32 {
  height: 2rem;
}

.h\:36 {
  height: 2.25rem;
}

.h\:48 {
  height: 3rem;
}

.h\:56 {
  height: 3.5rem;
}

.h\:64 {
  height: 4rem;
}

.h\:72 {
  height: 4.5rem;
}

.h\:96 {
  height: 6rem;
}

.h\:128 {
  height: 8rem;
}

.h\:160 {
  height: 10rem;
}

.h\:192 {
  height: 12rem;
}

.h\:224 {
  height: 14rem;
}

.h\:256 {
  height: 16rem;
}

.h\:384 {
  height: 24rem;
}

.h\:auto {
  height: auto;
}

.h\:0 {
  height: 0;
}

.left\:2 {
  left: 0.125rem;
}

.left\:4 {
  left: 0.25rem;
}

.left\:12 {
  left: 0.75rem;
}

.left\:16 {
  left: 1rem;
}

.left\:n1 {
  left: -0.0625rem;
}

.left\:n10 {
  left: -0.625rem;
}

.left\:n160 {
  left: -10rem;
}

.left\:0 {
  left: 0;
}

.leading\:90 {
  line-height: 0.9;
}

.leading\:loosest {
  line-height: var(--leading-loosest);
}

.leading\:100 {
  line-height: 1;
}

.leading\:110 {
  line-height: 1.1;
}

.leading\:120 {
  line-height: 1.2;
}

.leading\:130 {
  line-height: 1.3;
}

.leading\:150 {
  line-height: 1.5;
}

.mt\:3 {
  margin-top: 0.1875rem;
}

.mt\:1 {
  margin-top: 0.0625rem;
}

.mt\:2 {
  margin-top: 0.125rem;
}

.mt\:4 {
  margin-top: 0.25rem;
}

.mt\:6 {
  margin-top: 0.375rem;
}

.mt\:8 {
  margin-top: 0.5rem;
}

.mt\:10 {
  margin-top: 0.625rem;
}

.mt\:12 {
  margin-top: 0.75rem;
}

.mt\:16 {
  margin-top: 1rem;
}

.mt\:18 {
  margin-top: 1.125rem;
}

.mt\:24 {
  margin-top: 1.5rem;
}

.mt\:48 {
  margin-top: 3rem;
}

.mt\:72 {
  margin-top: 4.5rem;
}

.mt\:n1 {
  margin-top: -0.0625rem;
}

.mt\:n10 {
  margin-top: -0.625rem;
}

.mt\:n16 {
  margin-top: -1rem;
}

.mt\:n32 {
  margin-top: -2rem;
}

.min-h\:80vh {
  min-height: 80vh;
}

.min-h\:100vh {
  min-height: 100vh;
}

.max-h\:256 {
  max-height: 16rem;
}

.max-h\:448 {
  max-height: 28rem;
}

.max-w\:336 {
  max-width: 21rem;
}

.max-w\:360 {
  max-width: 22.5rem;
}

.max-w\:144 {
  max-width: 9rem;
}

.max-w\:256 {
  max-width: 16rem;
}

.max-w\:288 {
  max-width: 18rem;
}

.max-w\:320 {
  max-width: 20rem;
}

.max-w\:384 {
  max-width: 24rem;
}

.max-w\:448 {
  max-width: 28rem;
}

.max-w\:512 {
  max-width: 32rem;
}

.max-w\:640 {
  max-width: 40rem;
}

.max-w\:768 {
  max-width: 48rem;
}

.max-w\:896 {
  max-width: 56rem;
}

.max-w\:1280 {
  max-width: 80rem;
}

.max-w\:100p {
  max-width: 100%;
}

.max-w\:100vw {
  max-width: 100vw;
}

.min-w\:360 {
  min-width: 22.5rem;
}

.min-w\:128 {
  min-width: 8rem;
}

.min-w\:640 {
  min-width: 40rem;
}

.min-w\:100p {
  min-width: 100%;
}

.right\:4 {
  right: 0.25rem;
}

.right\:n1 {
  right: -0.0625rem;
}

.right\:n64 {
  right: -4rem;
}

.right\:n128 {
  right: -8rem;
}

.right\:n160 {
  right: -10rem;
}

.right\:0 {
  right: 0;
}

.underline {
  text-decoration: underline;
}

.top\:2 {
  top: 0.125rem;
}

.top\:4 {
  top: 0.25rem;
}

.top\:12 {
  top: 0.75rem;
}

.top\:16 {
  top: 1rem;
}

.top\:32 {
  top: 2rem;
}

.top\:48 {
  top: 3rem;
}

.top\:n1 {
  top: -0.0625rem;
}

.top\:n64 {
  top: -4rem;
}

.top\:n112 {
  top: -7rem;
}

.top\:0 {
  top: 0;
}

.cubic-out {
  transition-timing-function: cubic-bezier(0, 0.66, 0.33, 1);
}

.linear {
  transition-timing-function: linear;
}

.ease {
  transition-timing-function: ease;
}

.ease-in-out {
  transition-timing-function: ease-in-out;
}

.w\:0 {
  width: 0;
}

.w\:addBorder {
  width: calc(100% + 0.125rem);
}

.w\:footer-form {
  width: calc(100% - 2.25rem);
}

.w\:1 {
  width: 0.0625rem;
}

.w\:2 {
  width: 0.125rem;
}

.w\:4 {
  width: 0.25rem;
}

.w\:8 {
  width: 0.5rem;
}

.w\:10 {
  width: 0.625rem;
}

.w\:12 {
  width: 0.75rem;
}

.w\:14 {
  width: 0.875rem;
}

.w\:16 {
  width: 1rem;
}

.w\:18 {
  width: 1.125rem;
}

.w\:20 {
  width: 1.25rem;
}

.w\:24 {
  width: 1.5rem;
}

.w\:28 {
  width: 1.75rem;
}

.w\:32 {
  width: 2rem;
}

.w\:36 {
  width: 2.25rem;
}

.w\:48 {
  width: 3rem;
}

.w\:64 {
  width: 4rem;
}

.w\:72 {
  width: 4.5rem;
}

.w\:80 {
  width: 5rem;
}

.w\:96 {
  width: 6rem;
}

.w\:112 {
  width: 7rem;
}

.w\:128 {
  width: 8rem;
}

.w\:144 {
  width: 9rem;
}

.w\:160 {
  width: 10rem;
}

.w\:192 {
  width: 12rem;
}

.w\:224 {
  width: 14rem;
}

.w\:256 {
  width: 16rem;
}

.w\:288 {
  width: 18rem;
}

.w\:640 {
  width: 40rem;
}

.w\:100p {
  width: 100%;
}

.w\:100vw {
  width: 100vw;
}

.z\:n1 {
  z-index: -1;
}

.z\:1 {
  z-index: 1;
}

.z\:2 {
  z-index: 2;
}

.z\:3 {
  z-index: 3;
}

.z\:4 {
  z-index: 4;
}

.z\:5 {
  z-index: 5;
}

.z\:8 {
  z-index: 8;
}

.z\:9 {
  z-index: 9;
}

.z\:10 {
  z-index: 10;
}

.ratio\:1-1 {
  aspect-ratio: 1;
}

.ratio\:2-1 {
  aspect-ratio: 2 / 1;
}

.ratio\:4-3 {
  aspect-ratio: 4 / 3;
}

.ratio\:16-9 {
  aspect-ratio: 16 / 9;
}

.ratio\:73-45 {
  aspect-ratio: 73 / 45;
}

.ratio\:901-540 {
  aspect-ratio: 901 / 540;
}

.tracking\:tighter {
  letter-spacing: var(--tracking-tighter);
}

.tracking\:tight {
  letter-spacing: var(--tracking-tight);
}

.tracking\:looser {
  letter-spacing: var(--tracking-looser);
}

.tracking\:loosest {
  letter-spacing: var(--tracking-loosest);
}

.text\:left {
  text-align: left;
}

.text\:center {
  text-align: center;
}

.text\:right {
  text-align: right;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.space\:nowrap {
  white-space: nowrap;
}

.font\:sans {
  font-family: var(--font-sans);
}

.font\:mono {
  font-family: var(--font-mono);
}

.italic {
  font-style: italic;
}

.normal {
  font-style: normal;
}

.light {
  font-weight: var(--light);
}

.regular {
  font-weight: var(--regular);
}

.medium {
  font-weight: var(--medium);
}

.semibold {
  font-weight: var(--semibold);
}

.bold {
  font-weight: var(--bold);
}

.antialiased {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.transition\:100 {
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
}

.transition\:200 {
  transition: background-color 200ms, border-color 200ms, color 200ms, fill 200ms, stroke 200ms, opacity 200ms, box-shadow 200ms, transform 200ms, top 200ms, right 200ms, bottom 200ms, left 200ms;
}

.transition\:300 {
  transition: background-color 300ms, border-color 300ms, color 300ms, fill 300ms, stroke 300ms, opacity 300ms, box-shadow 300ms, transform 300ms, top 300ms, right 300ms, bottom 300ms, left 300ms;
}

.transition {
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
}

.mb\:1 {
  margin-bottom: 0.0625rem;
}

.mb\:2 {
  margin-bottom: 0.125rem;
}

.mb\:6 {
  margin-bottom: 0.375rem;
}

.mb\:12 {
  margin-bottom: 0.75rem;
}

.mb\:16 {
  margin-bottom: 1rem;
}

.mb\:24 {
  margin-bottom: 1.5rem;
}

.mb\:48 {
  margin-bottom: 3rem;
}

.mb\:96 {
  margin-bottom: 6rem;
}

.mb\:n2 {
  margin-bottom: -0.125rem;
}

.mb\:n8 {
  margin-bottom: -0.5rem;
}

.mb\:n12 {
  margin-bottom: -0.75rem;
}

.mb\:n24 {
  margin-bottom: -1.5rem;
}

.mb\:n28 {
  margin-bottom: -1.75rem;
}

.mb\:0 {
  margin-bottom: 0;
}

.ml\:2 {
  margin-left: 0.125rem;
}

.ml\:16 {
  margin-left: 1rem;
}

.ml\:n8 {
  margin-left: -0.5rem;
}

.ml\:n16 {
  margin-left: -1rem;
}

.ml\:n48 {
  margin-left: -3rem;
}

.mr\:1 {
  margin-right: 0.0625rem;
}

.mr\:n8 {
  margin-right: -0.5rem;
}

.mr\:n48 {
  margin-right: -3rem;
}

.p\:8 {
  padding: 0.5rem;
}

.p\:24 {
  padding: 1.5rem;
}

.px\:4 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.px\:8 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.px\:12 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.px\:24 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.px\:40 {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}

.py\:2 {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}

.py\:4 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

.py\:6 {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.py\:8 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.py\:12 {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.py\:16 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.py\:24 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.py\:48 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.py\:96 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.pb\:2 {
  padding-bottom: 0.125rem;
}

.pb\:6 {
  padding-bottom: 0.375rem;
}

.pb\:8 {
  padding-bottom: 0.5rem;
}

.pb\:10 {
  padding-bottom: 0.625rem;
}

.pb\:12 {
  padding-bottom: 0.75rem;
}

.pb\:14 {
  padding-bottom: 0.875rem;
}

.pb\:16 {
  padding-bottom: 1rem;
}

.pb\:20 {
  padding-bottom: 1.25rem;
}

.pb\:24 {
  padding-bottom: 1.5rem;
}

.pb\:28 {
  padding-bottom: 1.75rem;
}

.pb\:40 {
  padding-bottom: 2.5rem;
}

.pb\:48 {
  padding-bottom: 3rem;
}

.pb\:96 {
  padding-bottom: 6rem;
}

.pl\:4 {
  padding-left: 0.25rem;
}

.pl\:8 {
  padding-left: 0.5rem;
}

.pl\:16 {
  padding-left: 1rem;
}

.pl\:20 {
  padding-left: 1.25rem;
}

.pl\:24 {
  padding-left: 1.5rem;
}

.pl\:48 {
  padding-left: 3rem;
}

.pl\:72 {
  padding-left: 4.5rem;
}

.pl\:96 {
  padding-left: 6rem;
}

.pr\:16 {
  padding-right: 1rem;
}

.pr\:24 {
  padding-right: 1.5rem;
}

.pr\:48 {
  padding-right: 3rem;
}

.pr\:72 {
  padding-right: 4.5rem;
}

.pr\:96 {
  padding-right: 6rem;
}

.pt\:2 {
  padding-top: 0.125rem;
}

.pt\:4 {
  padding-top: 0.25rem;
}

.pt\:8 {
  padding-top: 0.5rem;
}

.pt\:12 {
  padding-top: 0.75rem;
}

.pt\:14 {
  padding-top: 0.875rem;
}

.pt\:16 {
  padding-top: 1rem;
}

.pt\:24 {
  padding-top: 1.5rem;
}

.pt\:36 {
  padding-top: 2.25rem;
}

.pt\:48 {
  padding-top: 3rem;
}

.pt\:72 {
  padding-top: 4.5rem;
}

.pt\:96 {
  padding-top: 6rem;
}

.radius\:sm {
  border-radius: var(--radius-sm);
}

.radius\:md {
  border-radius: var(--radius-md);
}

.radius\:lg {
  border-radius: var(--radius-lg);
}

.radius\:xl {
  border-radius: var(--radius-xl);
}

.radius\:2xl {
  border-radius: var(--radius-2xl);
}

.radius\:full {
  border-radius: 9999px;
}

.border\:1 {
  border-width: 0.0625rem;
}

.border-b\:1 {
  border-bottom-width: 0.0625rem;
}

.border-t\:1 {
  border-top-width: 0.0625rem;
}

.border\:ink-1 {
  --border-opacity: 1;
  border-color: rgba(var(--ink-1), var(--border-opacity));
}

.border\:edge {
  --border-opacity: 1;
  border-color: rgba(var(--edge), var(--border-opacity));
}

.border\:lightest {
  --border-opacity: 1;
  border-color: rgba(var(--lightest), var(--border-opacity));
}

.border\:syntax-orange {
  --border-opacity: 1;
  border-color: rgba(var(--syntax-orange), var(--border-opacity));
}

.border\:syntax-green {
  --border-opacity: 1;
  border-color: rgba(var(--syntax-green), var(--border-opacity));
}

.border\:syntax-purple {
  --border-opacity: 1;
  border-color: rgba(var(--syntax-purple), var(--border-opacity));
}

.border-opacity\:30 {
  --border-opacity: 0.3;
}

.radius-l\:lg {
  border-top-left-radius: var(--radius-lg);
  border-bottom-left-radius: var(--radius-lg);
}

.radius-r\:lg {
  border-top-right-radius: var(--radius-lg);
  border-bottom-right-radius: var(--radius-lg);
}

.filter {
  --filter-blur: 0;
  --filter-brightness: 1;
  --filter-contrast: 1;
  --filter-grayscale: 0;
  --filter-hue-rotate: 0deg;
  --filter-invert: 0;
  --filter-opacity: 1;
  --filter-saturate: 1;
  --filter-sepia: 0;
  filter: blur(var(--filter-blur)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) grayscale(var(--filter-grayscale)) hue-rotate(var(--filter-hue-rotate)) invert(var(--filter-invert)) opacity(var(--filter-opacity)) saturate(var(--filter-saturate)) sepia(var(--filter-sepia));
}

.filter-blur\:lg {
  --filter-blur: var(--blur-lg);
}

.shadow\:2xs {
  box-shadow: var(--shadow-2xs);
}

.shadow\:sm {
  box-shadow: var(--shadow-sm);
}

.shadow\:md {
  box-shadow: var(--shadow-md);
}

.shadow\:lg {
  box-shadow: var(--shadow-lg);
}

.shadow\:2xl {
  box-shadow: var(--shadow-2xl);
}

.opacity\:0 {
  opacity: 0;
}

.opacity\:10 {
  opacity: 0.1;
}

.opacity\:20 {
  opacity: 0.2;
}

.opacity\:30 {
  opacity: 0.3;
}

.opacity\:50 {
  opacity: 0.5;
}

.opacity\:60 {
  opacity: 0.6;
}

.opacity\:65 {
  opacity: 0.65;
}

.opacity\:70 {
  opacity: 0.7;
}

.opacity\:80 {
  opacity: 0.8;
}

.opacity\:85 {
  opacity: 0.85;
}

.inline {
  display: inline;
}

.block {
  display: block;
}

.flex {
  display: flex;
}

.grid {
  display: grid;
}

.inline-block {
  display: inline-block;
}

.inline-flex {
  display: inline-flex;
}

.table {
  display: table;
}

.hidden {
  display: none;
}

.visible {
  visibility: visible;
}

.invisible {
  visibility: hidden;
}

.border-box {
  box-sizing: border-box;
}

.isolate {
  isolation: isolate;
}

.object\:contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object\:cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.static {
  position: static;
}

.fixed {
  position: fixed;
}

.absolute {
  position: absolute;
}

.relative {
  position: relative;
}

.sticky {
  position: sticky;
}

.col-gap\:48 {
  -moz-column-gap: 3rem;
       column-gap: 3rem;
}

.col-gap\:72 {
  -moz-column-gap: 4.5rem;
       column-gap: 4.5rem;
}

.row-gap\:12 {
  row-gap: 0.75rem;
}

.row-gap\:24 {
  row-gap: 1.5rem;
}

.row-gap\:48 {
  row-gap: 3rem;
}

.gap\:2 {
  gap: 0.125rem;
}

.gap\:4 {
  gap: 0.25rem;
}

.gap\:6 {
  gap: 0.375rem;
}

.gap\:8 {
  gap: 0.5rem;
}

.gap\:10 {
  gap: 0.625rem;
}

.gap\:12 {
  gap: 0.75rem;
}

.gap\:16 {
  gap: 1rem;
}

.gap\:20 {
  gap: 1.25rem;
}

.gap\:24 {
  gap: 1.5rem;
}

.gap\:48 {
  gap: 3rem;
}

.gap\:72 {
  gap: 4.5rem;
}

.gap\:96 {
  gap: 6rem;
}

.align-items\:center {
  align-items: center;
}

.align-items\:start {
  align-items: flex-start;
}

.align-items\:end {
  align-items: flex-end;
}

.align-items\:stretch {
  align-items: stretch;
}

.justify-content\:start {
  justify-content: flex-start;
}

.justify-content\:center {
  justify-content: center;
}

.justify-content\:end {
  justify-content: flex-end;
}

.justify-content\:between {
  justify-content: space-between;
}

.flex\:row-reverse {
  flex-direction: row-reverse;
}

.flex\:col {
  flex-direction: column;
}

.flex\:col-reverse {
  flex-direction: column-reverse;
}

.flex-grow\:1 {
  flex-grow: 1;
}

.flex-shrink\:0 {
  flex-shrink: 0;
}

.flex\:nowrap {
  flex-wrap: nowrap;
}

.flex\:wrap {
  flex-wrap: wrap;
}

.col\:2 {
  grid-column: span 2/span 2;
}

.col\:3 {
  grid-column: span 3/span 3;
}

.col\:6 {
  grid-column: span 6/span 6;
}

.col\:12 {
  grid-column: span 12/span 12;
}

.col-end\:6 {
  grid-column-end: 6;
}

.col-end\:7 {
  grid-column-end: 7;
}

.col-end\:10 {
  grid-column-end: 10;
}

.col-end\:11 {
  grid-column-end: 11;
}

.col-end\:13 {
  grid-column-end: 13;
}

.col-start\:1 {
  grid-column-start: 1;
}

.col-start\:2 {
  grid-column-start: 2;
}

.col-start\:6 {
  grid-column-start: 6;
}

.col-start\:7 {
  grid-column-start: 7;
}

.col-start\:8 {
  grid-column-start: 8;
}

.col-start\:11 {
  grid-column-start: 11;
}

.grid-cols\:2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols\:3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols\:4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols\:12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.transform {
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
}

.translate-y\:1 {
  --translate-y: 0.0625rem;
}

.translate-y\:2 {
  --translate-y: 0.125rem;
}

.translate-y\:n1 {
  --translate-y: -0.0625rem;
}

.translate-y\:n48 {
  --translate-y: -3rem;
}

.cursor\:pointer {
  cursor: pointer;
}

.pointer-events\:none {
  pointer-events: none;
}

.pointer-events\:auto {
  pointer-events: auto;
}

.overflow\:hidden {
  overflow: hidden;
}

.outline\:none {
  outline: none;
}

.hover\:bg\:primary-rg:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
}

.group:hover .group-hover\:bg\:primary-rg {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
}

.hover\:bg\:primary-hv:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
}

.group:hover .group-hover\:bg\:primary-hv {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
}

.focus\:bg\:primary-hv:focus {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
}

.hover\:bg-opacity\:6:hover {
  --bg-opacity: 0.06;
}

.focus\:bg-opacity\:20:focus {
  --bg-opacity: 0.2;
}

.group:hover .group-hover\:bg-opacity\:30 {
  --bg-opacity: 0.3;
}

.group:focus .group-focus\:bg-opacity\:30 {
  --bg-opacity: 0.3;
}

.group:hover .group-hover\:color\:primary-hv {
  --color-opacity: 1;
  color: rgba(var(--primary-hv), var(--color-opacity));
}

.focus\:color\:link-rg:focus {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
}

.hover\:color\:link-hv:hover {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.group:hover .group-hover\:color\:link-hv {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.focus\:color\:link-hv:focus {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.group:focus .group-focus\:color\:link-hv {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.hover\:color\:ink-3:hover {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}

.hover\:scale\:103:hover {
  --scale-x: 1.03;
  --scale-y: 1.03;
}

.group:hover .group-hover\:scale\:103 {
  --scale-x: 1.03;
  --scale-y: 1.03;
}

.focus\:scale\:103:focus {
  --scale-x: 1.03;
  --scale-y: 1.03;
}

.group:focus .group-focus\:scale\:103 {
  --scale-x: 1.03;
  --scale-y: 1.03;
}

.group:hover .group-hover\:scale\:110 {
  --scale-x: 1.1;
  --scale-y: 1.1;
}

.group:hover .group-hover\:translate-x\:4 {
  --translate-x: 0.25rem;
}

.group:focus .group-focus\:translate-x\:4 {
  --translate-x: 0.25rem;
}

.group:hover .group-hover\:translate-x\:n4 {
  --translate-x: -0.25rem;
}

.group:focus .group-focus\:translate-x\:n4 {
  --translate-x: -0.25rem;
}

.group:hover .group-hover\:shadow\:lg {
  box-shadow: var(--shadow-lg);
}

.hover\:shadow\:xl:hover {
  box-shadow: var(--shadow-xl);
}

.focus\:shadow\:xl:focus {
  box-shadow: var(--shadow-xl);
}

.hover\:opacity\:100:hover {
  opacity: 1;
}

.group:hover .group-hover\:opacity\:100 {
  opacity: 1;
}

.focus\:opacity\:100:focus {
  opacity: 1;
}

@media (min-width: 768px) {
  .sm\:bg\:transparent {
    --gradient: initial;
    background: transparent;
  }
  .sm\:bg\:cut-base-max-85 {
    --gradient: initial;
    background: radial-gradient(112% 100% at 50% 0%, rgba(var(--base), 1) 0%, rgba(var(--base), 1) 50%, rgba(var(--sheet-1), 1) 99%, rgba(var(--edge), 1) 99%, rgba(var(--edge), 1) 99.1%, rgba(var(--sheet-2), 1) 99.1%, rgba(var(--sheet-2), 1) 100%);
  }
  .sm\:bottom\:n288 {
    bottom: -18rem;
  }
  .sm\:color\:ink-3 {
    --color-opacity: 1;
    color: rgba(var(--ink-3), var(--color-opacity));
  }
  .sm\:font\:14xl {
    font-size: 8rem;
  }
  .sm\:font\:xs {
    font-size: var(--font-xs);
  }
  .sm\:font\:sm {
    font-size: var(--font-sm);
  }
  .sm\:font\:md {
    font-size: var(--font-md);
  }
  .sm\:font\:lg {
    font-size: var(--font-lg);
  }
  .sm\:font\:xl {
    font-size: var(--font-xl);
  }
  .sm\:font\:2xl {
    font-size: var(--font-2xl);
  }
  .sm\:font\:4xl {
    font-size: var(--font-4xl);
  }
  .sm\:font\:6xl {
    font-size: var(--font-6xl);
  }
  .sm\:font\:7xl {
    font-size: var(--font-7xl);
  }
  .sm\:font\:8xl {
    font-size: var(--font-8xl);
  }
  .sm\:font\:9xl {
    font-size: var(--font-9xl);
  }
  .sm\:font\:10xl {
    font-size: var(--font-10xl);
  }
  .sm\:font\:11xl {
    font-size: var(--font-11xl);
  }
  .sm\:font\:12xl {
    font-size: var(--font-12xl);
  }
  .sm\:h\:72 {
    height: 4.5rem;
  }
  .sm\:h\:144 {
    height: 9rem;
  }
  .sm\:left\:n128 {
    left: -8rem;
  }
  .sm\:left\:0 {
    left: 0;
  }
  .sm\:leading\:110 {
    line-height: 1.1;
  }
  .sm\:mt\:24 {
    margin-top: 1.5rem;
  }
  .sm\:mt\:96 {
    margin-top: 6rem;
  }
  .sm\:mt\:n20 {
    margin-top: -1.25rem;
  }
  .sm\:mt\:n80 {
    margin-top: -5rem;
  }
  .sm\:mt\:0 {
    margin-top: 0;
  }
  .sm\:min-h\:80vh {
    min-height: 80vh;
  }
  .sm\:min-h\:100vh {
    min-height: 100vh;
  }
  .sm\:max-h\:640 {
    max-height: 40rem;
  }
  .sm\:max-w\:704 {
    max-width: 44rem;
  }
  .sm\:max-w\:256 {
    max-width: 16rem;
  }
  .sm\:max-w\:320 {
    max-width: 20rem;
  }
  .sm\:max-w\:448 {
    max-width: 28rem;
  }
  .sm\:max-w\:512 {
    max-width: 32rem;
  }
  .sm\:max-w\:640 {
    max-width: 40rem;
  }
  .sm\:max-w\:768 {
    max-width: 48rem;
  }
  .sm\:max-w\:none {
    max-width: none;
  }
  .sm\:right\:n128 {
    right: -8rem;
  }
  .sm\:top\:60 {
    top: 3.75rem;
  }
  .sm\:w\:auto {
    width: auto;
  }
  .sm\:w\:296 {
    width: 18.5rem;
  }
  .sm\:w\:72 {
    width: 4.5rem;
  }
  .sm\:w\:160 {
    width: 10rem;
  }
  .sm\:w\:256 {
    width: 16rem;
  }
  .sm\:w\:100p {
    width: 100%;
  }
  .sm\:ratio\:16-9 {
    aspect-ratio: 16 / 9;
  }
  .sm\:text\:left {
    text-align: left;
  }
  .sm\:text\:center {
    text-align: center;
  }
  .sm\:mb\:20 {
    margin-bottom: 1.25rem;
  }
  .sm\:mb\:48 {
    margin-bottom: 3rem;
  }
  .sm\:mb\:n16 {
    margin-bottom: -1rem;
  }
  .sm\:mb\:0 {
    margin-bottom: 0;
  }
  .sm\:px\:24 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .sm\:px\:48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .sm\:px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .sm\:py\:8 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .sm\:py\:144 {
    padding-top: 9rem;
    padding-bottom: 9rem;
  }
  .sm\:py\:160 {
    padding-top: 10rem;
    padding-bottom: 10rem;
  }
  .sm\:py\:224 {
    padding-top: 14rem;
    padding-bottom: 14rem;
  }
  .sm\:py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .sm\:pb\:16 {
    padding-bottom: 1rem;
  }
  .sm\:pb\:20 {
    padding-bottom: 1.25rem;
  }
  .sm\:pb\:72 {
    padding-bottom: 4.5rem;
  }
  .sm\:pb\:144 {
    padding-bottom: 9rem;
  }
  .sm\:pb\:0 {
    padding-bottom: 0;
  }
  .sm\:pl\:0 {
    padding-left: 0;
  }
  .sm\:pr\:24 {
    padding-right: 1.5rem;
  }
  .sm\:pr\:0 {
    padding-right: 0;
  }
  .sm\:pt\:16 {
    padding-top: 1rem;
  }
  .sm\:pt\:24 {
    padding-top: 1.5rem;
  }
  .sm\:pt\:36 {
    padding-top: 2.25rem;
  }
  .sm\:pt\:48 {
    padding-top: 3rem;
  }
  .sm\:pt\:72 {
    padding-top: 4.5rem;
  }
  .sm\:pt\:192 {
    padding-top: 12rem;
  }
  .sm\:pt\:0 {
    padding-top: 0;
  }
  .sm\:radius\:2xl {
    border-radius: var(--radius-2xl);
  }
  .sm\:border-b\:0 {
    border-bottom-width: 0;
  }
  .sm\:inline {
    display: inline;
  }
  .sm\:block {
    display: block;
  }
  .sm\:flex {
    display: flex;
  }
  .sm\:grid {
    display: grid;
  }
  .sm\:hidden {
    display: none;
  }
  .sm\:row-gap\:48 {
    row-gap: 3rem;
  }
  .sm\:gap\:8 {
    gap: 0.5rem;
  }
  .sm\:gap\:16 {
    gap: 1rem;
  }
  .sm\:gap\:24 {
    gap: 1.5rem;
  }
  .sm\:gap\:32 {
    gap: 2rem;
  }
  .sm\:gap\:48 {
    gap: 3rem;
  }
  .sm\:gap\:72 {
    gap: 4.5rem;
  }
  .sm\:gap\:96 {
    gap: 6rem;
  }
  .sm\:gap\:0 {
    gap: 0;
  }
  .sm\:align-items\:center {
    align-items: center;
  }
  .sm\:align-items\:start {
    align-items: flex-start;
  }
  .sm\:align-items\:end {
    align-items: flex-end;
  }
  .sm\:align-items\:stretch {
    align-items: stretch;
  }
  .sm\:justify-content\:start {
    justify-content: flex-start;
  }
  .sm\:flex\:row {
    flex-direction: row;
  }
  .sm\:flex\:col {
    flex-direction: column;
  }
  .sm\:flex\:nowrap {
    flex-wrap: nowrap;
  }
  .sm\:col\:2 {
    grid-column: span 2/span 2;
  }
  .sm\:grid-cols\:2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .sm\:grid-cols\:3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .sm\:translate-y\:0 {
    --translate-y: 0;
  }
}
@media (min-width: 1024px) {
  .md\:bg\:transparent {
    --gradient: initial;
    background: transparent;
  }
  .md\:bottom\:n320 {
    bottom: -20rem;
  }
  .md\:color\:ink-1 {
    --color-opacity: 1;
    color: rgba(var(--ink-1), var(--color-opacity));
  }
  .md\:font\:xs {
    font-size: var(--font-xs);
  }
  .md\:font\:sm {
    font-size: var(--font-sm);
  }
  .md\:font\:md {
    font-size: var(--font-md);
  }
  .md\:font\:lg {
    font-size: var(--font-lg);
  }
  .md\:font\:xl {
    font-size: var(--font-xl);
  }
  .md\:font\:2xl {
    font-size: var(--font-2xl);
  }
  .md\:font\:4xl {
    font-size: var(--font-4xl);
  }
  .md\:font\:5xl {
    font-size: var(--font-5xl);
  }
  .md\:font\:6xl {
    font-size: var(--font-6xl);
  }
  .md\:font\:7xl {
    font-size: var(--font-7xl);
  }
  .md\:font\:8xl {
    font-size: var(--font-8xl);
  }
  .md\:font\:9xl {
    font-size: var(--font-9xl);
  }
  .md\:font\:11xl {
    font-size: var(--font-11xl);
  }
  .md\:font\:12xl {
    font-size: var(--font-12xl);
  }
  .md\:h\:96 {
    height: 6rem;
  }
  .md\:h\:192 {
    height: 12rem;
  }
  .md\:h\:320 {
    height: 20rem;
  }
  .md\:left\:unset {
    left: unset;
  }
  .md\:left\:n12 {
    left: -0.75rem;
  }
  .md\:left\:n320 {
    left: -20rem;
  }
  .md\:left\:0 {
    left: 0;
  }
  .md\:mt\:4 {
    margin-top: 0.25rem;
  }
  .md\:mt\:14 {
    margin-top: 0.875rem;
  }
  .md\:mt\:n4 {
    margin-top: -0.25rem;
  }
  .md\:mt\:n8 {
    margin-top: -0.5rem;
  }
  .md\:mt\:0 {
    margin-top: 0;
  }
  .md\:max-w\:360 {
    max-width: 22.5rem;
  }
  .md\:max-w\:448 {
    max-width: 28rem;
  }
  .md\:max-w\:512 {
    max-width: 32rem;
  }
  .md\:max-w\:640 {
    max-width: 40rem;
  }
  .md\:max-w\:768 {
    max-width: 48rem;
  }
  .md\:max-w\:896 {
    max-width: 56rem;
  }
  .md\:max-w\:1024 {
    max-width: 64rem;
  }
  .md\:max-w\:none {
    max-width: none;
  }
  .md\:min-w\:360 {
    min-width: 22.5rem;
  }
  .md\:right\:n320 {
    right: -20rem;
  }
  .md\:top\:unset {
    top: unset;
  }
  .md\:top\:60 {
    top: 3.75rem;
  }
  .md\:top\:4 {
    top: 0.25rem;
  }
  .md\:top\:72 {
    top: 4.5rem;
  }
  .md\:w\:auto {
    width: auto;
  }
  .md\:w\:14 {
    width: 0.875rem;
  }
  .md\:w\:96 {
    width: 6rem;
  }
  .md\:w\:256 {
    width: 16rem;
  }
  .md\:w\:100p {
    width: 100%;
  }
  .md\:ratio\:1-1 {
    aspect-ratio: 1;
  }
  .md\:text\:left {
    text-align: left;
  }
  .md\:text\:center {
    text-align: center;
  }
  .md\:text\:right {
    text-align: right;
  }
  .md\:mb\:2 {
    margin-bottom: 0.125rem;
  }
  .md\:mb\:0 {
    margin-bottom: 0;
  }
  .md\:ml\:12 {
    margin-left: 0.75rem;
  }
  .md\:ml\:n8 {
    margin-left: -0.5rem;
  }
  .md\:ml\:0 {
    margin-left: 0;
  }
  .md\:px\:12 {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
  }
  .md\:px\:48 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
  .md\:px\:0 {
    padding-left: 0;
    padding-right: 0;
  }
  .md\:py\:10 {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
  .md\:py\:192 {
    padding-top: 12rem;
    padding-bottom: 12rem;
  }
  .md\:py\:0 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .md\:pb\:24 {
    padding-bottom: 1.5rem;
  }
  .md\:pb\:96 {
    padding-bottom: 6rem;
  }
  .md\:pb\:192 {
    padding-bottom: 12rem;
  }
  .md\:pl\:0 {
    padding-left: 0;
  }
  .md\:pr\:0 {
    padding-right: 0;
  }
  .md\:pt\:48 {
    padding-top: 3rem;
  }
  .md\:pt\:72 {
    padding-top: 4.5rem;
  }
  .md\:pt\:96 {
    padding-top: 6rem;
  }
  .md\:pt\:128 {
    padding-top: 8rem;
  }
  .md\:radius\:md {
    border-radius: var(--radius-md);
  }
  .md\:radius\:xl {
    border-radius: var(--radius-xl);
  }
  .md\:radius\:2xl {
    border-radius: var(--radius-2xl);
  }
  .md\:border\:1 {
    border-width: 0.0625rem;
  }
  .md\:border-b\:0 {
    border-bottom-width: 0;
  }
  .md\:shadow\:2xl {
    box-shadow: var(--shadow-2xl);
  }
  .md\:opacity\:50 {
    opacity: 0.5;
  }
  .md\:block {
    display: block;
  }
  .md\:flex {
    display: flex;
  }
  .md\:hidden {
    display: none;
  }
  .md\:absolute {
    position: absolute;
  }
  .md\:relative {
    position: relative;
  }
  .md\:sticky {
    position: sticky;
  }
  .md\:gap\:12 {
    gap: 0.75rem;
  }
  .md\:gap\:20 {
    gap: 1.25rem;
  }
  .md\:gap\:72 {
    gap: 4.5rem;
  }
  .md\:gap\:96 {
    gap: 6rem;
  }
  .md\:gap\:128 {
    gap: 8rem;
  }
  .md\:align-items\:center {
    align-items: center;
  }
  .md\:align-items\:start {
    align-items: flex-start;
  }
  .md\:align-items\:end {
    align-items: flex-end;
  }
  .md\:align-items\:stretch {
    align-items: stretch;
  }
  .md\:justify-content\:start {
    justify-content: flex-start;
  }
  .md\:justify-content\:center {
    justify-content: center;
  }
  .md\:justify-content\:end {
    justify-content: flex-end;
  }
  .md\:justify-content\:between {
    justify-content: space-between;
  }
  .md\:flex\:row {
    flex-direction: row;
  }
  .md\:flex-shrink\:1 {
    flex-shrink: 1;
  }
  .md\:col\:2 {
    grid-column: span 2/span 2;
  }
  .md\:grid-cols\:3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .md\:grid-cols\:4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .md\:overflow\:visible {
    overflow: visible;
  }
}
@media (min-width: 1280px) {
  .lg\:font\:13xl {
    font-size: 7rem;
  }
  .lg\:font\:14xl {
    font-size: 8rem;
  }
  .lg\:font\:lg {
    font-size: var(--font-lg);
  }
  .lg\:font\:2xl {
    font-size: var(--font-2xl);
  }
  .lg\:font\:4xl {
    font-size: var(--font-4xl);
  }
  .lg\:font\:7xl {
    font-size: var(--font-7xl);
  }
  .lg\:font\:8xl {
    font-size: var(--font-8xl);
  }
  .lg\:font\:10xl {
    font-size: var(--font-10xl);
  }
  .lg\:font\:11xl {
    font-size: var(--font-11xl);
  }
  .lg\:font\:12xl {
    font-size: var(--font-12xl);
  }
  .lg\:h\:96 {
    height: 6rem;
  }
  .lg\:max-w\:640 {
    max-width: 40rem;
  }
  .lg\:max-w\:896 {
    max-width: 56rem;
  }
  .lg\:max-w\:1024 {
    max-width: 64rem;
  }
  .lg\:max-w\:none {
    max-width: none;
  }
  .lg\:w\:96 {
    width: 6rem;
  }
  .lg\:px\:32 {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .lg\:px\:40 {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
  .lg\:gap\:16 {
    gap: 1rem;
  }
  .lg\:align-items\:center {
    align-items: center;
  }
  .lg\:align-items\:start {
    align-items: flex-start;
  }
  .lg\:flex\:row {
    flex-direction: row;
  }
  .lg\:flex\:col {
    flex-direction: column;
  }
  .lg\:col\:1 {
    grid-column: span 1/span 1;
  }
  .lg\:col\:3 {
    grid-column: span 3/span 3;
  }
  .lg\:col-end\:6 {
    grid-column-end: 6;
  }
  .lg\:grid-cols\:3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .lg\:grid-cols\:4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
:root[color-scheme=light] {
  --white: 255,255,255;
  --black: 0,0,0;
  --primary-rg: 207,23,35;
  --primary-hv: 184,0,12;
  --link-rg: 207,23,35;
  --link-hv: 184,0,12;
  --link-lt: 254,161,154;
  --ink-1: 95,89,84;
  --ink-2: 66,64,62;
  --ink-3: 41,38,36;
  --ink-hl: 113,107,102;
  --ink-sh: 41,38,36;
  --sheet-1: 254,252,251;
  --sheet-2: 250,246,245;
  --sheet-3: 244,238,235;
  --sheet-4: 235,228,224;
  --sheet-5: 226,221,218;
  --edge: 222,216,213;
  --base: 244,238,235;
  --lightest: 255,255,255;
  --max: 255,255,255;
  --syntax-red: 231,35,48;
  --syntax-orange: 255,103,0;
  --syntax-green: 77,131,7;
  --syntax-teal: 0,128,112;
  --syntax-blue: 0,115,229;
  --syntax-purple: 121,0,242;
  --syntax-pink: 224,6,151;
}

:root[color-scheme=dark] {
  --link-rg: 255,61,61;
  --link-hv: 255,110,101;
  --link-lt: 255,61,61;
  --ink-1: 144,136,132;
  --ink-2: 186,180,176;
  --ink-3: 254,252,251;
  --ink-hl: 254,252,251;
  --ink-sh: 144,136,132;
  --sheet-1: 35,33,31;
  --sheet-2: 30,28,26;
  --sheet-3: 25,23,21;
  --sheet-4: 17,15,14;
  --sheet-5: 6,5,5;
  --edge: 56,53,50;
  --base: 25,23,21;
  --lightest: 45,41,37;
  --max: 6,5,5;
  --syntax-red: 255,110,101;
  --syntax-orange: 255,149,72;
  --syntax-green: 64,255,106;
  --syntax-teal: 45,255,253;
  --syntax-blue: 89,171,255;
  --syntax-purple: 191,128,255;
  --syntax-pink: 255,64,190;
}

.section {
  position: relative;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1024px) {
  .section {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

.section\:py {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .section\:py {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .section\:py {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }
}

.section\:pt {
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .section\:pt {
    padding-top: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .section\:pt {
    padding-top: 6rem;
  }
}

.section\:pb {
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .section\:pb {
    padding-bottom: 4.5rem;
  }
}
@media (min-width: 1024px) {
  .section\:pb {
    padding-bottom: 6rem;
  }
}

.container {
  position: relative;
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1024px) {
  .container {
    max-width: 72rem;
  }
}
@media (min-width: 1024px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.container\:no-pad {
  position: relative;
  width: 100%;
}
@media (min-width: 1024px) {
  .container\:no-pad {
    max-width: 72rem;
  }
}

@media (min-width: 768px) {
  .sm\:grid\:normal {
    display: grid;
  }
}
@media (min-width: 768px) {
  .sm\:grid\:normal {
    gap: 1.5rem;
  }
}
@media (min-width: 1024px) {
  .sm\:grid\:normal {
    gap: 3rem;
  }
}

@media (min-width: 1024px) {
  .md\:grid\:normal {
    display: grid;
  }
}
@media (min-width: 1024px) {
  .md\:grid\:normal {
    gap: 3rem;
  }
}

.custom-tag {
  text-transform: uppercase;
  font-size: var(--font-2xs);
  line-height: 1;
  letter-spacing: var(--tracking-loosest);
  font-weight: var(--semibold);
  padding: 0.25rem;
  border-radius: var(--radius-sm);
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}

.card {
  position: relative;
  z-index: 1;
  border-radius: var(--radius-xl);
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-2), var(--bg-opacity));
  border-top-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--lightest), var(--border-opacity));
  box-shadow: var(--shadow-2xs);
  overflow: hidden;
  transition: background-color 300ms, border-color 300ms, color 300ms, fill 300ms, stroke 300ms, opacity 300ms, box-shadow 300ms, transform 300ms, top 300ms, right 300ms, bottom 300ms, left 300ms;
  transition-timing-function: cubic-bezier(0, 0.66, 0.33, 1);
  outline: none;
}

.card\:fade {
  --gradient: initial;
  background: linear-gradient(180deg, rgba(var(--sheet-1), 1) 0%, rgba(var(--sheet-3), 1) 100%);
}

.card\:z\:none {
  position: relative;
  border-radius: var(--radius-xl);
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-2), var(--bg-opacity));
  border-top-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--lightest), var(--border-opacity));
  box-shadow: var(--shadow-2xs);
  overflow: hidden;
  transition: background-color 300ms, border-color 300ms, color 300ms, fill 300ms, stroke 300ms, opacity 300ms, box-shadow 300ms, transform 300ms, top 300ms, right 300ms, bottom 300ms, left 300ms;
  transition-timing-function: cubic-bezier(0, 0.66, 0.33, 1);
  outline: none;
}

@media (min-width: 768px) {
  .card\:sticky {
    position: sticky;
  }
}

.card\:border-t\:none {
  border-top-width: 0;
}

@media (min-width: 768px) {
  .card\:shadow\:2xl {
    box-shadow: var(--shadow-2xl);
  }
}

.card\:hover:hover,
.card\:hover:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
  --scale-x: 1.03;
  --scale-y: 1.03;
  box-shadow: var(--shadow-xl);
}

.link {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
  outline: none;
}
.link:hover {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.link:hover {
  text-decoration: underline;
}

.link:focus {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.link:focus {
  text-decoration: underline;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: var(--semibold);
  letter-spacing: var(--tracking-tight);
}

.btn\:sm {
  font-size: var(--font-sm);
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  border-radius: var(--radius-md);
}

.btn\:md {
  font-size: var(--font-md);
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  border-radius: var(--radius-md);
}

.btn\:lg {
  font-size: var(--font-lg);
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  border-radius: var(--radius-md);
}

.btn\:primary {
  position: relative;
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  overflow: hidden;
  outline: none;
  --gradient: initial;
  background: linear-gradient(90deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
  transition-timing-function: ease;
}
.btn\:primary:hover, .btn\:primary:focus-visible {
  opacity: 0.7;
}

.btn\:solid {
  position: relative;
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  overflow: hidden;
  outline: none;
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
  transition-timing-function: ease;
}
.btn\:solid:hover, .btn\:solid:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
}

.btn\:grayscale {
  position: relative;
  --color-opacity: 1;
  color: rgba(var(--sheet-1), var(--color-opacity));
  overflow: hidden;
  outline: none;
  --bg-opacity: 1;
  background-color: rgba(var(--ink-3), var(--bg-opacity));
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
  transition-timing-function: ease;
}
.btn\:grayscale:hover, .btn\:grayscale:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--ink-1), var(--bg-opacity));
}

.btn\:outline {
  position: relative;
  outline: none;
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
  transition-timing-function: ease;
}
.btn\:outline:before {
  border-radius: var(--radius-md);
  --gradient: initial;
  background: linear-gradient(90deg, #422b99, #791b96 19.27%, #a3008b 36.46%, #c5007b 56.77%, #e00066 75.52%, #ff5300);
  content: "";
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.btn\:outline:after {
  --bg-opacity: 1;
  background-color: rgba(var(--base), var(--bg-opacity));
  content: "";
  border-radius: 0.4375rem;
  z-index: -1;
  position: absolute;
  top: 0.0625rem;
  left: 0.0625rem;
  width: calc(100% - 0.125rem);
  height: calc(100% - 0.125rem);
  transition: opacity 100ms ease 0ms;
}
.btn\:outline:hover, .btn\:outline:focus-visible {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
}
.btn\:outline:hover:after, .btn\:outline:focus-visible:after {
  opacity: 0;
}

.btn\:text {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
  transition: background-color 100ms, border-color 100ms, color 100ms, fill 100ms, stroke 100ms, opacity 100ms, box-shadow 100ms, transform 100ms, top 100ms, right 100ms, bottom 100ms, left 100ms;
}
.btn\:text:hover {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
}

.btn\:text:focus-visible {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
  outline: none;
}

.btn\:animate {
  background: var(--gr-primary-animate);
  background-size: 300% 100%;
  animation: btnGradient 5000ms linear infinite normal;
}

@keyframes btnGradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
.btn\:solid.btn\:sm,
.btn\:primary.btn\:sm,
.btn\:grayscale.btn\:sm,
.btn\:outline.btn\:sm {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.btn\:solid.btn\:md,
.btn\:primary.btn\:md,
.btn\:grayscale.btn\:md,
.btn\:outline.btn\:md {
  padding-left: 1rem;
  padding-right: 1rem;
}

.btn\:solid.btn\:lg,
.btn\:primary.btn\:lg,
.btn\:grayscale.btn\:lg,
.btn\:outline.btn\:lg {
  padding-left: 1.125rem;
  padding-right: 1.125rem;
}

.focus\:dk:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  outline: none;
}

.focus\:md:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
  --bg-opacity: 0.2;
  outline: none;
}

.focus\:lt:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
  --bg-opacity: 0.06;
  outline: none;
}

.focus\:black:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--black), var(--bg-opacity));
  --bg-opacity: 1;
  outline: none;
}

.kern\:normal {
  font-kerning: normal;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

.blur-fix {
  transform: translate3d(0, 0, 0);
}

.glow-dash {
  --bg-opacity: 1;
  background-color: rgba(var(--link-lt), var(--bg-opacity));
  border-radius: 9999px;
  opacity: 0;
}

.glow-dash::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  --bg-opacity: 1;
  background-color: rgba(var(--link-lt), var(--bg-opacity));
  border-radius: 9999px;
  content: "";
  box-shadow: 0 0 1rem 0.75rem rgba(var(--link-lt), 1);
}

.glow-dash-down-1 {
  animation: glow-dash-down-fast 5s infinite;
}

@keyframes glow-dash-down-fast {
  0% {
    opacity: 0;
    top: 0;
  }
  15% {
    opacity: 1;
  }
  30% {
    opacity: 0;
    top: 100%;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
.glow-dash-down-2 {
  animation: glow-dash-down-med 8s infinite 2s;
}

@keyframes glow-dash-down-med {
  0% {
    opacity: 0;
    top: 0;
  }
  20% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: 100%;
  }
}
.glow-dash-right-1 {
  animation: glow-dash-right 5s infinite 0.75s;
}

@keyframes glow-dash-right {
  0% {
    opacity: 0;
    left: 0;
  }
  30% {
    opacity: 0;
    left: 0;
  }
  50% {
    opacity: 1;
  }
  70% {
    opacity: 0;
    left: 100%;
  }
  100% {
    opacity: 0;
    left: 100%;
  }
}
.glow-dash-left-1 {
  animation: glow-dash-left 5s infinite 1s;
}

@keyframes glow-dash-left {
  0% {
    opacity: 0;
    right: 0;
  }
  50% {
    opacity: 0;
    right: 0;
  }
  70% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    right: 100%;
  }
  100% {
    opacity: 0;
    right: 100%;
  }
}
#hs-eu-cookie-confirmation {
  background-color: transparent !important;
  color: rgba(var(--ink-1), 1) !important;
  box-shadow: none !important;
  border-top: none !important;
}

#hs-eu-cookie-confirmation-inner {
  background-color: rgba(var(--sheet-1), 1) !important;
  color: rgba(var(--ink-1), 1) !important;
  border-top: 1px solid rgba(var(--edge), 1) !important;
  border-left: 1px solid rgba(var(--edge), 1) !important;
  border-right: 1px solid rgba(var(--edge), 1) !important;
  max-width: 40rem !important;
  border-radius: 0.75rem 0.75rem 0 0 !important;
}

#hs-eu-policy-wording {
  margin-bottom: 0px !important;
}

#hs-eu-cookie-disclaimer {
  color: rgba(var(--ink-1), 1) !important;
  margin: 0.5rem 0 !important;
}

#hs-en-cookie-confirmation-buttons-area {
  justify-content: center !important;
  margin-right: 0 !important;
}
:focus-visible ~ .checked-sibling\:focus {
  --border-opacity: 1;
  border-color: rgba(var(--primary-rg), var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--primary-rg), var(--bg-opacity));
  --bg-opacity: 0.2;
}

:checked ~ .checked-sibling\:switch {
  --bg-opacity: 1;
  background-color: rgba(var(--ink-1), var(--bg-opacity));
  opacity: 1;
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
  --translate-x: 1rem;
  transition: background-color 500ms, border-color 500ms, color 500ms, fill 500ms, stroke 500ms, opacity 500ms, box-shadow 500ms, transform 500ms, top 500ms, right 500ms, bottom 500ms, left 500ms;
  transition-timing-function: cubic-bezier(0, 0.66, 0.33, 1);
}

.title {
  font-weight: var(--bold);
  line-height: 1.1;
  letter-spacing: var(--tracking-tighter);
}

.copy\:sm {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
  line-height: 1.5;
}

.copy\:md {
  --color-opacity: 1;
  color: rgba(var(--ink-2), var(--color-opacity));
  line-height: 1.7;
}

.highlight {
  background: var(--gr-primary);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.text-shade {
  background: var(--text-shade);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

.highlight\:animate {
  background: var(--gr-primary-animate);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  animation: textGradient 5000ms linear infinite normal;
}

@keyframes textGradient {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 100% 50%;
  }
}
[data-menu-btn] {
  position: relative;
  width: 2.125rem;
  height: 2.125rem;
  margin-right: -0.4375rem;
}
[data-menu-btn] div {
  position: absolute;
  width: 1.25rem;
  height: 0.125rem;
  --bg-opacity: 1;
  background-color: rgba(var(--ink-3), var(--bg-opacity));
  left: 0.4375rem;
}
[data-menu-btn] div:nth-child(1) {
  top: 0.625rem;
  transition: transform 250ms cubic-bezier(0, 0.78, 0.22, 1) 0ms, top 250ms cubic-bezier(0, 0.78, 0.22, 1) 250ms;
}
[data-menu-btn] div:nth-child(2) {
  top: 1rem;
  transition: opacity 0ms linear 250ms;
}
[data-menu-btn] div:nth-child(3) {
  top: 1.375rem;
  transition: transform 250ms cubic-bezier(0, 0.78, 0.22, 1) 0ms, top 250ms cubic-bezier(0, 0.78, 0.22, 1) 250ms;
}
[data-menu-btn]:focus-visible {
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
}
[data-menu-btn]:focus-visible div {
  --bg-opacity: 1;
  background-color: rgba(var(--white), var(--bg-opacity));
}

.input {
  border-radius: var(--radius-md);
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--edge), var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}

.input:hover:hover {
  --bg-opacity: 1;
  background-color: rgba(var(--lightest), var(--bg-opacity));
}

.input:hover:hover {
  box-shadow: var(--shadow-xs);
}

.input::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
  opacity: 0.8;
}

.input::placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
  opacity: 0.8;
}

.input:hover::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.input:hover::placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.input:focus-visible::-moz-placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.input:focus-visible::placeholder {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.input:focus-visible {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--lightest), var(--bg-opacity));
  box-shadow: var(--shadow-xs);
}

.input\:sm {
  font-size: var(--font-sm);
}

.input\:md {
  font-size: var(--font-md);
}

.input-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  width: 100%;
}

.input-label {
  position: relative;
  font-size: var(--font-xs);
  font-weight: var(--medium);
  --color-opacity: 1;
  color: rgba(var(--ink-2), var(--color-opacity));
}

.input-label\:lg {
  font-size: var(--font-lg);
}

.checkbox {
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--edge), var(--border-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--lightest), var(--bg-opacity));
  border-radius: var(--radius-xs);
  width: 1.25rem;
  height: 1.25rem;
  flex-shrink: 0;
  cursor: pointer;
}

.checkbox:checked {
  --bg-opacity: 1;
  background-color: rgba(var(--ink-1), var(--bg-opacity));
}

.checkbox-label {
  font-size: var(--font-sm);
}

.required:after {
  position: relative;
  --translate-x: 0;
  --translate-y: 0;
  --rotate: 0;
  --skew-x: 0;
  --skew-y: 0;
  --scale-x: 1;
  --scale-y: 1;
  transform: translateX(var(--translate-x)) translateY(var(--translate-y)) rotate(var(--rotate)) skewX(var(--skew-x)) skewY(var(--skew-y)) scaleX(var(--scale-x)) scaleY(var(--scale-y));
  --translate-y: 0.25rem;
  display: inline-block;
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
  font-size: var(--font-md);
  line-height: 1;
  content: "*";
}

[data-slack-input]::-moz-placeholder {
  font-family: var(--font-mono);
  font-size: var(--font-sm);
  line-height: 1;
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

[data-slack-input]::placeholder {
  font-family: var(--font-mono);
  font-size: var(--font-sm);
  line-height: 1;
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

[data-slack-command]:hover > .slack-input-bg,
[data-slack-command]:focus-within > .slack-input-bg {
  opacity: 1;
}

.rich-text {
  /* CORE TEXT STYLING */
  /* LINK STYLING */
  /* LIST STYLING */
  /* IMG STYLING */
  /* HR STYLING */
  /* CODE STYLING */
  /* SPECIAL STYLES */
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  font-weight: var(--bold);
}
.rich-text p {
  font-weight: var(--regular);
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
  line-height: 1.2;
}
.rich-text p {
  line-height: 1.9;
}
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6,
.rich-text b {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}
.rich-text li,
.rich-text p {
  --color-opacity: 1;
  color: rgba(var(--ink-2), var(--color-opacity));
}
.rich-text h1 {
  font-size: var(--font-5xl);
}
.rich-text h2 {
  font-size: var(--font-4xl);
}
.rich-text h3 {
  font-size: var(--font-3xl);
}
.rich-text h4 {
  font-size: var(--font-2xl);
}
.rich-text h5 {
  font-size: var(--font-xl);
}
.rich-text h6 {
  font-size: var(--font-lg);
}
.rich-text p {
  font-size: var(--font-md);
}
.rich-text h1 {
  margin-top: 3rem;
}
.rich-text h2 {
  margin-top: 3rem;
}
.rich-text h3 {
  margin-top: 2rem;
}
.rich-text h4 {
  margin-top: 1.5rem;
}
.rich-text h5 {
  margin-top: 1.25rem;
}
.rich-text h6 {
  margin-top: 1.125rem;
}
.rich-text p {
  margin-top: 1rem;
}
.rich-text ol {
  margin-top: 1rem;
}
.rich-text ul {
  margin-top: 1rem;
}
.rich-text pre {
  margin-top: 1rem;
}
.rich-text img {
  margin-top: 1rem;
}
.rich-text div {
  margin-top: 1rem;
}
.rich-text pre + p {
  margin-top: 2rem;
}
.rich-text ol + p,
.rich-text ul + p {
  margin-top: 1.5rem;
}
.rich-text p + ol,
.rich-text p + ul {
  margin-top: 0.75rem;
}
.rich-text p + pre {
  margin-top: 0.75rem;
}
.rich-text li > p {
  margin-top: 0;
}
.rich-text li + li {
  margin-top: 0.5rem;
}
.rich-text a {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
  text-decoration: none;
}
.rich-text a:hover {
  --color-opacity: 1;
  color: rgba(var(--link-hv), var(--color-opacity));
  text-decoration: underline;
  outline: none;
}
.rich-text a:focus-visible {
  --color-opacity: 1;
  color: rgba(var(--white), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--primary-hv), var(--bg-opacity));
  border-radius: var(--radius-xs);
  outline: none;
}
.rich-text a > u {
  text-decoration: none;
}
.rich-text ol {
  list-style-type: decimal;
}
.rich-text ul {
  list-style-type: disc;
}
.rich-text li {
  line-height: 1.5;
  padding-left: 0.75rem;
  margin-left: 0.875rem;
}
.rich-text li::marker {
  --color-opacity: 1;
  color: rgba(var(--link-rg), var(--color-opacity));
  font-weight: var(--semibold);
  font-size: var(--font-sm);
}
.rich-text p + img,
.rich-text img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: auto;
  border-radius: var(--radius-md);
}
.rich-text hr {
  width: 100%;
  height: 0.0625rem;
  --bg-opacity: 1;
  background-color: rgba(var(--edge), var(--bg-opacity));
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.rich-text p > code {
  display: inline;
  padding-left: 0.125rem;
  padding-right: 0.125rem;
  border-radius: var(--radius-xs);
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
  font-family: var(--font-mono);
  line-height: 1.4;
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--edge), var(--border-opacity));
  --color-opacity: 1;
  color: rgba(var(--syntax-green), var(--color-opacity));
  font-size: 0.875em;
  word-break: break-word;
  overflow-wrap: break-word;
}
.rich-text > p:first-child {
  font-size: var(--font-xl);
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}
.rich-text.p1-normal > p:first-child {
  font-size: var(--font-md);
  --color-opacity: 1;
  color: rgba(var(--ink-2), var(--color-opacity));
}

/**
 * prism.js default theme for JavaScript, CSS and HTML
 * Based on dabblet (http://dabblet.com)
 * @author Lea Verou
 */
pre,
code[class*=language-],
pre[class*=language-] {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
  font-family: var(--font-mono);
  font-size: var(--font-sm);
  line-height: 1.5;
  width: 100%;
  text-align: left;
  white-space: pre;
  word-spacing: normal;
  word-break: normal;
  word-wrap: normal;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  -webkit-hyphens: none;
  hyphens: none;
}

pre,
pre[class*=language-] {
  position: relative;
  z-index: 1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: flex-start;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  margin-left: 0;
  margin-right: 0;
  border-radius: var(--radius-md);
  border-width: 0.0625rem;
  --border-opacity: 1;
  border-color: rgba(var(--edge), var(--border-opacity));
  overflow: auto;
  scrollbar-color: rgba(var(--ink-1), 1) transparent;
}

pre code {
  margin: 1.5rem 0;
}

code.richtext-code {
  margin: 0 0;
}

pre::-webkit-scrollbar {
  height: 0.75rem;
  border-radius: 0;
}

pre::-webkit-scrollbar-track {
  background: transparent;
}

pre::-webkit-scrollbar-thumb {
  background: rgba(var(--sheet-5), 1);
  border: 4px solid rgba(var(--sheet-1), 1);
  border-radius: 999px;
}

:not(pre) > code[class*=language-],
pre[class*=language-] {
  --bg-opacity: 1;
  background-color: rgba(var(--sheet-1), var(--bg-opacity));
}

:not(pre) > code[class*=language-] {
  padding: 0.1em;
  border-radius: 0.3em;
  white-space: normal;
}


.token.comment,
.token.doctype,
.token.prolog {
  --color-opacity: 1;
  color: rgba(var(--ink-1), var(--color-opacity));
}

.token.punctuation {
  --color-opacity: 1;
  color: rgba(var(--ink-3), var(--color-opacity));
}

.token.attr-name,
.token.deleted,
.token.namespace,
.token.tag {
  --color-opacity: 1;
  color: rgba(var(--syntax-orange), var(--color-opacity));
}

.token.function-name {
  --color-opacity: 1;
  color: rgba(var(--syntax-teal), var(--color-opacity));
}

.token.boolean,
.token.function,
.token.number {
  --color-opacity: 1;
  color: rgba(var(--syntax-green), var(--color-opacity));
}

.token.class-name,
.token.constant,
.token.property,
.token.symbol {
  --color-opacity: 1;
  color: rgba(var(--syntax-pink), var(--color-opacity));
}

.token.atrule,
.token.builtin,
.token.important,
.token.keyword,
.token.selector {
  --color-opacity: 1;
  color: rgba(var(--syntax-purple), var(--color-opacity));
}

.token.attr-value,
.token.char,
.token.regex,
.token.string,
.token.variable {
  --color-opacity: 1;
  color: rgba(var(--syntax-red), var(--color-opacity));
}

.token.entity,
.token.operator,
.token.url {
  --color-opacity: 1;
  color: rgba(var(--syntax-blue), var(--color-opacity));
}

.token.bold,
.token.important {
  font-weight: 700;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.token.inserted {
  --color-opacity: 1;
  color: rgba(var(--syntax-green), var(--color-opacity));
}

/*# sourceMappingURL=main.css.map */