@import"https://use.typekit.net/sjm8rub.css";
@import"https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,200;0,400;0,700;1,400;1,700;1,900&display=swap";
@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap";

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    background: #282a36
}

.hljs-built_in,
.hljs-selector-tag,
.hljs-section,
.hljs-link {
    color: #8be9fd
}

.hljs-keyword {
    color: #ff79c6
}

.hljs,
.hljs-subst {
    color: #f8f8f2
}

.hljs-title,
.hljs-attr,
.hljs-meta-keyword {
    font-style: italic;
    color: #50fa7b
}

.hljs-string,
.hljs-meta,
.hljs-name,
.hljs-type,
.hljs-symbol,
.hljs-bullet,
.hljs-addition,
.hljs-variable,
.hljs-template-tag,
.hljs-template-variable {
    color: #f1fa8c
}

.hljs-comment,
.hljs-quote,
.hljs-deletion {
    color: #6272a4
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-literal,
.hljs-title,
.hljs-section,
.hljs-doctag,
.hljs-type,
.hljs-name,
.hljs-strong {
    font-weight: 700
}

.hljs-literal,
.hljs-number {
    color: #bd93f9
}

.hljs-emphasis {
    font-style: italic
}

@font-face {
    font-family: Cambon;
    src: url(./fonts/cambon/Cambon-Bold.eot);
    src: local("Cambon Bold"), local("Cambon-Bold"), url(./fonts/cambon/Cambon-Bold.eot?#iefix) format("embedded-opentype"), url(./fonts/cambon/Cambon-Bold.woff2) format("woff2"), url(./fonts/cambon/Cambon-Bold.woff) format("woff"), url(./fonts/cambon/Cambon-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

*,
:before,
:after {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
    border-color: #e5e7eb
}

:before,
:after {
    --tw-content: ""
}

html,
:host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: Public Sans, sans-serif;
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

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

a {
    color: inherit;
    text-decoration: inherit
}

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp,
pre {
    font-family: Roboto Mono, monospaced;
    font-feature-settings: normal;
    font-variation-settings: normal;
    font-size: 1em
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    font-size: 100%;
    font-weight: inherit;
    line-height: inherit;
    color: inherit;
    margin: 0;
    padding: 0
}

button,
select {
    text-transform: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button;
    background-color: transparent;
    background-image: none
}

:-moz-focusring {
    outline: auto
}

:-moz-ui-invalid {
    box-shadow: none
}

progress {
    vertical-align: baseline
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
    margin: 0
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
    padding: 0
}

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

input::placeholder,
textarea::placeholder {
    opacity: 1;
    color: #9ca3af
}

button,
[role=button] {
    cursor: pointer
}

:disabled {
    cursor: default
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

::-moz-selection {
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

::selection {
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

html,
body {
    margin: 0;
    scroll-behavior: smooth;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 0;
    font-family: Public Sans, sans-serif;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

html:where(.dark, .dark *),
body:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(24 19 17 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

hr {
    width: 100%;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity));
    background-color: transparent
}

section {
    margin-bottom: 270px
}

svg {
    fill: currentColor
}

.right-click-menu {
    position: relative;
    width: 280px;
    border-radius: 4px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(24 19 17 / var(--tw-bg-opacity));
    --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

.right-click-menu:before {
    position: absolute;
    left: 1.25rem;
    top: -30px;
    z-index: 10;
    display: block;
    height: 0px;
    width: 0px;
    border-width: 15px;
    border-color: transparent;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(143 87 255 / var(--tw-border-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.right-click-menu:after {
    position: absolute;
    left: 1.25rem;
    top: -28px;
    z-index: 20;
    display: block;
    height: 0px;
    width: 0px;
    border-width: 15px;
    border-color: transparent;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(24 19 17 / var(--tw-border-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

nav ul li {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

nav ul li a:hover {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.nav-dropdown {
    position: relative;
    width: 380px;
    border-radius: 4px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(24 19 17 / var(--tw-bg-opacity))
}

.nav-dropdown:before {
    position: absolute;
    right: 1.25rem;
    top: -30px;
    z-index: 10;
    display: block;
    height: 0px;
    width: 0px;
    border-width: 15px;
    border-color: transparent;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(143 87 255 / var(--tw-border-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.nav-dropdown:after {
    position: absolute;
    right: 1.25rem;
    top: -29px;
    z-index: 20;
    display: block;
    height: 0px;
    width: 0px;
    border-width: 15px;
    border-color: transparent;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(24 19 17 / var(--tw-border-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.right-click-menu ul li,
.nav-dropdown ul li {
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(143 87 255 / var(--tw-border-opacity));
    padding: 1.25rem 1rem
}

.right-click-menu ul li:last-child,
.nav-dropdown ul li:last-child {
    border-bottom-width: 0px
}

.nav-dropdown ul li a {
    display: flex;
    gap: .75rem
}

.nav-dropdown ul li svg {
    --tw-text-opacity: 1;
    color: rgb(143 87 255 / var(--tw-text-opacity))
}

.nav-dropdown ul li strong {
    margin-bottom: .25rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.nav-dropdown ul li a:hover svg {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.nav-dropdown ul li p {
    margin: 0;
    padding: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

footer h4 {
    margin-bottom: 1.25rem;
    font-size: .75rem;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.25rem;
    letter-spacing: .05em;
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

footer h4:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

footer ul {
    margin: 0;
    padding: 0
}

footer ul li {
    margin-bottom: 1.25rem;
    line-height: 1.25rem
}

footer ul li a {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

footer ul li a:hover {
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity));
    text-decoration-line: underline
}

footer ul li a:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

footer ul:not(.social) li a svg {
    position: relative;
    top: -2px;
    opacity: .3;
    transition-property: all;
    transition-duration: .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

footer ul:not(.social) li a svg:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

footer ul:not(.social) li a:hover svg {
    --tw-translate-x: .25rem;
    --tw-translate-y: -.25rem;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity));
    opacity: 1
}

footer ul:not(.social) li a:hover svg:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

footer ul.social li a {
    gap: 1rem
}

footer ul.social li a svg {
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

footer ul.social li a:hover svg {
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

footer ul.social li a:hover svg:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

*,
: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(59 130 246 / .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: ;
}

::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(59 130 246 / .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: ;
}

.header {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.75rem;
    margin-bottom: -86px;
}

.home-hero {
    background: linear-gradient(180deg, rgba(24, 19, 17, 1) 0%, rgba(24, 19, 17, 0) 100px, rgba(24, 19, 17, 1) 100%), url(./hero.jpg) center top no-repeat;
    min-height: 800px;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 1.75rem
}

@media (min-width: 768px) {
    .home-hero {
        background: url(./hero.jpg) center top no-repeat;
        min-height: 800px;
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        padding-top: 1.75rem
    }
}

.home-hero h1,
.home-hero h2,
.home-hero p {
    text-shadow: 0px 0px 47.827px #000
}

.bento-box {
    border-radius: .5rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity))
}

.bento-box h3 {
    margin-bottom: 1.25rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.bento-box h3:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.bento-box p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.375;
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.bento-box.third {
    grid-column: span 2 / span 2
}

.bento-box.half {
    grid-column: span 3 / span 3
}

.tag-soon {
    --tw-bg-opacity: 1;
    background-color: rgb(220 248 180 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(93 150 12 / var(--tw-text-opacity))
}

.tag-later {
    --tw-bg-opacity: 1;
    background-color: rgb(241 171 120 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(148 71 17 / var(--tw-text-opacity))
}

.tag-done {
    --tw-bg-opacity: 1;
    background-color: rgb(176 151 178 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(81 60 81 / var(--tw-text-opacity))
}

.tag-planned {
    --tw-bg-opacity: 1;
    background-color: rgb(188 209 219 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(71 113 133 / var(--tw-text-opacity))
}

.button {
    display: inline-block;
    border-radius: 4px;
    --tw-bg-opacity: 1;
    background-color: rgb(141 225 18 / var(--tw-bg-opacity));
    padding: .75rem 1.25rem;
    font-family: Public Sans, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .button {
        padding: 1rem 1.75rem
    }
}

.button:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity))
}

.button.outline {
    cursor: pointer;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(106 169 16 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

.button.outline:hover {
    --tw-border-opacity: 1;
    border-color: rgb(106 169 16 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(106 169 16 / var(--tw-bg-opacity))
}

.button.outline:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(196 244 130 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.button.outline:hover:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-color: rgb(196 244 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.blog-post h2 {
    margin-bottom: .5rem;
    font-family: Cambon, serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.blog-post h2:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.blog-post h3,
.changelog h3 {
    margin-bottom: .5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.blog-post h3:where(.dark, .dark *),
.changelog h3:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.blog-post p {
    margin-bottom: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.blog-post p:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.blog-post div[data-node-type=callout] {
    margin-bottom: 2.5rem;
    display: flex;
    gap: .5rem;
    border-radius: .375rem;
    border-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity));
    padding: 1.25rem 2rem 2rem 1rem;
    line-height: 1.625
}

.blog-post div[data-node-type=callout-emoji] {
    position: relative;
    top: -2px;
    font-size: 1.5rem;
    line-height: 2rem
}

.blog-post div[data-node-type=callout-text] {
    position: relative;
    top: .5rem
}

.changelog p {
    margin-bottom: 2.5rem;
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.changelog ul {
    margin-bottom: 2.5rem;
    list-style-position: inside;
    list-style-type: disc
}

.blog-post ol,
.blog-post ul {
    margin-bottom: 2.5rem;
    padding-left: 2.5rem
}

.blog-post ul {
    list-style-type: none
}

.blog-post ol {
    counter-reset: ordered-list
}

.blog-post ol li {
    margin-bottom: 1rem
}

.blog-post li,
.changelog li {
    position: relative;
    margin-bottom: .5rem
}

.blog-post code {
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

.blog-post code:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.blog-post ol li {
    margin-bottom: 1.5rem
}

.blog-post ol li:before {
    counter-increment: ordered-list;
    content: counter(ordered-list);
    position: absolute;
    top: -8px;
    left: -40px;
    font-family: Cambon, serif;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(143 87 255 / var(--tw-text-opacity))
}

.blog-post ul li {
    padding-bottom: 1.5rem
}

.blog-post ul li:before {
    position: absolute;
    left: -12px;
    top: 10px;
    display: block;
    height: .25rem;
    width: .25rem;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(106 169 16 / var(--tw-bg-opacity));
    --tw-content: "";
    content: var(--tw-content)
}

.blog-post ul li:where(.dark, .dark *):before {
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity))
}

.blog-post li p {
    width: 90%
}

.blog-post li p:first-child {
    margin: 0;
    display: inline-block;
    padding: 0
}

.blog-post a {
    border-bottom-width: 1px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
    border-top-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.blog-post a:hover {
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

.blog-post a:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.blog-post a:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.blog-post blockquote {
    margin-bottom: 2.5rem;
    border-left-width: 3px;
    --tw-border-opacity: 1;
    border-color: rgb(38 38 38 / var(--tw-border-opacity));
    padding-left: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .25rem
}

.blog-post blockquote p {
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.blog-post blockquote p:last-of-type {
    margin-bottom: 0;
    padding-bottom: .5rem
}

.blog-post pre {
    margin-bottom: 2rem;
    overflow-x: scroll;
    border-radius: .375rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
    padding: 1rem 1.25rem
}

.changelog a {
    border-bottom-width: 1px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
    border-top-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.changelog a:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity))
}

.brand-kit-content h2 {
    margin-bottom: 1.5rem;
    font-family: Public Sans, sans-serif;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 200
}

.brand-kit-content ul {
    list-style-type: disc;
    padding-left: 2rem
}

.brand-kit-content p,
.brand-kit-content li {
    font-family: Public Sans, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.625;
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.brand-kit-content li {
    margin-bottom: 2.5rem
}

.asset-button {
    display: inline-block;
    border-radius: 4px;
    border-width: 1px;
    padding: .75rem 1.25rem;
    font-family: Public Sans, sans-serif;
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (min-width: 768px) {
    .asset-button {
        padding: 1rem 1.75rem
    }
}

.dark-mode .asset-button {
    cursor: pointer;
    --tw-border-opacity: 1;
    border-color: rgb(196 244 130 / var(--tw-border-opacity));
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.dark-mode .asset-button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(196 244 130 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(196 244 130 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.light-mode .asset-button {
    --tw-border-opacity: 1;
    border-color: rgb(106 169 16 / var(--tw-border-opacity));
    background-color: transparent;
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

.light-mode .asset-button:hover {
    --tw-border-opacity: 1;
    border-color: rgb(106 169 16 / var(--tw-border-opacity));
    --tw-bg-opacity: 1;
    background-color: rgb(106 169 16 / var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: sticky
}

.inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.-right-6 {
    right: -1.5rem
}

.-top-\[100vh\] {
    top: -100vh
}

.bottom-4 {
    bottom: 1rem
}

.left-6 {
    left: 1.5rem
}

.right-0 {
    right: 0
}

.right-4 {
    right: 1rem
}

.top-1 {
    top: .25rem
}

.top-12 {
    top: 3rem
}

.top-4 {
    top: 1rem
}

.top-5 {
    top: 1.25rem
}

.top-\[64px\] {
    top: 64px
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

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

.col-span-5 {
    grid-column: span 5 / span 5
}

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

.col-span-7 {
    grid-column: span 7 / span 7
}

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

.\!mb-0 {
    margin-bottom: 0 !important
}

.-mb-\[2px\] {
    margin-bottom: -2px
}

.-mr-\[2px\] {
    margin-right: -2px
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-14 {
    margin-bottom: 3.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-20 {
    margin-bottom: 5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-7 {
    margin-bottom: 1.75rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[100px\] {
    margin-bottom: 100px
}

.mb-\[270px\] {
    margin-bottom: 270px
}

.mb-\[44px\] {
    margin-bottom: 44px
}

.mr-16 {
    margin-right: 4rem
}

.mr-5 {
    margin-right: 1.25rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-\[350px\] {
    margin-top: 350px
}

.mt-auto {
    margin-top: auto
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.table {
    display: table
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.aspect-video {
    aspect-ratio: 16 / 9
}

.size-4 {
    width: 1rem;
    height: 1rem
}

.h-\[2px\] {
    height: 2px
}

.h-\[53px\] {
    height: 53px
}

.h-screen {
    height: 100vh
}

.max-h-\[100px\] {
    max-height: 100px
}

.min-h-\[300px\] {
    min-height: 300px
}

.w-8 {
    width: 2rem
}

.w-\[185px\] {
    width: 185px
}

.w-full {
    width: 100%
}

.w-screen {
    width: 100vw
}

.max-w-\[360px\] {
    max-width: 360px
}

.flex-1 {
    flex: 1 1 0%
}

.cursor-pointer {
    cursor: pointer
}

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

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

.grid-cols-\[120px_1fr\] {
    grid-template-columns: 120px 1fr
}

.flex-row {
    flex-direction: row
}

.flex-col {
    flex-direction: column
}

.items-center {
    align-items: center
}

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

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

.gap-1 {
    gap: .25rem
}

.gap-12 {
    gap: 3rem
}

.gap-2 {
    gap: .5rem
}

.gap-3 {
    gap: .75rem
}

.gap-4 {
    gap: 1rem
}

.gap-5 {
    gap: 1.25rem
}

.gap-6 {
    gap: 1.5rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-9 {
    gap: 2.25rem
}

.gap-\[100px\] {
    gap: 100px
}

.gap-\[6px\] {
    gap: 6px
}

.gap-\[72px\] {
    gap: 72px
}

.gap-x-5 {
    -moz-column-gap: 1.25rem;
    column-gap: 1.25rem
}

.gap-x-6 {
    -moz-column-gap: 1.5rem;
    column-gap: 1.5rem
}

.gap-y-5 {
    row-gap: 1.25rem
}

.gap-y-8 {
    row-gap: 2rem
}

.self-end {
    align-self: flex-end
}

.overflow-hidden {
    overflow: hidden
}

.rounded-\[4px\] {
    border-radius: 4px
}

.rounded-full {
    border-radius: 9999px
}

.rounded-md {
    border-radius: .375rem
}

.rounded-br-lg {
    border-bottom-right-radius: .5rem
}

.border-1 {
    border-width: 1px
}

.border-2 {
    border-width: 2px
}

.border-b-1 {
    border-bottom-width: 1px
}

.border-b-2 {
    border-bottom-width: 2px
}

.border-t-1 {
    border-top-width: 1px
}

.border-battleshipGray {
    --tw-border-opacity: 1;
    border-color: rgb(130 130 130 / var(--tw-border-opacity))
}

.border-maiTai {
    --tw-border-opacity: 1;
    border-color: rgb(143 87 255 / var(--tw-border-opacity))
}

.border-b-black {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity))
}

.border-b-maiTai {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(143 87 255 / var(--tw-border-opacity))
}

.border-t-maiTai {
    --tw-border-opacity: 1;
    border-top-color: rgb(143 87 255 / var(--tw-border-opacity))
}

.bg-\[\#111\] {
    --tw-bg-opacity: 1;
    background-color: rgb(17 17 17 / var(--tw-bg-opacity))
}

.bg-darkPastelRed {
    --tw-bg-opacity: 1;
    background-color: rgb(191 71 34 / var(--tw-bg-opacity))
}

.bg-licorice {
    --tw-bg-opacity: 1;
    background-color: rgb(24 19 17 / var(--tw-bg-opacity))
}

.bg-neutral-200 {
    --tw-bg-opacity: 1;
    background-color: rgb(229 229 229 / var(--tw-bg-opacity))
}

.bg-transparent {
    background-color: transparent
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity))
}

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

.p-7 {
    padding: 1.75rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

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

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

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

.px-7 {
    padding-left: 1.75rem;
    padding-right: 1.75rem
}

.px-\[14px\] {
    padding-left: 14px;
    padding-right: 14px
}

.px-bentoX {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-page {
    padding-left: 6.25rem;
    padding-right: 6.25rem
}

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

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

.py-18 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

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

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

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

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

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.py-bentoY {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem
}

.pb-5 {
    padding-bottom: 1.25rem
}

.pl-4 {
    padding-left: 1rem
}

.pl-bentoX {
    padding-left: 2rem
}

.pr-5 {
    padding-right: 1.25rem
}

.pr-bentoX {
    padding-right: 2rem
}

.pt-10 {
    padding-top: 2.5rem
}

.pt-5 {
    padding-top: 1.25rem
}

.pt-bentoY {
    padding-top: 1.75rem
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.font-mono {
    font-family: Roboto Mono, monospaced
}

.font-sans {
    font-family: Public Sans, sans-serif
}

.font-serif {
    font-family: Cambon, serif
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-6xl {
    font-size: 3.75rem;
    line-height: 1
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-\[28px\] {
    font-size: 28px
}

.text-base {
    font-size: 1rem;
    line-height: 1.5rem
}

.text-lg {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-xs {
    font-size: .75rem;
    line-height: 1rem
}

.font-black {
    font-weight: 900
}

.font-bold {
    font-weight: 700
}

.font-extralight {
    font-weight: 200
}

.font-normal {
    font-weight: 400
}

.font-thin {
    font-weight: 100
}

.uppercase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.leading-6 {
    line-height: 1.5rem
}

.leading-none {
    line-height: 1
}

.leading-normal {
    line-height: 1.5
}

.leading-relaxed {
    line-height: 1.625
}

.leading-snug {
    line-height: 1.375
}

.leading-tight {
    line-height: 1.25
}

.tracking-wide {
    letter-spacing: .025em
}

.tracking-wider {
    letter-spacing: .05em
}

.text-battleshipGray {
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity))
}

.text-maiTai {
    --tw-text-opacity: 1;
    color: rgb(143 87 255 / var(--tw-text-opacity))
}

.text-sulu {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.underline {
    text-decoration-line: underline
}

.no-underline {
    text-decoration-line: none
}

.opacity-50 {
    opacity: .5
}

.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s
}

.page-content {
    padding: 3.5rem 1.25rem
}

@media (min-width: 768px) {
    .page-content {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }
}

.section-heading {
    font-family: Cambon, serif;
    font-size: 3.75rem;
    font-weight: 700;
    line-height: 1;
    --tw-text-opacity: 1;
    color: rgb(143 87 255 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .section-heading {
        font-size: 4.5rem
    }
}

.section-subheading {
    font-family: Public Sans, sans-serif;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 200;
    line-height: 1.5
}

.view-all {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-family: Public Sans, sans-serif;
    font-size: .75rem;
    line-height: 1rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .05em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.view-all span {
    border-bottom-width: 1px;
    border-top-width: 1px;
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity));
    border-top-color: transparent
}

.view-all span:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity))
}

.center {
    display: flex;
    align-items: center;
    justify-content: center
}

.circle {
    aspect-ratio: 1 / 1;
    border-radius: 9999px
}

.page-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem
}

@media (min-width: 1024px) {
    .page-grid {
        grid-template-columns: repeat(12, minmax(0, 1fr))
    }
}

.dark-image,
.light-image {
    display: none
}

html.dark .dark-image {
    display: block
}

html:not(.dark) .light-image {
    display: block
}

.hover\:border-b-alienArmpit:hover {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(141 225 18 / var(--tw-border-opacity))
}

.hover\:text-christi:hover {
    --tw-text-opacity: 1;
    color: rgb(106 169 16 / var(--tw-text-opacity))
}

.hover\:text-sulu:hover {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.hover\:underline:hover {
    text-decoration-line: underline
}

.hover\:no-underline:hover {
    text-decoration-line: none
}

.group\/readMoreBlogLink:hover .group-hover\/readMoreBlogLink\:border-sulu {
    --tw-border-opacity: 1;
    border-color: rgb(196 244 130 / var(--tw-border-opacity))
}

.group\/link:hover .group-hover\/link\:border-b-alienArmpit {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(141 225 18 / var(--tw-border-opacity))
}

.group\/link:hover .group-hover\/link\:border-b-sulu {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity))
}

.group\/brandKit:hover .group-hover\/brandKit\:text-sulu,
.group\/copyLogo:hover .group-hover\/copyLogo\:text-sulu,
.group\/openLink:hover .group-hover\/openLink\:text-sulu,
.group:hover .group-hover\:text-sulu {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mr-0 {
        margin-right: 0
    }

    .md\:mt-36 {
        margin-top: 9rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:hidden {
        display: none
    }

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

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

    .md\:flex-row {
        flex-direction: row
    }

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

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

    .md\:gap-5 {
        gap: 1.25rem
    }

    .md\:px-page {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }

    .md\:pl-page {
        padding-left: 6.25rem
    }

    .md\:pr-0 {
        padding-right: 0
    }

    .md\:text-18 {
        font-size: 4.5rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:text-8xl {
        font-size: 6rem;
        line-height: 1
    }

    .md\:text-base {
        font-size: 1rem;
        line-height: 1.5rem
    }

    .md\:text-lg {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

    .md\:leading-\[74px\] {
        line-height: 74px
    }
}

@media (min-width: 1024px) {
    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:grid {
        display: grid
    }

    .lg\:px-page {
        padding-left: 6.25rem;
        padding-right: 6.25rem
    }

    .lg\:pr-0 {
        padding-right: 0
    }

    .lg\:pr-page {
        padding-right: 6.25rem
    }

    .lg\:pt-18 {
        padding-top: 4.5rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .xl\:col-span-6 {
        grid-column: span 6 / span 6
    }

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

.dark\:block:where(.dark, .dark *) {
    display: block
}

.dark\:hidden:where(.dark, .dark *) {
    display: none
}

.dark\:border-b-white:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.dark\:bg-neutral-800:where(.dark, .dark *) {
    --tw-bg-opacity: 1;
    background-color: rgb(38 38 38 / var(--tw-bg-opacity))
}

.dark\:text-battleshipGray:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(130 130 130 / var(--tw-text-opacity))
}

.dark\:text-white:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.dark\:hover\:border-b-sulu:hover:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity))
}

.dark\:hover\:text-sulu:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(196 244 130 / var(--tw-text-opacity))
}

.dark\:hover\:text-white:hover:where(.dark, .dark *) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.group\/link:hover .dark\:group-hover\/link\:border-b-sulu:where(.dark, .dark *) {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(196 244 130 / var(--tw-border-opacity))
}