.color-picker-dialog .dialog__content{background-color:transparent;width:250px}.color-picker-dialog .dialog__content .dialog__body{padding:0;background-color:var(--theme-background-100)}.color-picker-dialog .dialog__content .dialog__header{background-color:var(--background-color)}.color-picker-dialog .dialog__content .dialog__close,.color-picker-dialog .dialog__content .dialog__title{color:var(--text-color)}.color-picker-dialog .dialog__content footer,.color-picker-dialog .dialog__content header{border:0}.color-picker-dialog-sliders{padding:1rem;display:flex;flex-direction:column;gap:1rem}.color-picker-dialog-controls{padding:0 .5rem 1rem;display:flex}.color-picker-dialog-controls .form-control{flex-grow:1;font-size:.875rem;white-space:nowrap;overflow:auto}.color-picker-dialog-canvas{width:100%;height:100px;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.color-picker-dialog-canvas__thumb{width:1rem;height:1rem;margin:0 0 -.5rem -.5rem;border-radius:50%;border:1px solid #fff;box-shadow:0 0 0 1px #000}.color-picker-dialog-colors{padding:0 8px 4px;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center}.color-picker-dialog-colors__color{background-color:#fff;overflow:hidden;margin:2px;width:19px;height:12px;padding:0;background-color:currentColor;border-radius:3px;opacity:1;transition:transform .2s cubic-bezier(0,1.4,1,1)}.color-picker-dialog-colors__color:hover{background-color:currentColor;outline:1px solid currentColor}.color-picker-dialog-colors__color--active{outline:1px solid #fff;transform:scale(1.1)}.color-picker-dialog-colors__color--transparent{background-color:transparent!important;background-image:linear-gradient(45deg,rgba(112,128,144,.5) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(112,128,144,.5) 0),linear-gradient(-45deg,rgba(112,128,144,.5) 25%,transparent 0),linear-gradient(-45deg,transparent 75%,rgba(112,128,144,.5) 0);background-size:6px 6px;background-position:0 0,3px -3px,0 3px,-3px 0}.color-picker-dialog-colors__color--null{background:0;text-align:center}.color-picker-dialog-colors__color--null .icon-cross{margin:0 auto;font-size:.625rem}