.color-input{cursor:pointer;flex-direction:row;height:32px;display:flex}.color-input .color-input-hex{height:100%;color:var(--app-font-color);background-color:var(--background-color);border:0;border-radius:4px 0 0 4px;width:50%;margin:0;padding:0 .5rem;font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:.75rem}.color-input .color-input-trigger-container{width:50%;height:100%}.color-input .color-input-trigger-container .popover-container{height:100%}.color-input .color-input-trigger-container .popover-container .popover-trigger{width:100%;height:100%}.color-input .color-input-trigger-container .popover-container .popover{padding:0}.color-input .color-input-trigger{border-radius:0 4px 4px 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.color-input .color-input-trigger calcite-icon{color:#fff;mix-blend-mode:difference;isolation:isolate}.w-color-sketch{--sketch-background:var(--background-color)!important;--sketch-box-shadow:none!important}.w-color-sketch .w-color-interactive.w-color-saturation{height:180px!important}.w-color-sketch .w-color-editable-input input{color:var(--app-font-color)!important;font-size:12px!important}