.themeField[data-v-0ef3570a]{border:1px solid var(--dalara-gray-dark);border-radius:var(--dalara-border-radius-large);display:inline-grid;grid-template-columns:1fr auto;overflow:hidden;padding-right:calc(var(--dalara-padding)*2.5);position:relative}.themeField .themeFieldMain[data-v-0ef3570a]{padding:var(--dalara-padding)}.themeField .action[data-v-0ef3570a]{align-items:center;background-color:var(--dalara-gray-middle);display:flex;height:100%;justify-content:center;position:absolute;right:0;top:0;width:calc(var(--dalara-padding)*2.5)}.themeField.floating[data-v-0ef3570a]{display:inline-block;padding-right:0}.themeField.floating>.themeFieldMain[data-v-0ef3570a]{padding-right:calc(var(--dalara-padding)*2.5);padding-top:calc(var(--dalara-padding)*2.5)}.themeField.floating>.action[data-v-0ef3570a]{border-bottom-left-radius:var(--dalara-border-radius-large);height:calc(var(--dalara-padding)*2.5)}.themeField.hasError[data-v-0ef3570a]{--_error-color:var(--error-color,var(--dalara-error));--_error-background-color:var(--error-background-color,var(--dalara-background-error));border-color:var(--_error-color);box-shadow:0 0 0 2px var(--_error-color)}.themeField.hasError>.action[data-v-0ef3570a]{background-color:var(--_error-background-color)}.themeField.hasError>.action button[data-v-0ef3570a]{color:var(--_error-color)}.themeEditor[data-v-b376ee34]{background-color:var(--dalara-background-secondary);border-radius:var(--dalara-border-radius-large);width:100%}.themeEditor .header[data-v-b376ee34]{align-items:baseline;border-bottom:2px solid var(--dalara-background);display:grid;grid-template-columns:1fr auto}.themeEditor .body[data-v-b376ee34],.themeEditor .header[data-v-b376ee34]{padding:var(--dalara-padding)}.themeEditor .body .inner[data-v-b376ee34]{background-color:var(--theme-color-background,var(--dalara-background));border:none;border-radius:var(--dalara-border-radius-large);color:var(--theme-color-text);container-name:theme;container-type:inline-size;width:100%}.themeEditor .body .inner[data-v-b376ee34]>.themeFieldMain{display:grid;gap:1rem;grid-template-areas:"h1 h2 h3 h4 h5 h6 color" "text text text text text text color" "preview preview preview preview preview preview preview";grid-template-columns:repeat(6,1fr) auto}@container theme (width<=1000px){.themeEditor .body .inner[data-v-b376ee34]>.themeFieldMain{grid-template-areas:"h1 h2 h3 color" "h4 h5 h6 color" "text text text text" "preview preview preview preview";grid-template-columns:repeat(3,1fr) auto}}@container theme (width<=600px){.themeEditor .body .inner[data-v-b376ee34]>.themeFieldMain{grid-template-areas:"h1 h2 h3" "h4 h5 h6" "color color color" "text text text" "preview preview preview";grid-template-columns:repeat(3,1fr)}}@container theme (width<=400px){.themeEditor .body .inner[data-v-b376ee34]>.themeFieldMain{grid-template-areas:"h1 h2" "h3 h4" "h5 h6" "color color" "text text" "preview preview";grid-template-columns:repeat(2,1fr)}}.themeEditor .body .color[data-v-b376ee34]{grid-area:color}.themeEditor .body .color .highlight[data-v-b376ee34]{background-color:var(--theme-color-highlight)}.themeEditor .body .color .secondary[data-v-b376ee34]{background-color:var(--theme-color-secondary)}.themeEditor .body .color[data-v-b376ee34] .themeFieldMain{container-name:color;container-type:size;height:100%;min-height:4rem;min-width:100px;padding:0;width:100%}.themeEditor .body .color[data-v-b376ee34] .themeFieldMain .colorInner{display:grid;height:100%;width:100%}@container color (orientation: landscape){.themeEditor .body .color[data-v-b376ee34] .themeFieldMain .colorInner{grid-template-columns:1fr 1fr;grid-template-rows:1fr}}@container color (orientation: portrait){.themeEditor .body .color[data-v-b376ee34] .themeFieldMain .colorInner{grid-template-columns:1fr;grid-template-rows:1fr 1fr}}.themeEditor .body .headline[data-v-b376ee34] .themeFieldMain{align-items:center;display:flex;justify-content:center}.themeEditor .body .h1Color[data-v-b376ee34]{grid-area:h1}.themeEditor .body .h1Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h1);font-family:var(--theme-font-family-h1);font-size:var(--theme-font-size-h1)}.themeEditor .body .h2Color[data-v-b376ee34]{grid-area:h2}.themeEditor .body .h2Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h2);font-family:var(--theme-font-family-h2);font-size:var(--theme-font-size-h2)}.themeEditor .body .h3Color[data-v-b376ee34]{grid-area:h3}.themeEditor .body .h3Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h3);font-family:var(--theme-font-family-h3);font-size:var(--theme-font-size-h3)}.themeEditor .body .h4Color[data-v-b376ee34]{grid-area:h4}.themeEditor .body .h4Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h4);font-family:var(--theme-font-family-h4);font-size:var(--theme-font-size-h4)}.themeEditor .body .h5Color[data-v-b376ee34]{grid-area:h5}.themeEditor .body .h5Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h5);font-family:var(--theme-font-family-h5);font-size:var(--theme-font-size-h5)}.themeEditor .body .h6Color[data-v-b376ee34]{grid-area:h6}.themeEditor .body .h6Color[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-h6);font-family:var(--theme-font-family-h6);font-size:var(--theme-font-size-h6)}.themeEditor .body .text[data-v-b376ee34]{grid-area:text}.themeEditor .body .text p[data-v-b376ee34]{height:2lh;overflow:hidden}.themeEditor .body .text[data-v-b376ee34] .themeFieldMain{color:var(--theme-color-text);font-family:var(--theme-font-family-text);font-size:var(--theme-font-size-text)}.themeEditor .body .preview[data-v-b376ee34]{grid-area:preview}.themeEditor .body .preview h1.h1[data-v-b376ee34]{color:var(--theme-color-h1);font-family:var(--theme-font-family-h1);font-size:var(--theme-font-size-h1)}.themeEditor .body .preview h2.h2[data-v-b376ee34]{color:var(--theme-color-h2);font-family:var(--theme-font-family-h2);font-size:var(--theme-font-size-h2)}.themeEditor .body .preview p.p[data-v-b376ee34]{color:var(--theme-color-text);font-family:var(--theme-font-family-text);font-size:var(--theme-font-size-text)}