.aspect.svelte-1j0zp4g.svelte-1j0zp4g{height:100%;max-height:350px;min-height:240px;position:relative}.aspect.svelte-1j0zp4g.svelte-1j0zp4g:before{content:"";display:block;padding-bottom:125%}.aspect.narrow.svelte-1j0zp4g.svelte-1j0zp4g:before{padding-bottom:70%}@media (min-width:769px){.aspect.svelte-1j0zp4g.svelte-1j0zp4g:before{padding-bottom:80%}.aspect.narrow.svelte-1j0zp4g.svelte-1j0zp4g:before{padding-bottom:40%}}.wrapper.svelte-1j0zp4g.svelte-1j0zp4g{background:#f9f9f9;border-radius:20px;height:100%;left:0;overflow:hidden;position:absolute;top:0;transform:translateZ(0);width:100%}.wrapper.dark.svelte-1j0zp4g.svelte-1j0zp4g{background:rgba(18,16,12,.7)}body.dark .wrapper.svelte-1j0zp4g.svelte-1j0zp4g{background:#373531}.wrapper.shadowGrey.svelte-1j0zp4g.svelte-1j0zp4g{box-shadow:0 2px 5px #00000014,0 5px 20px #0000001f}.wrapper.shadowBrand.svelte-1j0zp4g.svelte-1j0zp4g{box-shadow:var(--shadow-brand)}.titlebar.svelte-1j0zp4g.svelte-1j0zp4g{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,98%,.9);height:48px;left:0;position:absolute;top:0;width:100%;z-index:1}body.dark .titlebar.svelte-1j0zp4g.svelte-1j0zp4g{background:#514f4d}body.dark .titlebar.svelte-1j0zp4g.svelte-1j0zp4g:before{background:#807c78}.dark.svelte-1j0zp4g .titlebar.svelte-1j0zp4g{background:#696662}.titlebar.svelte-1j0zp4g.svelte-1j0zp4g:before{background:#e7e7e7;border-radius:8px;content:"";display:block;height:16px;left:16px;position:absolute;top:16px;width:16px}.dark.svelte-1j0zp4g .titlebar.svelte-1j0zp4g:before{background:#807c78}figcaption.svelte-1j0zp4g.svelte-1j0zp4g{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.feature-box:nth-of-type(2n) .feature-container-section .preview.svelte-5jp6ru,.feature-container-section:nth-of-type(2n) .preview.svelte-5jp6ru{grid-column-start:1;grid-row-start:1}.feature.svelte-5jp6ru code{background-color:var(--brand-light);border-radius:.75rem;color:var(--dark-grey);padding:.25rem .5rem;white-space:break-spaces}.component-container.svelte-5jp6ru>*{height:100%;width:100%}