.dotvvm-bp-color-picker.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_value{display:flex;flex-wrap:nowrap;position:relative}.dotvvm-bp-color-picker.dotvvm-bp-primitive_picker .dotvvm-bp-color-picker_preview,.dotvvm-bp-color-picker.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_placeholder{flex:1 1 auto;font-size:inherit;width:50%}.dotvvm-bp-color-picker.dotvvm-bp-flag_inline{background-color:var(--bp-background-color);border:var(--bp-border-width) solid var(--bp-border-color);border-radius:var(--bp-border-radius);display:inline-flex;flex-direction:column;overflow:hidden;vertical-align:top}@media only screen and (min-width:424px){.dotvvm-bp-color-picker.dotvvm-bp-flag_inline{width:var(--bp-form-item-width)}}.dotvvm-bp-color-picker.dotvvm-bp-flag_inline.dotvvm-bp-state_disabled:after{background:var(--bp-color_base-disabled);content:"";cursor:default;inset:0;opacity:.5;position:absolute}.dotvvm-bp-color-picker .dotvvm-bp-primitive_button.dotvvm-bp-primitive_switch-button{align-self:flex-end;border-width:var(--bp-border-width);flex:1 0 auto;justify-content:center;padding:var(--bp-padding-vertical) 0}.dotvvm-bp-color-picker .dotvvm-bp-primitive_button.dotvvm-bp-primitive_switch-button .dotvvm-bp-icon{min-height:calc(var(--bp-line-height)*var(--bp-font-size))}.dotvvm-bp-color-picker .dotvvm-bp-primitive_popup{max-height:none}.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_value>.dotvvm-bp-primitive_checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 .4em,.4em -.4em,-.4em 0;background-size:.8em .8em;bottom:var(--bp-padding-vertical);left:var(--bp-padding-horizontal);position:absolute;right:var(--bp-padding-horizontal);top:var(--bp-padding-vertical)}@media only screen and (max-width:425px){.dotvvm-bp-primitive_picker .dotvvm-bp-primitive_value>.dotvvm-bp-primitive_checkerboard{bottom:var(--bp-padding-vertical);left:var(--bp-padding-horizontal);right:var(--bp-padding-horizontal);top:var(--bp-padding-vertical)}}.dotvvm-bp-primitive_picker .dotvvm-bp-color-picker_preview{color:transparent;font-size:var(--bp-font-size);position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dotvvm-bp-color-picker_spectrum{cursor:pointer;flex:1 1 10em;min-height:9em;overflow:hidden;position:relative}.dotvvm-bp-color-picker_spectrum .dotvvm-bp-primitive_grip{border:var(--bp-border-width) solid var(--bp-color_base);border-radius:var(--bp-border-radius);box-shadow:0 0 .8em #00000052;cursor:pointer;height:1em;position:absolute;width:1em}.dotvvm-bp-color-picker_spectrum .dotvvm-bp-primitive_grip.dotvvm-bp-state_focused{box-shadow:var(--bp-box-shadow_focus);outline:none}.dotvvm-bp-color-picker_editor{display:inline-flex;justify-content:space-between;padding:var(--bp-padding)}@media only screen and (max-width:425px){.dotvvm-bp-color-picker_editor{background-color:var(--bp-background-color);padding:var(--bp-padding-vertical) var(--bp-padding-horizontal) calc(var(--bp-padding-horizontal)*2)}}.dotvvm-bp-color-picker_editor label{display:flex;flex-direction:column;line-height:calc(var(--bp-line-height)*1.5);text-align:center}.dotvvm-bp-color-picker_hex-editor,.dotvvm-bp-color-picker_rgb-editor,.dotvvm-bp-color-picker_rgba-editor{box-sizing:border-box;display:inline-flex;flex:0 0 85%;margin-right:var(--bp-padding-horizontal);width:var(--bp-form-item-width)}.dotvvm-bp-color-picker_hex-editor .dotvvm-bp-primitive_text-box,.dotvvm-bp-color-picker_rgb-editor .dotvvm-bp-primitive_text-box,.dotvvm-bp-color-picker_rgba-editor .dotvvm-bp-primitive_text-box{text-align:center;width:100%}.dotvvm-bp-color-picker_hex-editor label:not(:last-child),.dotvvm-bp-color-picker_rgb-editor label:not(:last-child),.dotvvm-bp-color-picker_rgba-editor label:not(:last-child){margin-right:var(--bp-padding-horizontal)}.dotvvm-bp-color-picker_sliders{border-bottom:var(--bp-border-width) solid var(--bp-border-color)}@media only screen and (min-width:424px){.dotvvm-bp-color-picker_sliders{padding:var(--bp-padding-vertical) calc(var(--bp-padding-horizontal)*2)}}@media only screen and (max-width:425px){.dotvvm-bp-color-picker_sliders{background-color:var(--bp-background-color);padding:calc(var(--bp-padding-horizontal)*2) var(--bp-padding-vertical)}}.dotvvm-bp-color-picker_sliders .dotvvm-bp-slider{background-position:50%;background-repeat:no-repeat;background-size:100% .6em;padding:calc(var(--bp-padding-vertical)/4) 0;position:relative}.dotvvm-bp-color-picker_sliders .dotvvm-bp-primitive_line{background:transparent!important}.dotvvm-bp-color-picker_sliders .dotvvm-bp-primitive_grip{border:var(--bp-border-width) solid transparent;box-shadow:0 0 .3em 0 var(--bp-color_default)}.dotvvm-bp-color-picker_alpha-wrapper{position:relative}.dotvvm-bp-color-picker_alpha-wrapper:before{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 .3em,.3em -.3em,-.3em 0;background-size:.6em .6em;content:"";inset:.5em 0;position:absolute}.dotvvm-bp-color-picker_hue-slider{background-image:linear-gradient(90deg,red 0,#ff0 20%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.dotvvm-bp-color-picker_predefined-colors{display:grid;grid-template-columns:repeat(8,1fr)}.dotvvm-bp-color-picker_predefined-colors.dotvvm-bp-primitive_list{padding:calc(var(--bp-padding-horizontal) - var(--bp-padding-vertical))}.dotvvm-bp-color-picker_predefined-colors.dotvvm-bp-primitive_list .dotvvm-bp-state_selected,.dotvvm-bp-color-picker_predefined-colors.dotvvm-bp-primitive_list .dotvvm-bp-state_selected:hover{border-color:var(--bp-color_base)}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-primitive_item{box-sizing:border-box;height:1em;justify-self:center;margin:var(--bp-padding-vertical);position:relative;width:1em}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-state_selected,.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-state_selected:hover{border:1px solid var(--bp-color_base);box-shadow:0 0 0 2px var(--bp-color_primary)}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-state_focused{box-shadow:var(--bp-box-shadow_focus)}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-primitive_checkerboard{background-image:linear-gradient(45deg,#ccc 25%,transparent 0),linear-gradient(-45deg,#ccc 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ccc 0),linear-gradient(-45deg,transparent 75%,#ccc 0);background-position:0 0,0 .305em,.305em -.305em,-.305em 0;background-size:.61em .61em;height:100%;width:100%}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-primitive_checkerboard .dotvvm-bp-primitive_button{border:var(--bp-border-width) solid var(--bp-border-color);box-sizing:border-box;display:flex;flex:1 1 100%;height:100%;width:100%}.dotvvm-bp-color-picker_predefined-colors .dotvvm-bp-primitive_button{outline:none}