.preview[data-v-d93a0d46]{background-color:var(--_colorValue);border-radius:var(--dalara-border-radius-large);overflow:hidden;position:relative}.preview[data-v-d93a0d46]:before{--_colorPreviewBackgroundWidth:.4rem;--_colorPreviewBackgroundColorA:#fff;--_colorPreviewBackgroundColorB:#b2b2b2;background-color:var(--_colorPreviewBackgroundColorA);background-image:repeating-linear-gradient(45deg,var(--_colorPreviewBackgroundColorB) 25%,transparent 25%,transparent 75%,var(--_colorPreviewBackgroundColorB) 75%,var(--_colorPreviewBackgroundColorB)),repeating-linear-gradient(45deg,var(--_colorPreviewBackgroundColorB) 25%,var(--_colorPreviewBackgroundColorA) 25%,var(--_colorPreviewBackgroundColorA) 75%,var(--_colorPreviewBackgroundColorB) 75%,var(--_colorPreviewBackgroundColorB));background-position:0 0,var(--_colorPreviewBackgroundWidth) var(--_colorPreviewBackgroundWidth);background-size:calc(var(--_colorPreviewBackgroundWidth)*2) calc(var(--_colorPreviewBackgroundWidth)*2)}.preview[data-v-d93a0d46]:after,.preview[data-v-d93a0d46]:before{content:"";height:100%;inset:0;position:absolute;width:100%}.preview[data-v-d93a0d46]:after{background-color:var(--_colorValue)}.colorPicker[data-v-d93a0d46]{align-items:flex-start;display:flex;flex-direction:column;gap:var(--dalara-padding)}.colorPicker .preview[data-v-d93a0d46]{--_colorValue:var(--06eb9895);border:2px solid #000;height:3em;width:100%}.colorPicker .list[data-v-d93a0d46]{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--dalara-padding-half);justify-content:flex-start}.colorPicker .list .preview[data-v-d93a0d46]{border-radius:2rem;border-width:1px;height:2rem;width:2rem}.colorPicker .input[data-v-d93a0d46]{margin:0;width:100%}.colorButton .inner[data-v-d93a0d46]{align-items:center;display:flex;flex-direction:row;gap:.5em}.colorButton .inner .preview[data-v-d93a0d46]{--_colorValue:var(--06eb9895);height:2em;width:4em}.colorInput[data-v-b32ae217]{width:100%}.colorInput[data-v-b32ae217] .colorButton{--_colorButtonMargin:.2em;margin:var(--_colorButtonMargin);width:calc(100% - var(--_colorButtonMargin)*2)}
