.framework-cell:where(.astro-QR3KTGCV){display:flex;justify-content:center;align-items:center;flex-direction:column;gap:1rem}.framework-cell:where(.astro-QR3KTGCV).plus{align-self:start;padding-top:36px}.framework-name:where(.astro-QR3KTGCV){font-weight:700;font-size:2rem}.framework-icon:where(.astro-QR3KTGCV){background-color:#fff;width:120px;height:120px;border-radius:60px;display:flex;align-items:center;justify-content:center;padding:16px}.framework-icon:where(.astro-QR3KTGCV) svg:where(.astro-QR3KTGCV),.framework-icon:where(.astro-QR3KTGCV) img:where(.astro-QR3KTGCV){width:100%;height:auto;aspect-ratio:1}@media (max-width:768px){.hero-icons:where(.astro-QR3KTGCV){gap:12px!important}.framework-cell:where(.astro-QR3KTGCV).plus{padding-top:26px}.framework-icon:where(.astro-QR3KTGCV){width:100px;height:100px;border-radius:50px}}.plus-icon:where(.astro-QR3KTGCV){width:60px;height:60px}.examples:where(.astro-QR3KTGCV){row-gap:6rem!important}.examples:where(.astro-QR3KTGCV) .img-ui:where(.astro-QR3KTGCV){width:100%}.code:where(.astro-QR3KTGCV){margin:0 auto;text-align:left;max-width:560px}@media (max-width:560px){.code:where(.astro-QR3KTGCV){margin-left:calc(var(--side-spacing)*-1);margin-right:calc(var(--side-spacing)*-1)}.code:where(.astro-QR3KTGCV) .astro-code{border-radius:0}}.container-cta:where(.astro-QR3KTGCV){position:relative;background-color:var(--theme-bg-color-dark2);padding:4rem 1rem;max-width:600px;margin:0 auto;border-radius:2rem}.container-cta:where(.astro-QR3KTGCV) .pattern-bg1:where(.astro-QR3KTGCV){z-index:0;opacity:.05}@media (max-width:600px){.container-cta:where(.astro-QR3KTGCV){margin-left:calc(var(--side-spacing)*-1);margin-right:calc(var(--side-spacing)*-1);border-radius:0}.container-cta:where(.astro-QR3KTGCV) .btn-secondary:where(.astro-QR3KTGCV){display:none}}