.component-header{align-items:center;gap:var(--jkl-spacing-xl);text-align:center;min-height:100dvh;padding:var(--jkl-spacing-xl)var(--jkl-spacing-2xl)var(--jkl-spacing-2xl);flex-direction:column;justify-content:center;width:100vw;margin-block-start:-2lh;margin-inline:-50vw;display:flex;position:relative;left:50%;right:50%}.component-header:before{content:"";background-image:radial-gradient(circle,var(--jkl-color-border-subdued)1px,transparent 1px);opacity:.6;pointer-events:none;z-index:0;background-size:20px 20px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 60%,#0000 100%);mask-image:linear-gradient(#000 60%,#0000 100%)}@media (prefers-color-scheme:dark){.component-header:before{opacity:.25}}.component-header__back{top:var(--jkl-spacing-xl);left:var(--jkl-spacing-2xl);z-index:1;position:absolute}.component-header__text,.component-header__preview{z-index:1;position:relative}.component-header__text{max-width:60ch}.component-header__preview{cursor:default;justify-content:center;align-items:center;display:flex}.component-header__preview>*{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;max-width:40rem}