@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-cyrillic-ext-wght-normal.CN0639WT.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-cyrillic-wght-normal.CWUSIOo3.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-greek-ext-wght-normal.B8D921GV.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-greek-wght-normal.ga5vWNon.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-latin-ext-wght-normal.BBU9H7uk.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/_astro/fira-code-latin-wght-normal.D5jBWLYW.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.newsletter-container:where(.astro-motrwrji){display:flex;flex-direction:column;justify-content:center;gap:.5rem;text-wrap:wrap}.newsletter-inputs:where(.astro-motrwrji){display:flex;flex-direction:row;gap:.5rem;align-items:center;height:fit-content;max-width:400px}.newsletter-button:where(.astro-motrwrji){display:flex;flex-direction:row;justify-content:end;align-items:center;gap:.5rem}.newsletter-email-input:where(.astro-motrwrji){height:40px}.ecosystem-heading:where(.astro-pyajzheh){display:flex;flex-direction:row;gap:1.5rem;align-items:center;justify-content:center;text-align:center;font-size:2em;margin-bottom:2rem}.ecosystem:where(.astro-pyajzheh){margin-top:4rem!important;padding:0 10vw;padding-bottom:4rem!important}@media screen and (max-width: 1500px){.ecosystem:where(.astro-pyajzheh){padding:2rem}}.ecosystem-benefits:where(.astro-pyajzheh){display:flex;flex-direction:row;gap:2rem;flex-wrap:wrap}.benefit-card:where(.astro-pyajzheh){width:calc((100% / 3) - (4rem / 3));padding:2rem;border-radius:1rem;background-color:var(--background-step-1);display:flex;flex-direction:column;gap:.5rem}.benefit-card:where(.astro-pyajzheh) h3:where(.astro-pyajzheh){font-size:1.5em;font-weight:600}@media screen and (max-width: 1100px){.benefit-card:where(.astro-pyajzheh){width:calc(50% - 1rem)}.benefit-card:where(.astro-pyajzheh):last-of-type{width:100%}}@media screen and (max-width: 640px){.benefit-card:where(.astro-pyajzheh){width:100%}}@media screen and (max-width: 655px){.ecosystem-heading:where(.astro-pyajzheh){flex-direction:column}.studiocms-logo-header-icon:where(.astro-pyajzheh){width:96px;height:91.52px}}.sui-text-content span{line-height:1!important}.hero:where(.astro-zypivoos){width:100%;margin-top:6rem!important;padding:0 10vw;min-height:calc(100vh - 16rem);position:relative;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:2rem;grid-template-areas:"checkbox  input     input      toggle     modal    modal    selects  selects" "hero-text hero-text hero-text  hero-text  theme    theme    selects  selects" "hero-text hero-text hero-text  hero-text  divider  divider  divider  divider" "hero-text hero-text hero-text  hero-text  button   button   radio    radio" "user      user      textarea   textarea   textarea textarea radio    radio" "toast     toast     textarea   textarea   textarea textarea dropdown dropdown"}.text:where(.astro-zypivoos){font-size:1.5em;text-align:center;max-width:40vw;z-index:10}.hero:where(.astro-zypivoos)>div:where(.astro-zypivoos){background-color:var(--background-step-1);border-radius:1rem;padding:2rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:.5;transition:all .15s ease}.hero:where(.astro-zypivoos)>div:where(.astro-zypivoos):hover,.hero:where(.astro-zypivoos)>div:where(.astro-zypivoos):has(*:focus){opacity:1}.hero:where(.astro-zypivoos) .checkbox:where(.astro-zypivoos){grid-area:checkbox}.hero:where(.astro-zypivoos) .input:where(.astro-zypivoos){grid-area:input}.hero:where(.astro-zypivoos) .toggle:where(.astro-zypivoos){grid-area:toggle}.hero:where(.astro-zypivoos) .modal:where(.astro-zypivoos){grid-area:modal}.hero:where(.astro-zypivoos) .selects:where(.astro-zypivoos){grid-area:selects;flex-direction:column;justify-content:space-evenly}.hero:where(.astro-zypivoos) .hero-text:where(.astro-zypivoos){display:flex!important;flex-direction:column;grid-area:hero-text;display:block;opacity:1;align-items:flex-start;justify-content:space-evenly;text-wrap:pretty!important}.hero:where(.astro-zypivoos) .hero-text:where(.astro-zypivoos) h1:where(.astro-zypivoos){font-size:3em;line-height:1.25;text-wrap:pretty}.hero:where(.astro-zypivoos) .hero-text:where(.astro-zypivoos) .hero-desc:where(.astro-zypivoos){font-size:1.25em}.cta-buttons:where(.astro-zypivoos){display:flex;flex-direction:row;gap:2rem}.hero:where(.astro-zypivoos) .theme:where(.astro-zypivoos){grid-area:theme}.hero:where(.astro-zypivoos) .divider:where(.astro-zypivoos){grid-area:divider}.hero:where(.astro-zypivoos) .docs-cta:where(.astro-zypivoos){grid-area:docs-cta;opacity:1}.hero:where(.astro-zypivoos) .github-cta:where(.astro-zypivoos){grid-area:github-cta;opacity:1}.hero:where(.astro-zypivoos) .button:where(.astro-zypivoos){grid-area:button}.hero:where(.astro-zypivoos) .radio:where(.astro-zypivoos){grid-area:radio}.hero:where(.astro-zypivoos) .dropdown:where(.astro-zypivoos){grid-area:dropdown}.hero:where(.astro-zypivoos) .textarea:where(.astro-zypivoos){grid-area:textarea}.hero:where(.astro-zypivoos) .toast:where(.astro-zypivoos){grid-area:toast}.hero:where(.astro-zypivoos) .user:where(.astro-zypivoos){grid-area:user}.github-icon:where(.astro-zypivoos){width:24px;height:auto}@media screen and (max-width: 1500px){.hero:where(.astro-zypivoos){padding:0 2rem}}@media screen and (max-width: 1280px){.hero:where(.astro-zypivoos){grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;grid-template-areas:"checkbox  input     input      toggle     selects  selects" "hero-text hero-text hero-text  hero-text  selects  selects" "hero-text hero-text hero-text  hero-text  divider  divider" "hero-text hero-text hero-text  hero-text radio    radio" "user      user      textarea   textarea   radio    radio" "toast     toast     textarea   textarea   dropdown dropdown" "modal     modal     button     button     theme    theme"}}@media screen and (max-width: 1100px){.hero:where(.astro-zypivoos){grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"input     input     checkbox   checkbox" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "user      user      textarea   textarea" "toast     toast     textarea   textarea" "divider   divider   divider    divider" "theme     theme     radio      radio" "selects   selects   radio      radio" "selects   selects   toggle     toggle" "modal     modal     dropdown   dropdown" "button    button    dropdown   dropdown"}.hero-text:where(.astro-zypivoos){gap:1rem}}@media screen and (max-width: 640px){.hero:where(.astro-zypivoos){grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"input     input     checkbox   checkbox" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "hero-text hero-text hero-text  hero-text" "textarea  textarea  textarea   textarea" "toast     toast     user       user" "divider   divider   divider    divider" "theme     theme     radio      radio" "toggle    toggle    radio      radio" "selects   selects   selects    selects" "modal     modal     dropdown   dropdown" "button    button    dropdown   dropdown"}.hero:where(.astro-zypivoos)>div:where(.astro-zypivoos){padding:1rem!important;opacity:1}.hero:where(.astro-zypivoos)>div:where(.astro-zypivoos).selects{gap:1rem}.hero-text:where(.astro-zypivoos) h1:where(.astro-zypivoos){font-size:2.5em!important}.hero-text:where(.astro-zypivoos) p:where(.astro-zypivoos){font-size:.975em!important}.cta-buttons:where(.astro-zypivoos){gap:1rem}}@media screen and (max-width: 520px){.hero:where(.astro-zypivoos){grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"input      input      checkbox   checkbox" "hero-text  hero-text  hero-text  hero-text" "hero-text  hero-text  hero-text  hero-text" "hero-text  hero-text  hero-text  hero-text" "hero-text  hero-text  hero-text  hero-text" "textarea   textarea   textarea   textarea" "toast      toast      user       user" "divider    divider    divider    divider" "theme      theme      radio      radio" "toggle     toggle     radio      radio" "selects    selects    selects    selects" "modal      modal      dropdown   dropdown" "button     button     dropdown   dropdown"}}@media screen and (max-width: 460px){.cta-buttons:where(.astro-zypivoos){flex-direction:column;width:100%}.cta-buttons:where(.astro-zypivoos) a:where(.astro-zypivoos){width:100%;justify-content:center}}.heading{font-size:1.5em;font-weight:700;margin-bottom:.75rem}.form-inputs{display:flex;flex-direction:column;gap:.5rem}.form-card{max-width:480px!important}header:where(.astro-aglfhds7){margin-top:8rem;margin-bottom:2rem;width:65ch;max-width:100%}.page-header-icon:where(.astro-aglfhds7){transform:scale(2);transform-origin:top left;margin-bottom:1.5rem}h2:where(.astro-aglfhds7){font-size:2em;margin-bottom:1rem}.showcase:where(.astro-opmc2uqo){margin-top:4rem!important;padding:4rem 10vw;width:100%;background:var(--background-step-1)}@media screen and (max-width: 1500px){.showcase:where(.astro-opmc2uqo){padding:2rem}}.preview-code-container:where(.astro-opmc2uqo){display:flex;flex-direction:row;width:100%;margin-top:2rem;gap:2rem}.preview-code-container:where(.astro-opmc2uqo)>div:where(.astro-opmc2uqo){width:100%;max-width:50%}.preview-container:where(.astro-opmc2uqo){background-color:var(--background-base);padding:2rem;border-radius:1rem;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 1100px){.preview-code-container:where(.astro-opmc2uqo){flex-direction:column}.preview-code-container:where(.astro-opmc2uqo)>div:where(.astro-opmc2uqo){max-width:100%}}.social-proof-card:where(.astro-znns6j6z){display:flex;flex-direction:column;width:100%;height:fit-content;border-radius:1rem;padding:2rem;background-color:var(--background-step-1)}.social-proof-author:where(.astro-znns6j6z){display:flex;flex-direction:row;gap:1rem}.social-proof-author-avatar:where(.astro-znns6j6z){border-radius:9999px;overflow:hidden}.social-proof-author-text:where(.astro-znns6j6z){display:flex;flex-direction:column}.social-proof-author-name:where(.astro-znns6j6z){font-weight:500}.social-proof-author-handle:where(.astro-znns6j6z){font-weight:300;color:var(--text-muted);font-size:.875em;line-height:1}.social-proof-message:where(.astro-znns6j6z){margin:1rem 0 0}.social-proof-image:where(.astro-znns6j6z){width:100%;height:auto;position:relative;margin-top:1rem;border-radius:.5rem}.social-proof-grid:where(.astro-hl2wvn4p){display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;grid-auto-flow:row dense}.social-proof-col:where(.astro-hl2wvn4p){display:flex;flex-direction:column;gap:2rem}.social-proof-cta:where(.astro-hl2wvn4p){display:flex;width:100%;align-items:center;justify-content:center;margin-top:4rem}.social-proof:where(.astro-hl2wvn4p){padding:0 10vw}@media screen and (max-width: 1500px){.social-proof:where(.astro-hl2wvn4p){padding:0 2rem}}@media screen and (max-width: 1100px){.social-proof-grid:where(.astro-hl2wvn4p){grid-template-columns:repeat(2,1fr)}.social-proof-col:where(.astro-hl2wvn4p):last-of-type{display:none}}@media screen and (max-width: 640px){.social-proof-grid:where(.astro-hl2wvn4p){grid-template-columns:repeat(1,1fr)}.social-proof-col:where(.astro-hl2wvn4p):not(:first-of-type){display:none}}.showcase header{margin-top:0!important}main{padding-bottom:0!important}main>.content-panel:first-of-type{display:none!important}.content-panel{border:none!important;padding:0!important}.sl-container{margin:0!important;max-width:100%!important}section{color:var(--text-normal)!important}footer.sl-flex{display:none}#hero-example-modal{margin-top:auto!important}#hero-example-modal button{margin-top:0!important}:where(.astro-j7pv25f6){box-sizing:border-box;margin:0}main:where(.astro-j7pv25f6){padding:min(8rem,10vh) 0}.footer-brand:where(.astro-j7pv25f6){display:flex;flex-direction:row;gap:1.5rem;align-items:center;white-space:nowrap}@media screen and (max-width: 768px){.footer-brand:where(.astro-j7pv25f6){flex-direction:column;gap:1rem;width:100%}}.studiocms-footer-text:where(.astro-j7pv25f6){font-size:2em;font-weight:700}.studiocms-footer-text:where(.astro-j7pv25f6) span:where(.astro-j7pv25f6):last-of-type{color:var(--text-muted)}.socials:where(.astro-j7pv25f6){display:flex;flex-direction:row;align-items:center;gap:1.25rem}.socials:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--text-muted);transition:all .15s ease;display:flex}.socials:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--text-normal)}.brand-newsletter:where(.astro-j7pv25f6){display:flex;flex-direction:column;gap:1rem;width:100%}.brand-logo:where(.astro-j7pv25f6){display:flex;flex-direction:row;gap:1rem;align-items:center}