.NodeTypePreviewCard[data-v-4670b67b]{position:relative;width:100%;overflow:hidden}.NodeTypePreviewCard__body[data-v-4670b67b]{display:flex;flex-direction:column;gap:var(--spacing-2);width:100%;height:100%;padding:var(--spacing-2);background:var(--white);border:var(--border-width-thin) solid var(--color-neutral-40);border-radius:var(--border-radius-medium);cursor:pointer;text-align:left;transition:background-color var(--transition-duration-fast) ease,border-color var(--transition-duration-fast) ease}.NodeTypePreviewCard__body[data-v-4670b67b]:hover{background-color:var(--color-neutral-10);border-color:var(--color-neutral-50)}.NodeTypePreviewCard__body[data-v-4670b67b]:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:var(--focus-shadow)}.NodeTypePreviewCard--selected .NodeTypePreviewCard__body[data-v-4670b67b]{background-color:var(--color-accent-surface);border-color:var(--color-accent)}.NodeTypePreviewCard__header[data-v-4670b67b]{display:flex;align-items:center;gap:var(--spacing-2)}.NodeTypePreviewCard__icon[data-v-4670b67b]{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--border-radius-small);color:var(--white)}.NodeTypePreviewCard__icon[data-v-4670b67b] .Icon{width:12px;height:12px}.NodeTypePreviewCard__label[data-v-4670b67b]{font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);line-height:var(--line-height-small);color:var(--color-neutral-100);min-width:0;overflow-wrap:break-word;word-break:break-word}.NodeTypePreviewCard__previewFrame[data-v-4670b67b]{position:relative;width:100%;flex:1;min-height:0;max-height:150px;overflow:hidden;border-radius:var(--border-radius-small);background:var(--color-neutral-10);border:var(--border-width-thin) solid var(--color-neutral-30);container-type:inline-size}.NodeTypePreviewCard__previewFrame[data-v-4670b67b]:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--spacing-6);pointer-events:none;background:linear-gradient(to bottom,color-mix(in srgb,var(--color-neutral-10) 0%,transparent) 0%,var(--color-neutral-10) 100%)}.NodeTypePreviewCard__previewInner[data-v-4670b67b]{--natural-width: 640;width:calc(var(--natural-width) * 1px);padding:var(--spacing-2);padding-left:var(--spacing-12);zoom:calc(100cqi / (var(--natural-width) * 1px));pointer-events:none}.NodeTypePreviewCard__previewInner[data-v-4670b67b] .NodeDemo__treeRoot{width:100%}.NodeTypePreviewCard__previewInner[data-v-4670b67b] .WordCloudDisplay,.NodeTypePreviewCard__previewInner[data-v-4670b67b] .Whiteboard{height:250px}.NodeTypePreviewCard__info[data-v-4670b67b]{position:absolute;top:var(--spacing-1);right:var(--spacing-1);display:flex;align-items:center;justify-content:center;width:var(--spacing-5);height:var(--spacing-5);padding:0;background:transparent;border:none;border-radius:var(--border-radius-small);color:var(--color-neutral-70);cursor:pointer;opacity:0;transition:opacity var(--transition-duration-fast) ease}.NodeTypePreviewCard:hover .NodeTypePreviewCard__info[data-v-4670b67b],.NodeTypePreviewCard__info[data-v-4670b67b]:focus-visible{opacity:1}.NodeTypePreviewCard__info[data-v-4670b67b]:hover{color:var(--color-accent);background-color:var(--color-neutral-20)}.NodeTypePreviewCard__info[data-v-4670b67b] .Icon{width:14px;height:14px}@media(hover:none){.NodeTypePreviewCard__info[data-v-4670b67b]{opacity:1}}