.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}}.footer-connect{&[data-v-94458385]{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-94458385]{display:grid;gap:1rem}>div>div[data-v-94458385]:first-child{padding-bottom:.5rem}@media (min-width: 50rem){&[data-v-94458385]{grid-template-columns:1fr 1fr;gap:2rem}>div{&[data-v-94458385]{position:relative}&[data-v-94458385]:before{content:"";position:absolute;left:-1rem;height:100%;width:1px;background:currentColor;opacity:30%}&:first-child{&[data-v-94458385]:before{display:none}}}}}h4[data-v-94458385]{font-size:1.3rem;text-align:center;margin-bottom:1rem}input{&[data-v-94458385]{border:1px solid var(--brand-purple);padding:.5rem 1rem;display:block;width:100%}&[data-v-94458385]:focus{border-color:var(--brand-pink);background:var);outline:none}html[data-theme=light] &{&[data-v-94458385]{background:#fff;border-color:#000}&[data-v-94458385]:focus{border-color:var(--brand-pink)}}}.footer-connect__email{&[data-v-94458385]{position:relative;margin-right:30px}button{&[data-v-94458385]{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-94458385]{margin-left:6px;height:inherit;width:inherit;display:block}&[data-v-94458385]:hover{transform:scale(1.1)}}}}.pixel-button{&[data-v-94458385]{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-94458385]: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:.5rem}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}