.components.svelte-136c6pl{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:var(--m-space-m);width:100%}.component-card.svelte-136c6pl{display:flex;flex-direction:column;border-radius:var(--m-radius);background-color:var(--m-color-surface-raised);color:var(--m-color-text);text-decoration:none;overflow:hidden}.component-preview.svelte-136c6pl{display:flex;align-items:center;justify-content:center;height:10rem;padding:var(--m-space-m) var(--m-space-l);overflow:hidden;background-color:var(--m-color-surface);pointer-events:none;-webkit-user-select:none;user-select:none}.component-preview.svelte-136c6pl .m-banner{width:100%!important}.component-preview.svelte-136c6pl .m-label-wrapper,.component-preview.svelte-136c6pl .m-input-wrapper,.component-preview.svelte-136c6pl .m-input,.component-preview.svelte-136c6pl .m-textarea-wrapper,.component-preview.svelte-136c6pl .m-textarea,.component-preview.svelte-136c6pl .m-select-wrapper,.component-preview.svelte-136c6pl .m-select{width:100%}.component-preview.svelte-136c6pl .m-card{background-color:var(--m-color-surface-raised)}.component-preview.svelte-136c6pl .m-container{padding:var(--m-space-l) var(--m-space-xl)}.component-preview.svelte-136c6pl .m-table{width:100%!important}.component-preview.svelte-136c6pl .m-table-head,.component-preview.svelte-136c6pl .m-table-cell{padding-inline:var(--m-space-s)}.component-preview.svelte-136c6pl .m-table-wrapper{background-color:var(--m-color-background)}.component-info.svelte-136c6pl{display:flex;flex-direction:column;gap:var(--m-space-xs);flex:1;padding:var(--m-space-m)}.component-name.svelte-136c6pl{display:flex;justify-content:space-between;align-items:center}.arrow.svelte-136c6pl{color:var(--m-color-text-weaker);transition:color .15s ease}.component-card.svelte-136c6pl:focus-visible{outline:2px solid var(--m-color-focus-border);outline-offset:2px}@media(pointer:fine){.component-card.svelte-136c6pl:hover .arrow:where(.svelte-136c6pl){color:var(--m-color-text)}}