.comp-presets-colorpicker{margin:8px 0;display:flex}.comp-presets-colorpicker .colordot{cursor:pointer;border-radius:50%;width:16px;height:16px;margin-right:4px}.comp-presets-colorpicker .colordot.active{border:2px solid hsla(var(--layout-dark), .25)}.comp-presets-colorpicker.extended{display:inline-block}.comp-presets-colorpicker.extended>label{margin-bottom:4px;display:inline-block}.comp-presets-colorpicker.extended>div{align-items:center;gap:8px;display:flex}.comp-presets-colorpicker.extended>div input[type=color]{appearance:none;cursor:pointer;border:1px solid #000;border-radius:100%;width:24px;min-width:24px;height:24px}.comp-presets-colorpicker.extended>div input[type=color]::-webkit-color-swatch-wrapper{padding:0}.comp-presets-colorpicker.extended>div input[type=color]::-webkit-color-swatch{border:none}.comp-presets-colorpicker.fill{width:100%}:root{--default-grid-pixels:8px;--default-header-height:64px}.comp-presetsbar{z-index:2;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.comp-presetsbar .comp-loader{margin-left:16px;margin-right:auto}.comp-presetsbar>div:last-of-type{color:hsla(var(--comp-typo-primary), 1)}.comp-presetsbar .badge-container{align-items:center;height:16px;display:inline-flex}.comp-presetsbar .badge{border:1px solid;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:16px;height:16px;margin-left:4px;padding:0 4px;font-size:1.1rem;font-weight:300;line-height:1;display:inline-flex}.comp-presetsbar .tab.active .badge{background:hsla(var(--comp-primary-dark1), 1);color:hsla(var(--comp-bright), 1);border-color:hsla(var(--comp-primary-dark1), 1)}.comp-presetsbar .temporary{font-style:italic}.presetsbar-context-menu{text-transform:var(--text-transform)}