.components-nb-color-grades-control .components-base-control__field{align-items:center;display:flex;justify-content:space-between}.components-nb-color-grades-control .components-base-control__field .nb-signal-icon{--bar-width:6px;--bar-space:2px;--bar-height:20px;--bar-height-diff:7px}.nb-palette__grades{display:flex;margin-bottom:20px;margin-left:-2px;margin-top:20px}.nb-palette__grade{background:none!important;cursor:pointer;flex:1 1 0;margin-left:2px;position:relative}.nb-palette__grade:before{content:"";display:block;padding-top:150%}.nb-palette__grade:hover{z-index:50}.nb-palette__grade--selected{cursor:default}.nb-palette__grade--disabled{pointer-events:none}.nb-palette__grade--disabled .nb-palette__grade-surface{background:#eee}.nb-palette__grade--disabled .nb-palette__grade-icon{color:#ccc}.nb-palette__grade-surface{background:var(--nb-bg-color);bottom:0;box-shadow:inset 0 0 0 1px rgba(0,0,0,.05);left:0;position:absolute;right:0;top:0}.nb-palette__grade--selected .nb-palette__grade-surface,.nb-palette__grade:hover .nb-palette__grade-surface{border:2px solid #fff;bottom:-7px;left:-7px;right:-7px;top:-7px;z-index:20}.nb-palette__grade--source:not(:hover):not(.nb-palette__grade--selected) .nb-palette__grade-surface{background:none;box-shadow:none}.nb-palette__grade-icon{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em;z-index:30}.nb-palette__grade-icon svg{display:block}.nb-palette__grade--source:not(:hover):not(.nb-palette__grade--selected) .nb-palette__grade-icon{color:var(--nb-bg-color)}.nb-palette__signal-previews{display:flex;gap:2px;margin-bottom:20px;margin-top:20px;text-align:center}.nb-palette__signal-previews>*{flex:1 0 0}.nb-palette__signal-preview{background-image:linear-gradient(58deg,#fff 48%,transparent 52%);box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);min-height:30px}.nb-palette__signal-preview--1{background-color:#ddd}.nb-palette__signal-preview--2{background-color:#888}.nb-palette__signal-preview--3{background-color:#222}.color-palette-picker[class][class],.novablocks-controls-group--colors-miscellanous-controls .components-toggle-control{margin-bottom:0}.color-palette-picker__palettes{display:flex;flex-wrap:wrap}@keyframes dash{to{stroke-dashoffset:0}}.color-palette-picker__color-dash,.color-palette-picker__color-fill{transition:all 0.2s ease-out}.color-palette-picker__color-dash{stroke-width:2;stroke-dasharray:4 3;stroke-dashoffset:7;animation:dash 0.5s linear infinite}.color-palette-picker__color{background:none;border:0;cursor:pointer;outline:0;padding:0;position:relative}.color-palette-picker__color svg{display:block}.color-palette-picker__color:hover .color-palette-picker__color-dash{r:23}.color-palette-picker__color:hover .color-palette-picker__color-fill{r:20}.color-palette-picker__color:hover .color-palette-picker__color-dash{stroke-width:2;stroke-dasharray:4;stroke-dashoffset:8}.color-palette-picker__color:focus .color-palette-picker__color-dash{stroke:currentColor}.color-palette-picker__color:focus:not(:hover) .color-palette-picker__color-dash{animation-play-state:paused}.color-palette-picker__color--favorite[class] .color-palette-picker__color-dash{stroke-dasharray:8 0}.color-palette-picker__color-svg{height:54px;transform:rotate(45deg);width:54px}.color-palette-picker__tick{color:#fff;height:1em;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:1em}.color-palette-picker__tick svg{display:block}.nb-row-surface-thumb{align-items:center;border:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:3px;height:64px;justify-content:center}.nb-row-surface-thumb__eyebrow{border-radius:2px;height:3px;opacity:0.75;width:22px}.nb-row-surface-thumb__headline{font-size:15px;font-weight:700;line-height:1}.nb-row-surface-thumb__rule{border-radius:2px;height:2px;width:26px}