.custom-color-trigger{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:0 0 44px;place-items:center;width:44px;height:44px;padding:0;display:inline-grid}.custom-color-trigger>span{color:#fff;background:conic-gradient(#ef4444,#facc15,#22c55e,#06b6d4,#3b82f6,#a855f7,#ef4444);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.custom-color-trigger svg{filter:drop-shadow(0 1px 2px #10243a)}.custom-color-trigger[aria-pressed=true]>span{outline:2px solid var(--text);outline-offset:3px}.custom-color-trigger:focus-visible{outline:3px solid var(--text);outline-offset:1px}.custom-color-trigger:disabled{opacity:.55;cursor:default}.dialog-content.reference-form-dialog.custom-color-dialog{width:min(380px,100vw - 32px)}.custom-color-editor{gap:18px;min-width:0;display:grid}.custom-color-plane{touch-action:none;cursor:crosshair;background:linear-gradient(to top, black, transparent), linear-gradient(to right, white, transparent), var(--custom-hue);border-radius:12px;height:190px;position:relative}.custom-color-plane:focus-visible{outline:3px solid var(--text);outline-offset:4px}.custom-color-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #10243a}.custom-color-hue{gap:6px;display:grid}.custom-color-hue input{appearance:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border:0;border-radius:12px;width:100%;height:24px;padding:0}.custom-color-hue input::-webkit-slider-thumb{appearance:none;cursor:grab;background:0 0;border:3px solid #fff;border-radius:7px;width:20px;height:28px;box-shadow:0 1px 4px #10243a80}.custom-color-hue input::-moz-range-thumb{background:0 0;border:3px solid #fff;border-radius:7px;width:16px;height:24px;box-shadow:0 1px 4px #10243a80}.custom-color-value{align-items:center;gap:14px;display:flex}.custom-color-value label{flex:1;gap:5px;min-width:0;display:grid}.custom-color-value input{font-variant-numeric:tabular-nums;width:100%}.custom-color-preview{border-radius:12px;flex:0 0 56px;width:56px;height:56px;box-shadow:inset 0 0 0 1px #10243a30}.custom-color-error{color:var(--danger);margin:0}.appearance-custom-color{align-items:center;gap:6px;padding:6px;display:flex}.board-color-filter{align-items:center;gap:4px;display:flex}[style*=--item-light]{--item-color:var(--item-light);--item-soft:var(--item-soft-light)}:root[data-mode=dark] [style*=--item-light],:root[data-mode=hybrid] .sidebar [style*=--item-light]{--item-color:var(--item-dark);--item-soft:var(--item-soft-dark)}.item-color-picker{border:0;min-width:0;margin:0;padding:0}.item-color-picker legend{margin-bottom:6px;padding:0;font-weight:600}.item-color-picker small{font-size:var(--text-base);color:var(--muted);margin-top:4px;display:block}.item-color-options{flex-wrap:wrap;gap:4px;display:flex}.item-color-options label{cursor:pointer;place-items:center;width:44px;height:44px;display:grid;position:relative}.item-color-options input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.item-color-options label>span{background:var(--item-swatch);width:30px;height:30px;color:var(--item-check);pointer-events:none;border-radius:50%;place-items:center;display:grid}:root[data-mode=dark] .item-color-options label>span{box-shadow:inset 0 0 0 1px #e8eef63d}.item-color-options input:checked+span{outline:2px solid var(--item-color);outline-offset:3px}.item-color-options input:focus-visible+span{outline:3px solid var(--text);outline-offset:4px}.item-color-picker:disabled{opacity:.55}.project-symbol.item-colored{color:var(--item-color);background:0 0}.resource-folder-icon.item-colored{color:var(--item-color);background:var(--item-soft)}.task-row.item-colored{border-inline-start:3px solid var(--item-color)}.item-color-mark{background:var(--item-color);border-radius:50%;flex-shrink:0;width:9px;height:9px;display:inline-block}