.component-preview[data-v-1211d214]{--_content-preview-background:var(--content-preview-background,var(--dalara-gray));align-content:center;align-items:center;background-color:var(--_content-preview-background);border-radius:var(--dalara-border-radius);display:grid;gap:var(--dalara-padding-half);grid-template-columns:2em 1fr;padding-block:var(--dalara-padding-half);padding-inline:var(--dalara-padding);transition:all .15s;width:100%}.component-preview .component-icon[data-v-1211d214]{color:var(--dalara-highlight);font-size:1.5em}.component-preview .info[data-v-1211d214]{display:flex;flex-direction:column;grid-column:2;padding-block:10px}.component-preview[data-v-1211d214]:focus,.component-preview[data-v-1211d214]:focus-visible,.component-preview[data-v-1211d214]:focus-within,.component-preview[data-v-1211d214]:hover{background-color:var(--dalara-highlight);color:var(--_content-preview-background);outline:none}.component-preview:focus .component-icon[data-v-1211d214],.component-preview:focus-visible .component-icon[data-v-1211d214],.component-preview:focus-within .component-icon[data-v-1211d214],.component-preview:hover .component-icon[data-v-1211d214]{color:var(--_content-preview-background)}.scssEditor[data-v-15ef732b]{border:1px solid var(--line-color);min-height:200px;overflow:scroll;resize:block;width:100%}.scssEditor .loading[data-v-15ef732b]{align-items:center;display:flex;gap:1ch;height:100%;justify-content:center;min-height:inherit;width:100%}.scssEditor .loading .loadIcon[data-v-15ef732b]{animation:rotate-15ef732b 1s linear infinite}@keyframes rotate-15ef732b{0%{rotate:0deg}to{rotate:1turn}}.scssEditor .monacoScssEditor[data-v-15ef732b]{width:100%}.scssEditor .monacoScssEditor[data-v-15ef732b]:not(.dialog){max-height:100%;min-height:100%}.theme-select[data-v-d6d3c941]{width:100%}.theme-select .preview[data-v-d6d3c941]{background-color:var(--theme-color-background);color:var(--theme-color-text);font-family:var(--theme-font-family-text);font-size:var(--theme-font-size-text);width:100%}.theme-select .preview .previewInner[data-v-d6d3c941]{align-items:center;display:flex;gap:.5rem;justify-content:center;padding:var(--dalara-padding-half)}.theme-select .preview .previewInner .colors[data-v-d6d3c941]{border:1px solid var(--dalara-gray-dark);border-radius:var(--dalara-border-radius);display:grid;grid-template-columns:1fr 1fr;height:1lh;overflow:hidden;width:3lh}.theme-select .preview .previewInner .colors .highlightColor[data-v-d6d3c941]{background-color:var(--theme-color-highlight)}.theme-select .preview .previewInner .colors .secondaryColor[data-v-d6d3c941]{background-color:var(--theme-color-secondary)}.dialog[data-v-d6d3c941]{width:100%}.dialog .themes[data-v-d6d3c941]{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(min(400px,100%),1fr))}.dialog .themes .inherit[data-v-d6d3c941]{align-items:baseline;background-color:var(--dalara-background-secondary);border-radius:var(--dalara-border-radius-large);display:grid;grid-column:1/-1;grid-template-columns:1fr auto;padding:var(--dalara-padding);width:100%}.dialog .themes .select.selected[data-v-d6d3c941]{color:var(--dalara-background-success)}.dialog .themes .inherit.active[data-v-d6d3c941],.dialog .themes .themeEditor.active[data-v-d6d3c941]{box-shadow:0 0 0 2px var(--dalara-background-success)}