.code-window{position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden;border-radius:1.2rem;--tw-bg-opacity:1;background-color: rgb(var(--color-blue) / var(--tw-bg-opacity))
}.code-window .code-window-title{font-family: var(--font-family-din-pro);font-size:var(--font-caption-m-size);line-height:var(--font-caption-m-line-height,normal);letter-spacing:var(--font-caption-m-letter-spacing,0);font-weight:var(--font-caption-m-weight,400)}.code-window .code-window-title{position:relative;display:flex;align-items:center;justify-content:center;background-color: rgb(var(--color-navy-02) / var(--tw-bg-opacity));padding-top:.2rem;padding-bottom:.2rem;padding-left:1.6rem;padding-right:1.6rem;color: rgb(var(--color-white))
}.code-window .code-window-title>div{position:absolute;left:1.6rem;display:flex;gap:.8rem}.code-window .code-window-title>div>div{aspect-ratio: 1/1;width:6px;border-radius:100%;background-color: rgb(var(--color-white) / 0.2)
}.code-window .code-window-body{font-family: var(--font-family-source-code-pro);font-size:var(--font-source-code-m-size);line-height:var(--font-source-code-m-line-height,normal);letter-spacing:var(--font-source-code-m-letter-spacing,0);font-weight:var(--font-source-code-m-weight,400)}.code-window .code-window-body{flex-grow:1;white-space:nowrap;padding-left:1.6rem;padding-right:1.6rem;padding-top:1.2rem;padding-bottom:1.2rem;--tw-text-opacity:1;color: rgb(var(--color-white) / var(--tw-text-opacity))
}.code-window .code-window-body .g{--tw-text-opacity:1;color: rgb(var(--color-dark-green-02) / var(--tw-text-opacity))
}.code-window .code-window-body .o{--tw-text-opacity:1;color: rgb(var(--color-orange-02) / var(--tw-text-opacity))
}.code-window .code-window-body .b{--tw-text-opacity:1;color: rgb(var(--color-sky-01) / var(--tw-text-opacity))
}.code-window .code-window-body .w{--tw-text-opacity:1;color: rgb(var(--color-white) / var(--tw-text-opacity))
}.animate-dark .code-window{--tw-bg-opacity:1;background-color: rgb(var(--color-ivory) / var(--tw-bg-opacity))
}.animate-dark .code-window .code-window-title{background-color: rgb(var(--color-blue) / 0.05);--tw-text-opacity:1;color: rgb(var(--color-blue) / var(--tw-text-opacity))
}.animate-dark .code-window .code-window-title>div>div{--tw-bg-opacity:1;background-color: rgb(var(--color-blue) / var(--tw-bg-opacity))
}.animate-dark .code-window .code-window-body{--tw-text-opacity:1;color: rgb(var(--color-blue) / var(--tw-text-opacity))
}.animate-dark .code-window .code-window-body .w{--tw-text-opacity:1;color: rgb(var(--color-blue) / var(--tw-text-opacity))
}@media (min-width:640px){.container{max-width:640px}.\!container{max-width:640px!important}}@media (min-width:768px){.container{max-width:768px}.\!container{max-width:768px!important}}@media (min-width:1024px){.container{max-width:1024px}.\!container{max-width:1024px!important}.gap-grid{gap:2.4rem}.code-window{border-radius:2.0rem}.code-window .code-window-title{font-size:var(--font-caption-size);line-height:var(--font-caption-line-height,normal);letter-spacing:var(--font-caption-letter-spacing,0);font-weight:var(--font-caption-weight,400)}.code-window .code-window-title{padding-top:.8rem;padding-bottom:.8rem;padding-left:3.2rem;padding-right:3.2rem}.code-window .code-window-title>div{left:1.8rem}.code-window .code-window-title>div>div{width:10px}.code-window .code-window-body{font-size:var(--font-source-code-size);line-height:var(--font-source-code-line-height,normal);letter-spacing:var(--font-source-code-letter-spacing,0);font-weight:var(--font-source-code-weight,400)}.code-window .code-window-body{padding:3.2rem}}.code-window .code-window-title > div > div:nth-child(1) {background-color:#ff6674}.code-window .code-window-title > div > div:nth-child(2) {background-color:#ffc56d}.code-window .code-window-title > div > div:nth-child(3) {background-color: rgb(var(--color-dark-green-02) / var(--tw-text-opacity))}@media (min-width:1280px){.container{max-width:1280px}.\!container{max-width:1280px!important}}@media (min-width:1536px){.container{max-width:1536px}.\!container{max-width:1536px!important}}@media (min-width:1800px){.container{max-width:1800px}.\!container{max-width:1800px!important}}