.mobile-dialog[data-v-06479db1]{position:fixed;left:0;right:0;bottom:0;width:100%;font-family:var(--font-pixel);display:flex;flex-direction:row}.mobile-dialog-close[data-v-06479db1]{border:none;font-size:1.5rem;color:#000;background:none;cursor:pointer;padding:0;width:30px;height:30px;font-family:var(--font-pixel);position:absolute;top:0;left:12px;z-index:100}.mobile-dialog-link{&[data-v-06479db1]{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--brand-yellow);color:#333;text-decoration:none;padding:.75rem 1.5rem;font-size:1rem;border:2px solid #000;box-shadow:2px 2px #0006;transition:transform .1s ease;text-align:center;margin-bottom:10px;margin-left:10px;margin-right:10px;width:100%}>img[data-v-06479db1]{height:50px}}.dialog-slide-enter-active[data-v-06479db1],.dialog-slide-leave-active[data-v-06479db1]{transition:all .5s ease}.dialog-slide-enter-from[data-v-06479db1],.dialog-slide-leave-to[data-v-06479db1]{opacity:0;transform:translateY(100%)}@media (min-width: 601px){.mobile-dialog[data-v-06479db1]{display:none}}.content-panel:first-of-type{display:none}.varlock-retro-banner:where(.astro-kysr5hih){line-height:1;color:var(--brand-red);margin:1rem}.varlock-retro-banner-container:where(.astro-kysr5hih){display:flex;justify-content:center}@media screen and (max-width: 700px){.varlock-retro-banner:where(.astro-kysr5hih){font-size:8px}}.logo-list:where(.astro-6myeflas){margin:0;--theme-color: var(--brand-purple);--theme-color-t1: var(--brand-purple--t1)}.logo-list:where(.astro-6myeflas) h2:where(.astro-6myeflas){display:flex;align-items:center;justify-content:center;gap:.5em;margin-bottom:1.5rem}.logo-list:where(.astro-6myeflas) ul:where(.astro-6myeflas){list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.logo-list:where(.astro-6myeflas) li:where(.astro-6myeflas){width:100%}.logo-link:where(.astro-6myeflas){text-decoration:none;color:inherit}.logo-list:where(.astro-6myeflas)[data-theme=purple]{--theme-color: var(--brand-purple);--theme-color-t1: var(--brand-purple--t1)}.logo-list:where(.astro-6myeflas)[data-theme=cyan]{--theme-color: var(--brand-cyan);--theme-color-t1: var(--brand-cyan--t1)}.logo-list:where(.astro-6myeflas)[data-theme=green]{--theme-color: var(--brand-green);--theme-color-t1: var(--brand-green--t1)}.logo-list:where(.astro-6myeflas)[data-theme=blue]{--theme-color: var(--brand-blue);--theme-color-t1: var(--brand-blue--t1)}.logo-list:where(.astro-6myeflas)[data-theme=orange]{--theme-color: var(--brand-orange);--theme-color-t1: var(--brand-orange--t1)}.logo-list:where(.astro-6myeflas)[data-theme=pink]{--theme-color: var(--brand-pink);--theme-color-t1: var(--brand-pink--t1)}.logo-list:where(.astro-6myeflas)[data-theme=red]{--theme-color: var(--brand-red);--theme-color-t1: var(--brand-red--t1)}.logo-list:where(.astro-6myeflas)[data-theme=yellow]{--theme-color: var(--brand-yellow);--theme-color-t1: var(--brand-yellow--t1)}.logo-tile:where(.astro-6myeflas){width:100%;border:1px dotted var(--theme-color-t1);border-radius:12px;padding:1.25rem 1rem;min-height:var(--logo-tile-height, 150px);display:flex;flex-direction:column;align-items:center;gap:.75rem;background:color-mix(in srgb,var(--sl-color-bg),transparent 20%);transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.logo-link:where(.astro-6myeflas):hover .logo-tile:where(.astro-6myeflas),.logo-link:where(.astro-6myeflas):focus-visible .logo-tile:where(.astro-6myeflas){transform:translateY(-4px);border-color:var(--brand-red);box-shadow:0 8px 18px #0000002e}.logo-tile:where(.astro-6myeflas) img:where(.astro-6myeflas){width:56px;height:56px}.logo-icon:where(.astro-6myeflas){width:56px;height:56px;color:var(--theme-color);transition:color .15s ease}.logo-link:where(.astro-6myeflas):hover .logo-icon:where(.astro-6myeflas),.logo-link:where(.astro-6myeflas):focus-visible .logo-icon:where(.astro-6myeflas){color:var(--brand-red)}.logo-tile:where(.astro-6myeflas) span:where(.astro-6myeflas){display:inline-block;max-width:100%;text-align:center;font-size:.95rem;line-height:1.4;text-wrap:balance}:root[data-theme=dark] .logo-tile:where(.astro-6myeflas) img:where(.astro-6myeflas){filter:invert(1)}@media (max-width: 768px){.logo-list:where(.astro-6myeflas) ul:where(.astro-6myeflas){grid-template-columns:repeat(2,1fr);gap:.75rem}}.works-with-container:where(.astro-lntdgafj){display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:4rem 0}@media (max-width: 768px){.works-with-container:where(.astro-lntdgafj){grid-template-columns:1fr;gap:3rem}}.footer-connect{&[data-v-d57f9a58]{margin-top:1rem;border:1px dotted var(--brand-purple);box-shadow:5px 5px 0 var(--brand-purple--t2);margin-top:2rem;padding:1rem}.footer-connect__wrap{&[data-v-d57f9a58]{display:grid;gap:1rem}>div>div[data-v-d57f9a58]:first-child{padding-bottom:.5rem}@media (min-width: 50rem){&[data-v-d57f9a58]{grid-template-columns:1fr 1fr;gap:2rem}>div{&[data-v-d57f9a58]{position:relative}&[data-v-d57f9a58]:before{content:"";position:absolute;left:-1rem;height:100%;width:1px;background:currentColor;opacity:30%}&:first-child{&[data-v-d57f9a58]:before{display:none}}}}}h4[data-v-d57f9a58]{font-size:1.3rem;text-align:center;margin-bottom:1rem}input{&[data-v-d57f9a58]{border:1px solid var(--brand-purple);padding:.5rem 1rem;display:block;width:100%}&[data-v-d57f9a58]:focus{border-color:var(--brand-pink);outline:none}html[data-theme=light] &{&[data-v-d57f9a58]{background:#fff;border-color:#000}&[data-v-d57f9a58]:focus{border-color:var(--brand-pink)}}}.footer-connect__email{&[data-v-d57f9a58]{position:relative;margin-right:30px}button{&[data-v-d57f9a58]{background:none;border:none;position:absolute;left:100%;bottom:0;margin-right:6px;margin-bottom:6px;height:30px;width:30px;padding:0}img[data-v-d57f9a58]{margin-left:6px;height:inherit;width:inherit;display:block}&[data-v-d57f9a58]:hover{transform:scale(1.1)}}}}.pixel-button{&[data-v-d57f9a58]{display:block;height:42px;text-decoration:none;--bg: var(--brand-purple);border:1px dotted var(--bg);background:var(--brand-purple--t2);text-align:center;line-height:42px;color:var(--sl-color-text)}&[data-v-d57f9a58]:hover{background:var(--brand-purple--t1)}}.container{max-width:1000px;margin:0 auto;padding:2rem 1rem;gap:2rem}.button-container{display:flex;justify-content:center;gap:1rem;a{display:block;text-align:center}}.button-container>.sl-link-button{min-width:25%;border:2px solid transparent}.button-container>.sl-link-button:hover{background-color:var(--sl-color-black);color:var(--sl-color-text-accent);border:2px solid var(--sl-color-text-accent);animation:pixelate 1.25s infinite}@keyframes pixelate{0%{border-style:solid}25%{border-style:dotted}50%{border-style:dashed}75%{border-style:dotted}to{border-style:solid}}.button-container>.sl-link-button:after{content:" →";margin-left:.25rem;white-space:nowrap}h1{text-align:center}.tagline{text-decoration:underline;color:var(--brand-cyan)}.sparkle{--sparkle-color: var(--brand-cyan);animation:sparkle-pulse 4s ease-in-out infinite}:root[data-theme=light] .sparkle{--sparkle-color: var(--brand-purple)}@keyframes sparkle-pulse{0%{text-shadow:0 0 0px var(--sparkle-color)}50%{text-shadow:0 0 3px var(--color-text-full-shade-invert),0 0 15px var(--sparkle-color)}to{text-shadow:0 0 0px var(--sparkle-color)}}.description{margin-bottom:2rem;font-size:1.5rem}.component-container{margin-bottom:3rem}.card{border:1px dotted var(--brand-purple--t1);position:relative;background:var(--sl-color-background);transition:transform .2s ease}.card:hover{transform:translateY(-2px)}.card:before{content:"";position:absolute;top:0;left:0;width:10px;height:10px;border-top:2px dotted var(--brand-purple--t1);border-left:2px dotted var(--brand-purple--t1)}.card:after{content:"";position:absolute;bottom:0;right:0;width:10px;height:10px;border-bottom:2px dotted var(--brand-purple--t1);border-right:2px dotted var(--brand-purple--t1)}.card{border-bottom:1px dotted var(--brand-purple--t1);padding:1rem}.card{padding:1rem}.card>.title{font-family:var(--font-pixel);font-weight:var(--font-pixel-weight);margin:0}.card ul{margin:0;padding-left:1.5rem}.card li{margin-bottom:.5rem}.card li:last-child{margin-bottom:0}.features-grid{>div{margin-top:3rem;display:grid;grid-template-columns:3fr 5fr;gap:1rem;align-items:center;@media screen and (max-width: 700px){grid-template-columns:1fr}}img{margin:0}}.homepage-hero{text-align:center;padding-bottom:1em;h1{margin:1em 0;display:flex;gap:1em;justify-content:center;align-items:flex-start;font-size:36px;text-wrap:balance;@media screen and (max-width: 700px){font-size:24px;gap:0em;flex-direction:column;align-items:center}img{display:block;@media screen and (max-width: 700px){&:first-child{display:none}}flex-shrink:0;margin-top:-30px;&:last-child{transform:scaleX(-1);margin-bottom:8px}}}}.env-spec-example-note{padding:0 1em}h2{border:none!important;gap:.3em!important}
