/*! Colorshot | MIT License | https://orshot.com/open-source/colorshot */@layer colorshot{[data-colorshot-field],[data-colorshot]{--cs-width:280px;--cs-padding:12px;--cs-gap:10px;--cs-radius:12px;--cs-radius-sm:8px;--cs-radius-control:6px;--cs-radius-inner:4px;--cs-gap-inline:6px;--cs-gap-row:6px;--cs-area-height:184px;--cs-area-height-gradient:var(--cs-area-height);--cs-thumb:18px;--cs-track-height:12px;--cs-control:28px;--cs-font-size:12px;--cs-font-size-sm:11px;--cs-font-size-xs:10px;--cs-swatch-columns:8;--cs-bg:#ffffff;--cs-fg:#18181b;--cs-muted:#5f5f68;--cs-border:rgb(0 0 0/0.08);--cs-surface:#f4f4f5;--cs-surface-hover:#e9e9ec;--cs-raised:#ffffff;--cs-divider:rgb(0 0 0/0.06);--cs-danger:#dc2626;--cs-accent:#2563eb;--cs-shadow:0 1px 2px rgb(0 0 0/0.06),0 4px 8px -2px rgb(0 0 0/0.06),0 16px 36px -8px rgb(0 0 0/0.2);--cs-checker-a:#e4e4e7;--cs-checker-b:#ffffff;--cs-checker:repeating-conic-gradient(var(--cs-checker-a) 0% 25%,var(--cs-checker-b) 0% 50%) 0 0 /8px 8px;--cs-hairline:rgb(0 0 0/0.1);--cs-edge:rgb(0 0 0/0.1);--cs-ease:cubic-bezier(0.2,0,0,1);--cs-motion-fast:120ms;--cs-motion:160ms}[data-colorshot-field][data-theme=dark],[data-colorshot][data-theme=dark]{--cs-bg:#18181b;--cs-fg:#f4f4f5;--cs-muted:#a1a1aa;--cs-border:rgb(255 255 255/0.11);--cs-surface:#27272a;--cs-surface-hover:#323236;--cs-raised:#303036;--cs-danger:#f87171;--cs-divider:rgb(255 255 255/0.07);--cs-accent:#60a5fa;--cs-shadow:0 1px 2px rgb(0 0 0/0.4),0 6px 12px -2px rgb(0 0 0/0.35),0 20px 48px -8px rgb(0 0 0/0.7);--cs-checker-a:#3f3f46;--cs-checker-b:#27272a;--cs-hairline:rgb(255 255 255/0.12);--cs-edge:rgb(255 255 255/0.14)}@media (prefers-color-scheme:dark){[data-colorshot-field]:not([data-theme=light]),[data-colorshot]:not([data-theme=light]){--cs-bg:#18181b;--cs-fg:#f4f4f5;--cs-muted:#a1a1aa;--cs-border:rgb(255 255 255/0.11);--cs-surface:#27272a;--cs-surface-hover:#323236;--cs-raised:#303036;--cs-danger:#f87171;--cs-divider:rgb(255 255 255/0.07);--cs-accent:#60a5fa;--cs-shadow:0 1px 2px rgb(0 0 0/0.4),0 6px 12px -2px rgb(0 0 0/0.35),0 20px 48px -8px rgb(0 0 0/0.7);--cs-checker-a:#3f3f46;--cs-checker-b:#27272a;--cs-hairline:rgb(255 255 255/0.12);--cs-edge:rgb(255 255 255/0.14)}}[data-colorshot][data-variant=inset]{--cs-area-height:168px}[data-colorshot][data-variant=inset][data-size=sm]{--cs-area-height:140px}[data-colorshot] [data-part=gradient-bar]>[data-part=stop]{--cs-thumb:var(--_cs-pin)}[data-colorshot] [data-part=center-handle]{--cs-thumb:9px}[data-colorshot][data-size=sm]{--cs-width:240px;--cs-padding:10px;--cs-gap:8px;--cs-control:24px;--cs-thumb:16px;--cs-track-height:10px;--cs-area-height:152px;--cs-font-size:11px;--cs-font-size-sm:10.5px;--cs-font-size-xs:9.5px;--cs-radius:10px;--cs-radius-control:5px}@media (pointer:coarse){[data-colorshot]{--cs-thumb:24px;--cs-track-height:16px;--cs-control:34px;--cs-gap:12px}}}[data-colorshot]{position:relative;box-sizing:border-box;display:flex;flex-direction:column;gap:var(--cs-gap);width:var(--cs-width);max-width:100%;padding:var(--cs-padding);background:var(--cs-bg);color:var(--cs-fg);border:1px solid var(--cs-border);border-radius:var(--cs-radius);box-shadow:var(--cs-shadow);font-size:var(--cs-font-size);line-height:1.2;font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-colorshot]:not([data-settled]) :not(:where([data-part=slot] *)),[data-colorshot]:not([data-settled]) :not(:where([data-part=slot] *)):after,[data-colorshot]:not([data-settled]) :not(:where([data-part=slot] *)):before{transition:none!important}[data-colorshot] [data-part=slot]{display:contents}[data-colorshot] [data-part=slot] button:not([class]){box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:6px;width:100%;height:var(--cs-control);margin:0;padding:0 10px;border:0;border-radius:var(--cs-radius-control);background:transparent;box-shadow:inset 0 0 0 1px var(--cs-hairline);color:var(--cs-fg);font:inherit;cursor:pointer;transition:background var(--cs-motion-fast),box-shadow var(--cs-motion-fast),transform var(--cs-motion-fast)}[data-colorshot] [data-part=slot] button:not([class]):hover{background:var(--cs-surface)}[data-colorshot] [data-part=slot] button:not([class]):active:not(:disabled){transform:scale(.98)}[data-colorshot] [data-part=slot] button:not([class]):focus-visible{outline:none;box-shadow:0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=slot] button:not([class]):disabled{opacity:.5;cursor:default}[data-colorshot] :not(:where([data-part=slot] *)),[data-colorshot] :not(:where([data-part=slot] *)):after,[data-colorshot] :not(:where([data-part=slot] *)):before{box-sizing:border-box}[data-colorshot] button:not(:where([data-part=slot] *)),[data-colorshot] input:not(:where([data-part=slot] *)),[data-colorshot] select:not(:where([data-part=slot] *)){font:inherit;color:inherit;margin:0}[data-colorshot] button:not(:where([data-part=slot] *)){cursor:pointer;border:0;background:none;padding:0}[data-colorshot] :focus-visible:not(:where([data-part=slot] *)){outline:2px solid var(--cs-accent);outline-offset:2px}[data-colorshot] [data-part=sr-only]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}[data-colorshot] [data-part=eye-dropper] svg,[data-colorshot] [data-part=icon-button] svg,[data-colorshot] [data-part=mode-tabs] button svg,[data-colorshot] [data-part=select-action] svg,[data-colorshot] [data-part=select-check] svg,[data-colorshot] [data-part=select-chevron],[data-colorshot] [data-part=swatch-add] svg,[data-colorshot] [data-part=swatch-search] svg{display:block;width:14px;height:14px;flex:none}[data-colorshot] [data-tooltip]{position:relative}[data-colorshot] [data-tooltip]:after{content:attr(data-tooltip);position:absolute;z-index:40;left:50%;bottom:calc(100% + 6px);padding:4px 7px;border-radius:var(--cs-radius-control);background:var(--cs-fg);color:var(--cs-bg);font-size:var(--cs-font-size-sm);font-weight:500;line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity var(--cs-motion-fast),transform var(--cs-motion-fast) var(--cs-ease)}[data-colorshot] [data-tooltip]:focus-visible:after,[data-colorshot] [data-tooltip]:hover:after{opacity:1;transform:translate(-50%);transition-delay:.4s}[data-colorshot] [data-part=current]>[data-tooltip]:first-child:after,[data-colorshot] [data-part=slider-row]>[data-tooltip]:first-child:after{left:0;transform:translateY(3px)}[data-colorshot] [data-part=gradient-controls]>:last-child [data-tooltip]:after,[data-colorshot] [data-part=gradient-controls]>[data-tooltip]:last-child:after,[data-colorshot] [data-part=swatch-header]>[data-tooltip]:last-child:after{left:auto;right:0;transform:translateY(3px)}[data-colorshot] [data-part=current]>[data-tooltip]:first-child:is(:hover,:focus-visible):after,[data-colorshot] [data-part=gradient-controls]>:last-child [data-tooltip]:is(:hover,:focus-visible):after,[data-colorshot] [data-part=gradient-controls]>[data-tooltip]:last-child:is(:hover,:focus-visible):after,[data-colorshot] [data-part=slider-row]>[data-tooltip]:first-child:is(:hover,:focus-visible):after,[data-colorshot] [data-part=swatch-header]>[data-tooltip]:last-child:is(:hover,:focus-visible):after{transform:translate(0)}[data-colorshot] [data-tooltip]:active:after,[data-colorshot] [data-tooltip][data-tooltip-hidden]:after{opacity:0;transition-delay:0s}[data-colorshot] [data-part=gamut-badge]{position:absolute;top:6px;inset-inline-end:6px;min-height:24px;padding-inline:7px;border-radius:999px;font-size:var(--cs-font-size-xs);font-weight:600;letter-spacing:.02em;color:#fff;background:rgb(0 0 0/.6);cursor:pointer}[data-colorshot] [data-part=gamut-badge]:hover{background:rgb(0 0 0/.75)}@media (prefers-reduced-motion:reduce){[data-colorshot-field],[data-colorshot],[data-colorshot] :not(:where([data-part=slot] *)){transition:none!important;animation:none!important}}[data-colorshot] [data-part=area],[data-colorshot] [data-part=center-pad],[data-colorshot] [data-part=gradient-bar],[data-colorshot] [data-slider]{container-type:size}[data-colorshot] [data-part=area-thumb],[data-colorshot] [data-part=center-handle],[data-colorshot] [data-part=slider-thumb],[data-colorshot] [data-part=stop]{position:absolute;left:0;top:0;width:var(--cs-thumb);height:var(--cs-thumb);border-radius:50%;background:var(--_cs-thumb-color);border:2.5px solid #fff;box-shadow:0 0 0 1px rgb(0 0 0/.24),0 2px 6px rgb(0 0 0/.22);translate:calc(var(--_cs-x) * 100cqw - 50%) calc(var(--_cs-y,.5) * 100cqh - 50%);scale:1;outline:none;transition:translate var(--cs-motion) var(--cs-ease),scale var(--cs-motion) var(--cs-ease),box-shadow var(--cs-motion-fast),opacity var(--cs-motion-fast)}[data-colorshot] [data-part=center-handle]{translate:calc(clamp(0,var(--_cs-x),1) * 100cqw - 50%) calc(clamp(0,var(--_cs-y),1) * 100cqh - 50%)}[data-colorshot] [data-part=area-thumb]:focus-visible,[data-colorshot] [data-part=center-handle]:focus-visible,[data-colorshot] [data-part=slider-thumb]:focus-visible,[data-colorshot] [data-part=stop]:focus-visible{box-shadow:0 0 0 1px rgb(0 0 0/.24),0 0 0 3px var(--cs-bg),0 0 0 5px var(--cs-accent)}[data-colorshot] [data-dragging]>[data-part],[data-colorshot] [data-part=area-thumb]:focus-visible,[data-colorshot] [data-part=area]:hover>[data-part=area-thumb],[data-colorshot] [data-part=center-handle]:focus-visible,[data-colorshot] [data-part=center-pad]:hover>[data-part=center-handle],[data-colorshot] [data-part=gradient-bar]:hover>[data-part=stop],[data-colorshot] [data-part=slider-thumb]:focus-visible,[data-colorshot] [data-part=stop]:focus-visible,[data-colorshot] [data-slider]:hover>[data-part=slider-thumb],[data-colorshot] [data-wheeling]>[data-part]{will-change:translate}[data-colorshot] [data-dragging]>[data-part],[data-colorshot] [data-wheeling]>[data-part]{transition:scale var(--cs-motion) var(--cs-ease),box-shadow var(--cs-motion-fast),opacity var(--cs-motion-fast)}[data-colorshot] [data-part=area][data-dragging]:not([data-outside]),[data-colorshot] [data-slider][data-dragging]:not([data-outside]),[data-colorshot][data-colorshot] [data-wheeling][data-wheeling],[data-colorshot][data-colorshot] [data-wheeling][data-wheeling] *{cursor:none}[data-colorshot] [data-dragging]>[data-part=area-thumb],[data-colorshot] [data-wheeling]>[data-part=area-thumb]{scale:1.55;border-width:2px;box-shadow:0 0 0 1px rgb(0 0 0/.18),0 6px 18px rgb(0 0 0/.32)}[data-colorshot] [data-dragging]>[data-part=slider-thumb],[data-colorshot] [data-wheeling]>[data-part=slider-thumb]{scale:1.3;box-shadow:0 0 0 1px rgb(0 0 0/.18),0 4px 12px rgb(0 0 0/.3)}[data-colorshot] [data-part=area]:hover:not([data-dragging],[data-wheeling])>[data-part=area-thumb],[data-colorshot] [data-slider]:hover:not([data-dragging],[data-wheeling])>[data-part=slider-thumb]{scale:1.08}[data-colorshot] [data-part=area-label]{position:absolute;z-index:2;left:0;top:0;translate:clamp(30px,calc(var(--_cs-x) * 100cqw),calc(100cqw - 30px)) calc(var(--_cs-y) * 100cqh);transform:translate(-50%,calc(-100% - 22px));padding:3px 6px;border-radius:var(--cs-radius-inner);background:rgb(0 0 0/.72);color:#fff;font-size:var(--cs-font-size-xs);font-weight:600;letter-spacing:.02em;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--cs-motion-fast)}[data-colorshot] [data-part=area][data-label-below]>[data-part=area-label]{transform:translate(-50%,22px)}[data-colorshot] [data-part=area][data-dragging]>[data-part=area-label],[data-colorshot] [data-part=area][data-wheeling]>[data-part=area-label]{opacity:1}[data-colorshot] [data-part=gradient-bar]:before,[data-colorshot] [data-slider]:before{content:"";position:absolute;inset:-6px calc(var(--cs-thumb) / -2)}[data-colorshot]:not([data-mode=solid]) [data-part=area]{height:var(--cs-area-height-gradient)}[data-colorshot] [data-part=area]{position:relative;height:var(--cs-area-height);transition:height var(--cs-motion) var(--cs-ease);border-radius:var(--cs-radius-sm);background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--_cs-area-hue);box-shadow:inset 0 0 0 1px var(--cs-edge);touch-action:none;cursor:crosshair;contain:layout}[data-colorshot]>[data-part=area]:first-child{--_cs-edge-room:calc(var(--cs-thumb) / 2 + 2px);margin:calc(-1 * var(--cs-padding) - 1px) calc(-1 * var(--cs-padding) - 1px) 0;border-radius:var(--cs-radius) var(--cs-radius) 0 0;box-shadow:none}[data-colorshot]>[data-part=area]:first-child>[data-part=area-thumb]{translate:calc(clamp(var(--_cs-edge-room),var(--_cs-x) * 100cqw,100cqw - var(--_cs-edge-room)) - 50%) calc(max(var(--_cs-edge-room),var(--_cs-y) * 100cqh) - 50%)}[data-colorshot]>[data-part=area]:first-child>[data-part=gamut-badge]{top:8px;inset-inline-end:8px}[data-colorshot] [data-part=area][data-space=oklch]{background:#000}[data-colorshot] [data-part=area-canvas],[data-colorshot] [data-part=area-edge]{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;pointer-events:none}[data-colorshot] [data-part=area-edge] path{fill:none;stroke:rgb(255 255 255/.75);stroke-width:1.25px;stroke-dasharray:3 3}[data-colorshot] [data-part=area][data-space=oklch] [data-part=area-thumb]{z-index:1}[data-colorshot] [data-part=area-contrast]{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}[data-colorshot] [data-part=area-contrast] path{fill:none;stroke:#fff;stroke-width:1.5px;stroke-dasharray:4 3;filter:drop-shadow(0 0 1px rgb(0 0 0/.7))}[data-colorshot] [data-part=sliders]{display:flex;flex-direction:column;gap:var(--cs-gap)}[data-colorshot] [data-slider]{position:relative;height:var(--cs-track-height);border-radius:999px;background:var(--_cs-track);box-shadow:inset 0 0 0 1px var(--cs-edge);touch-action:none;cursor:pointer}[data-colorshot] [data-slider][data-checker]{background:var(--_cs-track),var(--cs-checker)}[data-colorshot] [data-slider]>[data-part=slider-thumb]{translate:calc(var(--cs-thumb) / 2 + var(--_cs-x) * (100cqw - var(--cs-thumb)) - 50%) calc(50cqh - 50%)}[data-colorshot] [data-part=mode-tabs],[data-colorshot] [data-part=segmented]{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:2px;height:var(--cs-control);padding:2px;background:var(--cs-surface);border-radius:var(--cs-radius-control);isolation:isolate}[data-colorshot] [data-part=mode-indicator],[data-colorshot] [data-part=segmented-indicator]{position:absolute;z-index:-1;top:2px;bottom:2px;inset-inline-start:2px;width:calc((100% - 4px - (var(--_cs-count) - 1) * 2px) / var(--_cs-count));border-radius:var(--cs-radius-inner);background:var(--cs-raised);box-shadow:0 1px 2px rgb(0 0 0/.12),0 0 0 .5px var(--cs-border);transform:translateX(calc(var(--_cs-index) * (100% + 2px)));transition:transform var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=mode-indicator]:dir(rtl),[data-colorshot] [data-part=segmented-indicator]:dir(rtl){transform:translateX(calc(var(--_cs-index) * (-100% - 2px)))}[data-colorshot] [data-part=mode-tabs] button,[data-colorshot] [data-part=segmented] button{display:flex;align-items:center;justify-content:center;gap:5px;height:100%;border-radius:var(--cs-radius-inner);color:var(--cs-muted);font-size:var(--cs-font-size);font-weight:500;transition:color var(--cs-motion-fast)}[data-colorshot] [data-part=mode-tabs] button svg{width:14px;height:14px;flex:none}[data-colorshot] [data-part=mode-tabs] button:hover,[data-colorshot] [data-part=mode-tabs] button[data-state=active],[data-colorshot] [data-part=segmented] button:hover,[data-colorshot] [data-part=segmented] button[data-state=active]{color:var(--cs-fg)}[data-colorshot] [data-part=mode-tabs] button:focus-visible,[data-colorshot] [data-part=segmented] button:focus-visible{outline-offset:-1px}[data-colorshot] [data-part=gradient-editor]{display:grid;grid-template-rows:1fr}[data-colorshot] [data-part=gradient-editor][data-reveal]{animation:cs-reveal var(--cs-motion) var(--cs-ease)}@keyframes cs-reveal{0%{grid-template-rows:0fr;opacity:0;margin-block-start:calc(-1 * var(--cs-gap))}}[data-colorshot] [data-part=gradient-editor-inner]{display:flex;flex-direction:column;gap:var(--cs-gap);min-height:0}[data-colorshot] [data-part=gradient-editor][data-reveal]>[data-part=gradient-editor-inner]{animation:cs-clip var(--cs-motion)}@keyframes cs-clip{0%,to{overflow:visible clip}}[data-colorshot] [data-part=gradient-bar]{--_cs-pin:18px;--_cs-cap:calc(var(--_cs-pin) / 2 + 3px);position:relative;height:calc(var(--_cs-pin) + 6px);padding-inline:var(--_cs-cap);border-radius:var(--_cs-cap);background:var(--_cs-track) var(--_cs-cap) 0 /calc(100% - 2 * var(--_cs-cap)) 100% no-repeat,linear-gradient(90deg,var(--_cs-track-start,transparent) 50%,var(--_cs-track-end,transparent) 50%),var(--cs-checker);box-shadow:inset 0 0 0 1px var(--cs-edge);touch-action:none;cursor:copy}[data-colorshot] [data-part=gradient-bar]:before{inset:-6px 0}[data-colorshot] [data-part=gradient-bar]>[data-part=stop]{translate:calc(var(--_cs-cap) + var(--_cs-x) * 100cqw - 50%) calc(50cqh - 50%);background:linear-gradient(var(--_cs-stop-color),var(--_cs-stop-color)),var(--cs-checker);cursor:grab}[data-colorshot] [data-part=gradient-bar]>[data-part=stop]:hover{scale:1.08}[data-colorshot] [data-part=gradient-bar]>[data-part=stop][data-state=selected]{z-index:1;scale:1.12;box-shadow:0 0 0 2px var(--cs-accent),0 3px 10px rgb(0 0 0/.28)}[data-colorshot] [data-part=gradient-bar]>[data-part=stop][data-state=selected]:focus-visible{box-shadow:0 0 0 2px var(--cs-accent),0 0 0 4px var(--cs-bg),0 0 0 6px var(--cs-accent)}[data-colorshot] [data-part=gradient-bar][data-dragging],[data-colorshot] [data-part=gradient-bar][data-dragging] *{cursor:grabbing}[data-colorshot] [data-part=gradient-bar][data-dragging]>[data-part=stop][data-state=selected]{cursor:grabbing;scale:1.2}[data-colorshot] [data-part=stop][data-enter]{animation:cs-stop-in var(--cs-motion-fast) var(--cs-ease)}@keyframes cs-stop-in{0%{scale:.6;opacity:0}}[data-colorshot] [data-part=stop][data-removing]{opacity:.35;scale:.8}[data-colorshot] [data-part=gradient-bar]:after{content:"";position:absolute;top:0;left:0;translate:calc(var(--_cs-cap) + var(--_cs-hover-x,0) * 100cqw - 50%) 0;width:2px;height:100%;border-radius:2px;background:#fff;box-shadow:0 0 0 1px rgb(0 0 0/.25);opacity:0;pointer-events:none;transition:opacity var(--cs-motion-fast)}[data-colorshot] [data-part=gradient-bar]:hover:after{opacity:.95}[data-colorshot] [data-part=gradient-bar]:has([data-part=stop]:hover):after,[data-colorshot] [data-part=gradient-bar][data-dragging]:after{opacity:0}[data-colorshot] [data-part=stop-label]{position:absolute;left:50%;bottom:calc(100% + 6px);padding:2px 5px;border-radius:var(--cs-radius-inner);background:var(--cs-fg);color:var(--cs-bg);font-size:var(--cs-font-size-xs);font-weight:600;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity var(--cs-motion-fast),transform var(--cs-motion-fast) var(--cs-ease)}[data-colorshot] [data-part=stop]:focus-visible [data-part=stop-label],[data-colorshot] [data-part=stop][data-active] [data-part=stop-label]{opacity:1;transform:translate(-50%)}[data-colorshot] [data-part=gradient-controls]{display:flex;align-items:center;gap:var(--cs-gap-inline);min-width:0}[data-colorshot] [data-part=spacer]{flex:1 1 0;min-width:0}[data-colorshot] [data-part=angle-dial]{position:relative;flex:none;width:var(--cs-control);height:var(--cs-control);border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px var(--cs-hairline);touch-action:none;cursor:grab}[data-colorshot] [data-part=angle-dial][data-dragging]{cursor:grabbing}[data-colorshot] [data-part=angle-handle]{position:absolute;inset:0;border-radius:50%;transform:rotate(var(--_cs-angle));outline:none}[data-colorshot] [data-part=angle-handle]:before{content:"";position:absolute;left:50%;top:7px;bottom:50%;width:1.5px;margin-left:-.75px;background:var(--cs-muted)}[data-colorshot] [data-part=angle-handle]:after{content:"";position:absolute;left:50%;top:3px;width:6px;height:6px;margin-left:-3px;border-radius:50%;background:var(--cs-fg)}[data-colorshot] [data-part=angle-handle]:focus-visible{box-shadow:0 0 0 2px var(--cs-bg),0 0 0 4px var(--cs-accent)}[data-colorshot] [data-part=center-pad]{position:relative;flex:none;width:var(--cs-control);height:var(--cs-control);border-radius:var(--cs-radius-control);background:var(--_cs-preview),var(--cs-checker);box-shadow:inset 0 0 0 1px var(--cs-border);touch-action:none;cursor:move}[data-colorshot] [data-part=center-pad][data-disabled]{cursor:default}[data-colorshot] [data-part=center-handle]{--_cs-thumb-color:transparent;border-width:1.5px}[data-colorshot] [data-part=gradient-controls] [data-part=segmented]{flex:0 1 156px;min-width:0}[data-colorshot] [data-part=gradient-controls] [data-part=segmented] button{padding-inline:8px;gap:6px;font-size:var(--cs-font-size-sm)}[data-colorshot] [data-part=shape-icon]{width:11px;height:11px;border:1.5px solid;border-radius:50%}[data-colorshot] [data-part=shape-icon][data-shape=ellipse]{width:14px;height:9px}[data-colorshot] [data-part=icon-button]{display:grid;place-items:center;flex:none;width:var(--cs-control);height:var(--cs-control);border-radius:var(--cs-radius-control);color:var(--cs-muted);transition:background var(--cs-motion-fast),color var(--cs-motion-fast),transform var(--cs-motion-fast)}[data-colorshot] [data-part=icon-button]:hover:not(:disabled),[data-colorshot] [data-part=icon-button][data-state=open]{background:var(--cs-surface);color:var(--cs-fg)}[data-colorshot] [data-part=icon-button]:disabled{opacity:.35;cursor:default}[data-colorshot] [data-part=icon-button][data-size=sm]{width:calc(var(--cs-control) - 6px);height:calc(var(--cs-control) - 6px)}[data-colorshot] [data-part=menu]{position:relative;flex:none}[data-colorshot] [data-part=menu][data-align=end] [data-part=select-menu]{left:auto;right:0;transform-origin:top right}[data-colorshot] [data-part=menu] [data-part=select-menu]:focus:not(:focus-visible){outline:none}[data-colorshot] [data-part=menu-separator]{height:1px;margin:4px 2px;background:var(--cs-border)}[data-colorshot] [data-part=select-option][aria-disabled=true]{opacity:.4;cursor:default}[data-colorshot] [data-part=select-option] [data-part=select-check] svg{width:14px;height:14px}[data-colorshot] [data-part=eye-dropper]{display:grid;place-items:center;flex:none;width:var(--cs-control);height:var(--cs-control);border-radius:var(--cs-radius-control);color:var(--cs-fg);background:transparent;box-shadow:inset 0 0 0 1px var(--cs-hairline);transition:background var(--cs-motion-fast)}[data-colorshot] [data-part=eye-dropper]:hover{background:var(--cs-surface)}[data-colorshot] [data-part=eye-dropper][data-state=active]{background:var(--cs-accent);color:#fff;animation:cs-pulse 1.4s ease-out infinite}@keyframes cs-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--cs-accent) 55%,transparent)}to{box-shadow:0 0 0 10px transparent}}[data-colorshot] [data-part=eye-dropper]:active,[data-colorshot] [data-part=icon-button]:active:not(:disabled),[data-colorshot] [data-part=mode-tabs] button:active,[data-colorshot] [data-part=segmented] button:active{transform:scale(.94)}[data-colorshot] [data-part=eye-dropper],[data-colorshot] [data-part=icon-button]{transition:background var(--cs-motion-fast),color var(--cs-motion-fast),transform var(--cs-motion-fast)}[data-colorshot] [data-part=inputs]{display:flex;align-items:center;gap:var(--cs-gap-inline)}[data-colorshot] [data-part=fields]{flex:1;min-width:0;display:flex;gap:var(--cs-gap-inline)}[data-colorshot] [data-part=field]{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:3px;height:var(--cs-control);padding-inline:8px;background:transparent;border-radius:var(--cs-radius-control);box-shadow:inset 0 0 0 1px var(--cs-hairline);transition:box-shadow var(--cs-motion-fast)}[data-colorshot] [data-part=field]:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cs-fg) 24%,transparent)}[data-colorshot] [data-part=field]:focus-within{box-shadow:inset 0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=field][data-field=hex]{flex-grow:3}[data-colorshot] [data-part=field-sizer]{display:inline-grid;flex:1 1 auto;min-width:0}[data-colorshot] [data-part=field-ghost]{grid-area:1/1;height:0;overflow:hidden;visibility:hidden;white-space:pre;padding-inline-end:2px}[data-colorshot] [data-part=field-sizer]>[data-part=field-input]{grid-area:1/1;width:0;min-width:100%}[data-colorshot] [data-part=field][data-field=alpha],[data-colorshot] [data-part=field][data-field=angle],[data-colorshot] [data-part=field][data-field=stop]{flex:none;gap:1px}[data-colorshot] [data-part=field][data-field=alpha]{padding-inline:7px}[data-colorshot] [data-part=field-sizer]:has(+[data-part=field-label])>[data-part=field-input]{text-align:right}[data-colorshot] [data-part=field-label]{flex:none;color:var(--cs-muted);font-size:var(--cs-font-size-sm);cursor:ew-resize;touch-action:none}[data-colorshot] [data-field=hex] [data-part=field-label]{cursor:default}[data-colorshot] [data-part=field-input]{flex:1;min-width:0;width:100%;padding:0;border:0;outline:none;background:transparent;-webkit-user-select:text;-moz-user-select:text;user-select:text;text-transform:none}[data-colorshot] [data-field=channel]{flex:1 1 auto;padding-inline:4px}[data-colorshot] [data-field=channel] [data-part=field-input]{text-align:center}[data-colorshot] [data-field=hex] [data-part=field-input]{text-transform:uppercase}[data-colorshot] [data-part=preview][data-compare]{flex:none;width:var(--cs-control);height:calc(var(--cs-track-height) * 2 + var(--cs-gap));flex-direction:column}[data-colorshot] [data-part=preview][data-compare] [data-part=preview-swatch]{width:100%}[data-colorshot] [data-part=header]{display:flex;align-items:center;gap:var(--cs-gap-inline)}[data-colorshot] [data-part=header]>[data-part=mode-tabs]{flex:1;min-width:0}[data-colorshot] [data-part=current]{display:flex;flex:none;width:var(--cs-control);height:var(--cs-control);border-radius:var(--cs-radius-control);box-shadow:inset 0 0 0 1px var(--cs-border);transition:width var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=current][data-compare]{width:calc(var(--cs-control) * 1.7)}[data-colorshot] [data-part=current-original],[data-colorshot] [data-part=current-value]{position:relative;flex:1;min-width:0;background:var(--cs-checker);cursor:pointer}[data-colorshot] [data-part=current-original]:before,[data-colorshot] [data-part=current-value]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--_cs-swatch);box-shadow:inset 0 0 0 1px var(--cs-edge)}[data-colorshot] [data-part=current-morph]{position:absolute;inset:0;border-radius:inherit;background:var(--cs-checker);animation:cs-morph var(--cs-motion) var(--cs-ease) both;pointer-events:none}[data-colorshot] [data-part=current-morph]:before{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--_cs-swatch);box-shadow:inset 0 0 0 1px var(--cs-edge)}@keyframes cs-morph{0%{clip-path:circle(0 at 50% 50%)}to{clip-path:circle(72% at 50% 50%)}}[data-colorshot] [data-part=current]>:first-child{border-radius:var(--cs-radius-control) 0 0 var(--cs-radius-control)}[data-colorshot] [data-part=current]>:last-child{border-radius:0 var(--cs-radius-control) var(--cs-radius-control) 0}[data-colorshot] [data-part=current]>:only-child{border-radius:var(--cs-radius-control)}[data-colorshot] [data-part=slider-row]{display:flex;align-items:center;gap:var(--cs-gap-inline)}[data-colorshot] [data-part=slider-row]>[data-part=sliders]{flex:1;min-width:0}[data-colorshot] [data-part=slider-row]>[data-part=eye-dropper]{margin-inline-start:-4px;background:transparent;box-shadow:none;color:var(--cs-muted)}[data-colorshot] [data-part=slider-row]>[data-part=eye-dropper]:hover{background:var(--cs-surface);color:var(--cs-fg)}[data-colorshot] [data-part=slider-row]>[data-part=eye-dropper][data-state=active]{background:var(--cs-accent);color:#fff}[data-colorshot] [data-part=inputs]{gap:0;border-radius:var(--cs-radius-control);background:transparent;box-shadow:inset 0 0 0 1px var(--cs-hairline);transition:box-shadow var(--cs-motion-fast)}[data-colorshot] [data-part=inputs]:hover{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cs-fg) 24%,transparent)}[data-colorshot] [data-part=inputs] [data-part=fields]{gap:0}[data-colorshot] [data-part=inputs] [data-part=field],[data-colorshot] [data-part=inputs] [data-part=select-trigger]{background:transparent;border-radius:0}[data-colorshot] [data-part=inputs] [data-part=field],[data-colorshot] [data-part=inputs] [data-part=field]:hover{box-shadow:inset 1px 0 0 var(--cs-hairline)}[data-colorshot] [data-part=inputs] [data-part=field]:focus-within{border-radius:var(--cs-radius-control);box-shadow:inset 0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=inputs] [data-part=select-trigger]{border-radius:var(--cs-radius-control) 0 0 var(--cs-radius-control);box-shadow:none}[data-colorshot] [data-part=inputs] [data-part=select-trigger]:hover{background:var(--cs-surface)}[data-colorshot] [data-part=inputs] [data-part=select-trigger]:focus-visible{border-radius:var(--cs-radius-control)}[data-colorshot] [data-part=inputs] [data-field=alpha]{justify-content:center}[data-colorshot] [data-part=field]:has([data-part=field-sizer]+[data-part=field-label]){justify-content:center}[data-colorshot] [data-part=field][data-invalid]{animation:cs-shake .36s cubic-bezier(.36,.07,.19,.97);box-shadow:inset 0 0 0 1.5px var(--cs-danger)}@keyframes cs-shake{20%,60%{translate:-3px 0}40%,80%{translate:3px 0}}[data-colorshot] [data-part=header]:not(:has([data-part=mode-tabs]))>[data-part=current]{flex:1;width:auto}[data-colorshot] [data-part=select]{position:relative;flex:none;min-width:0}[data-colorshot] [data-part=select][data-kind=format]{flex:none}[data-colorshot] [data-part=select-trigger]{display:flex;align-items:center;gap:2px;width:100%;height:var(--cs-control);padding:0 3px 0 8px;border-radius:var(--cs-radius-control);background:transparent;box-shadow:inset 0 0 0 1px var(--cs-hairline);transition:background var(--cs-motion-fast),box-shadow var(--cs-motion-fast)}[data-colorshot] [data-part=select-trigger]:hover{background:var(--cs-surface)}[data-colorshot] [data-part=select-trigger]:focus-visible{outline:none;box-shadow:0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=select-value]{display:inline-grid;flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left}[data-colorshot] [data-part=select-value]:after{content:attr(data-widest);grid-area:1/1;height:0;overflow:hidden;visibility:hidden}[data-colorshot] [data-part=select-chevron]{flex:none;width:14px;height:14px;color:var(--cs-muted);transition:transform var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=select][data-state=open] [data-part=select-chevron]{transform:rotate(180deg)}[data-colorshot] [data-part=select-menu]{position:absolute;z-index:30;left:0;top:calc(100% + 4px);min-width:100%;max-height:360px;overflow:auto;padding:4px;background:var(--cs-raised);border:1px solid var(--cs-border);border-radius:calc(var(--cs-radius-control) + 4px);box-shadow:var(--cs-shadow);transform-origin:top left;animation:cs-pop var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=select-menu][data-placement=top]{top:auto;bottom:calc(100% + 4px);transform-origin:bottom left}@keyframes cs-pop{0%{opacity:0;transform:scale(.96) translateY(-2px)}}[data-colorshot] [data-part=select-action],[data-colorshot] [data-part=select-option]{display:grid;grid-template-columns:16px 1fr auto;align-items:center;gap:6px;width:100%;height:28px;padding:0 8px 0 5px;border-radius:var(--cs-radius-control);cursor:pointer;white-space:nowrap;text-align:left}[data-colorshot] [data-part=select-trigger][data-kind=icon]{justify-content:center;width:var(--cs-control);padding:0;background:transparent;box-shadow:none;color:var(--cs-muted)}[data-colorshot] [data-part=select-trigger][data-kind=icon]:hover,[data-colorshot] [data-part=select][data-state=open] [data-part=select-trigger][data-kind=icon]{background:var(--cs-surface);color:var(--cs-fg)}[data-colorshot] [data-part=select][data-kind=more] [data-part=select-menu]{left:auto;right:0;transform-origin:top right}[data-colorshot] [data-part=select-action]:focus-visible,[data-colorshot] [data-part=select-action]:hover,[data-colorshot] [data-part=select-option][data-active]{background:var(--cs-surface);outline:none}[data-colorshot] [data-part=select-action]:focus-visible,[data-colorshot] [data-part=select-menu][data-nav=keyboard] [data-part=select-option][data-active]{box-shadow:inset 0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=select-action] svg,[data-colorshot] [data-part=select-check] svg{width:14px;height:14px;color:var(--cs-accent)}[data-colorshot] [data-part=select-action] svg{color:var(--cs-muted)}[data-colorshot] [data-part=select-hint]{color:var(--cs-muted);font-size:var(--cs-font-size-sm);padding-left:12px}[data-colorshot] [data-part=select-heading]{padding:4px 8px 6px;color:var(--cs-muted);font-size:var(--cs-font-size-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase}[data-colorshot] [data-part=select-footer]{margin-top:4px;padding-top:4px;border-top:1px solid var(--cs-border)}[data-colorshot] [data-part=toast]{position:absolute;z-index:50;left:50%;bottom:12px;translate:-50% 0;display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:var(--cs-fg);color:var(--cs-bg);font-size:var(--cs-font-size-sm);font-weight:500;pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--cs-motion-fast),transform var(--cs-motion-fast) var(--cs-ease)}[data-colorshot] [data-part=toast][data-state=visible]{opacity:1;transform:none}[data-colorshot] [data-part=toast] svg{width:12px;height:12px}[data-colorshot] [data-part=swatches]{display:flex;flex-direction:column;gap:var(--cs-gap);margin-top:4px}[data-colorshot]>[data-part=swatches]:first-child{margin-top:0}[data-colorshot] [data-part=swatch-group]{display:flex;flex-direction:column;gap:var(--cs-gap-row)}[data-colorshot] [data-part=swatch-group-header]{display:flex;align-items:center;gap:var(--cs-gap-inline);min-height:20px}[data-colorshot] [data-part=swatch-group-header]>:first-child{margin-inline-end:auto}[data-colorshot] [data-part=swatch-group-label]{color:var(--cs-muted);font-size:var(--cs-font-size-sm);font-weight:500}[data-colorshot] [data-part=link-button]{color:var(--cs-accent);font-size:var(--cs-font-size-sm)}[data-colorshot] [data-part=swatch-grid]{display:grid;grid-template-columns:repeat(var(--cs-swatch-columns,8),minmax(0,1fr));gap:var(--cs-gap-row)}[data-colorshot] [data-part=swatch-cell]{position:relative;aspect-ratio:1}[data-colorshot] [data-part=swatch]{--_cs-ring:transparent;--_cs-band:1.5px;position:relative;display:block;width:100%;height:100%;border-radius:var(--cs-radius-control);background:var(--cs-checker);box-shadow:0 0 0 2px var(--cs-bg),0 0 0 3.5px var(--_cs-ring);outline:none;transition:box-shadow var(--cs-motion-fast),transform var(--cs-motion-fast) var(--cs-ease)}[data-colorshot] [data-part=swatch]:before{content:"";position:absolute;inset:0;padding:var(--_cs-band);border-radius:inherit;background:linear-gradient(rgb(0 0 0/.14),rgb(0 0 0/.14)),var(--_cs-swatch);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);opacity:0;transition:opacity var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=swatch]:after{content:"";position:absolute;--_cs-gap-size:0px;inset:var(--_cs-inner,0);border-radius:max(2px,calc(var(--cs-radius-control) - var(--_cs-inner,0px)));background:var(--_cs-swatch);box-shadow:0 0 0 var(--_cs-gap-size) var(--cs-bg),inset 0 0 0 1px var(--cs-edge);transition:inset var(--cs-motion) var(--cs-ease),border-radius var(--cs-motion) var(--cs-ease),box-shadow var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=swatch]:hover:before,[data-colorshot] [data-part=swatch][data-state=selected]:before{opacity:1}[data-colorshot] [data-part=swatch]:hover:after{--_cs-inner:calc(var(--_cs-band) + 1px);--_cs-gap-size:1px}[data-colorshot] [data-part=swatch][data-state=selected]:after{--_cs-inner:calc(var(--_cs-band) + 1.5px);--_cs-gap-size:1.5px}[data-colorshot] [data-part=swatch]:focus-visible{--_cs-ring:var(--cs-accent)}[data-colorshot] [data-part=swatch]:active{transform:scale(.92);transition-duration:var(--cs-motion-fast),60ms}[data-colorshot] [data-part=swatch-remove]{position:absolute;top:-13px;right:-13px;z-index:1;width:24px;height:24px;color:var(--cs-bg);opacity:0;pointer-events:none;transform:scale(.7);transform-origin:8.5px 15.5px;transition:opacity var(--cs-motion-fast),transform var(--cs-motion-fast) var(--cs-ease)}[data-colorshot] [data-part=swatch-remove]:before{content:"";position:absolute;inset:8px 8px 1px 1px;border-radius:50%;background:var(--cs-fg)}[data-colorshot] [data-part=swatch-remove] svg{position:absolute;top:10.5px;left:3.5px;width:10px;height:10px}[data-colorshot] [data-part=swatch-cell]:focus-within [data-part=swatch-remove],[data-colorshot] [data-part=swatch-cell]:hover [data-part=swatch-remove]{opacity:1;pointer-events:auto;transform:scale(1)}@media (hover:none){[data-colorshot] [data-part=swatch-remove]{opacity:1;pointer-events:auto;transform:scale(1)}}[data-colorshot] [data-part=swatch-add]{display:grid;place-items:center;aspect-ratio:1;border-radius:var(--cs-radius-control);color:var(--cs-muted);box-shadow:inset 0 0 0 1px var(--cs-border);border:1px dashed var(--cs-border)}[data-colorshot] [data-part=swatch-add]:hover{color:var(--cs-fg);background:var(--cs-surface)}[data-colorshot] [data-part=preview]{display:flex;overflow:hidden;border-radius:var(--cs-radius-sm);box-shadow:inset 0 0 0 1px var(--cs-border);min-height:var(--cs-control)}[data-colorshot] [data-part=preview-swatch]{position:relative;flex:1;background:var(--cs-checker)}[data-colorshot] [data-part=preview-swatch]:after{content:"";position:absolute;inset:0;background:var(--_cs-swatch)}[data-colorshot] [data-part=notice]{margin:0;padding:7px 9px;border-radius:var(--cs-radius-control);background:var(--cs-surface);color:var(--cs-muted);font-size:var(--cs-font-size-sm);line-height:1.4}[data-colorshot] [data-part=swatch-header]{display:flex;align-items:center;gap:2px;min-height:calc(var(--cs-control) - 6px);box-shadow:inset 0 -1px 0 var(--cs-border)}[data-colorshot] [data-part=swatch-header][data-align=end]{justify-content:flex-end;box-shadow:none}[data-colorshot] [data-part=swatch-header]>[data-part=swatch-tabs]{flex:1;min-width:0;background:none;border-bottom:0;margin-bottom:0;align-self:stretch;align-items:flex-end}[data-colorshot] [data-part=swatch-header]>[data-part=icon-button]{margin-bottom:3px}[data-colorshot] [data-part=swatch-search]{display:flex;align-items:center;gap:6px;height:var(--cs-control);padding:0 3px 0 8px;animation:cs-pop var(--cs-motion) var(--cs-ease);border-radius:var(--cs-radius-control);background:var(--cs-surface);color:var(--cs-muted)}[data-colorshot] [data-part=swatch-search]:focus-within{box-shadow:0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=swatch-search] svg{flex:none;width:14px;height:14px}[data-colorshot] [data-part=swatch-search-input]{flex:1;min-width:0;border:0;outline:none;padding:0;background:transparent;color:var(--cs-fg);-webkit-user-select:text;-moz-user-select:text;user-select:text}[data-colorshot] [data-part=swatch-search-input]::-moz-placeholder{color:var(--cs-muted)}[data-colorshot] [data-part=swatch-search-input]::placeholder{color:var(--cs-muted)}[data-colorshot] [data-part=swatch-search-input]::-webkit-search-cancel-button{display:none}[data-colorshot] [data-part=swatch-empty]{margin:0;color:var(--cs-muted);font-size:var(--cs-font-size-sm);text-align:center;padding:6px 0}[data-colorshot] [data-part=swatch-empty]:empty,[data-colorshot] [data-part=swatches]:has([data-part=swatch-group]) [data-part=swatch-empty]{display:none}[data-colorshot] [data-part=swatch]{cursor:pointer}[data-colorshot] [data-part=gradient-bar][data-dropping]{box-shadow:inset 0 0 0 1px var(--cs-edge),0 0 0 2px var(--cs-accent)}[data-colorshot] [data-part=gradient-bar][data-dropping]:after{opacity:1}[data-colorshot] [data-part=swatch-tabs]{display:flex;gap:9px;overflow:auto hidden;overscroll-behavior-x:contain;scrollbar-width:none;padding:2px;margin:-2px -2px 1px;background:linear-gradient(var(--cs-border),var(--cs-border)) 2px 100% /calc(100% - 4px) 1px no-repeat}[data-colorshot] [data-part=swatch-tabs]::-webkit-scrollbar{display:none}[data-colorshot] [data-part=swatch-tabs] button{position:relative;flex:none;padding:0 0 7px;color:var(--cs-muted);font-size:var(--cs-font-size-sm);font-weight:500;transition:color var(--cs-motion-fast)}[data-colorshot] [data-part=swatch-tabs] button:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;border-radius:2px;background:var(--cs-fg);scale:0 1;transition:scale var(--cs-motion) var(--cs-ease)}[data-colorshot] [data-part=swatch-tabs] button:hover,[data-colorshot] [data-part=swatch-tabs] button[data-state=active]{color:var(--cs-fg)}[data-colorshot] [data-part=swatch-tabs] button[data-state=active]:after{scale:1 1}[data-colorshot] [data-part=swatch-tabs] button:focus-visible{outline-offset:0;border-radius:3px}[data-colorshot] [data-part=swatch-group][data-tabbed] [data-part=swatch-grid]{max-height:calc(var(--cs-swatch-rows,3) * (var(--cs-control) + var(--cs-gap-row)));overflow:hidden auto;padding:4px;margin:-4px;scrollbar-width:thin}[data-colorshot] [data-part=swatch-empty-hint]{grid-column:2/-1;align-self:center;margin:0;color:var(--cs-muted);font-size:var(--cs-font-size-sm);line-height:1.3}[data-colorshot] [data-part=swatch-grid]:not(:has([data-part=swatch-add])) [data-part=swatch-empty-hint]{grid-column:1/-1}[data-colorshot] [data-part=swatch-cell][data-drop]:before{content:"";position:absolute;z-index:1;top:2px;bottom:2px;left:calc(var(--cs-gap-row) / -2 - 1px);width:2px;border-radius:2px;background:var(--cs-accent)}[data-colorshot] [data-part=swatch-rename]{display:flex;align-items:center;gap:var(--cs-gap-row);height:var(--cs-control);padding:0 6px 0 4px;border-radius:var(--cs-radius-control);background:var(--cs-surface);box-shadow:0 0 0 1.5px var(--cs-accent)}[data-colorshot] [data-part=swatch-rename-swatch]{flex:none;width:20px;height:20px;border-radius:var(--cs-radius-inner);background:var(--_cs-swatch);box-shadow:inset 0 0 0 1px var(--cs-edge)}[data-colorshot] [data-part=swatch-rename-input]{flex:1;min-width:0;border:0;outline:none;padding:0;background:transparent;color:var(--cs-fg);-webkit-user-select:text;-moz-user-select:text;user-select:text}[data-colorshot] [data-part=swatch-tabs][data-overflow=end]{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 28px),transparent)}[data-colorshot] [data-part=swatch-tabs][data-overflow=start]{-webkit-mask-image:linear-gradient(270deg,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(270deg,#000 calc(100% - 28px),transparent)}[data-colorshot] [data-part=swatch-tabs][data-overflow=both]{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 28px),transparent)}[data-colorshot-field]{box-sizing:border-box;display:inline-flex;align-items:center;gap:8px;min-width:0;height:32px;padding:0 10px 0 5px;border:1px solid var(--cs-border);border-radius:var(--cs-radius-sm);background:var(--cs-bg);color:var(--cs-fg);font:inherit;font-size:var(--cs-field-font-size,13px);line-height:1.2;font-variant-numeric:tabular-nums;text-align:left;cursor:pointer;transition:border-color var(--cs-motion-fast),box-shadow var(--cs-motion-fast)}[data-colorshot-field]:hover{border-color:color-mix(in srgb,var(--cs-fg) 22%,transparent)}[data-colorshot-field][data-state=open]{outline:none;border-color:var(--cs-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--cs-accent) 22%,transparent)}[data-colorshot-field]:focus-visible{outline:none;border-color:var(--cs-accent);box-shadow:0 0 0 2px var(--cs-bg),0 0 0 4px var(--cs-accent)}[data-colorshot-field]:disabled{opacity:.5;cursor:not-allowed}[data-colorshot-field] [data-part=field-swatch]{position:relative;flex:none;width:22px;height:22px;border-radius:calc(var(--cs-radius-sm) - 5px);overflow:hidden;background:var(--cs-checker)}[data-colorshot-field] [data-part=field-swatch]:after{content:"";position:absolute;inset:0;background:var(--_cs-swatch);box-shadow:inset 0 0 0 1px var(--cs-edge);border-radius:inherit}[data-colorshot-field] [data-part=field-text]{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}[data-colorshot-field] [data-part=field-alpha]{flex:none;color:var(--cs-muted)}[data-colorshot-popover]{position:fixed;top:0;left:0;z-index:1000}[data-colorshot-popover]>[data-colorshot]{animation:cs-pop var(--cs-motion) var(--cs-ease)}[data-colorshot-popover][data-side=top]>[data-colorshot]{transform-origin:bottom left}[data-colorshot] [data-part=contrast]{display:flex;align-items:center;gap:var(--cs-gap-row);height:var(--cs-control);padding:0 8px 0 5px;border-radius:var(--cs-radius-control);background:var(--cs-surface);font-size:var(--cs-font-size-sm)}[data-colorshot] [data-part=contrast-sample]{position:relative;width:18px;height:18px;border-radius:var(--cs-radius-inner);background:var(--_cs-swatch);box-shadow:inset 0 0 0 1px var(--cs-border)}[data-colorshot] [data-part=contrast-label]{color:var(--cs-muted)}[data-colorshot] [data-part=contrast-ratio]{margin-inline-start:auto;font-weight:600}[data-colorshot] [data-part=contrast-level]{padding:1px 6px;border-radius:999px;font-size:var(--cs-font-size-xs);font-weight:600;color:#fff;background:#15803d}[data-colorshot] [data-part=contrast][data-level=large] [data-part=contrast-level]{background:#a16207}[data-colorshot] [data-part=contrast][data-level=fail] [data-part=contrast-level]{background:#b91c1c}[data-colorshot][data-size=sm] [data-part=field],[data-colorshot][data-size=sm] [data-part=field][data-field=alpha]{padding-inline:5px}[data-colorshot][data-size=sm] [data-field=channel]{padding-inline:1px}[data-colorshot][data-size=sm] [data-part=gradient-bar]{--_cs-pin:16px}[data-colorshot][data-size=sm] [data-part=shape-icon]{display:none}[data-colorshot][data-size=sm] [data-part=select-trigger]{padding-left:6px}[data-colorshot][data-size=sm] [data-part=current][data-compare]{width:max(calc(var(--cs-control) * 1.7),48px)}[data-colorshot][data-size=sm] [data-part=current][data-compare]>*{min-width:24px}@media (pointer:coarse){[data-colorshot] [data-slider]:before{inset:-10px calc(var(--cs-thumb) / -2)}[data-colorshot] [data-part=gradient-bar]{--_cs-pin:24px}[data-colorshot] [data-part=gradient-bar]:before{inset:-10px 0}}@media (forced-colors:active){[data-colorshot-field] [data-part=field-swatch],[data-colorshot] [data-part=area-thumb],[data-colorshot] [data-part=area],[data-colorshot] [data-part=center-pad],[data-colorshot] [data-part=contrast-sample],[data-colorshot] [data-part=current-original],[data-colorshot] [data-part=current-value],[data-colorshot] [data-part=gradient-bar],[data-colorshot] [data-part=preview-swatch],[data-colorshot] [data-part=slider-thumb],[data-colorshot] [data-part=stop],[data-colorshot] [data-part=swatch-rename-swatch],[data-colorshot] [data-part=swatch],[data-colorshot] [data-part=swatch]:after,[data-colorshot] [data-slider]{forced-color-adjust:none}[data-colorshot-field]:focus-visible,[data-colorshot] :focus-visible:not(:where([data-part=slot] *)),[data-colorshot] [data-part=field]:focus-within,[data-colorshot] [data-part=swatch-search]:focus-within,[data-colorshot] [data-part]:focus-visible{outline:2px solid Highlight;outline-offset:2px}[data-colorshot] [data-part=field-input]:focus-visible,[data-colorshot] [data-part=swatch-rename-input]:focus-visible,[data-colorshot] [data-part=swatch-search-input]:focus-visible{outline:none}[data-colorshot] [data-part=mode-indicator],[data-colorshot] [data-part=segmented-indicator]{border:2px solid Highlight}[data-colorshot] [data-part=stop][data-state=selected],[data-colorshot] [data-part=swatch][data-state=selected]{outline:2px solid Highlight;outline-offset:2px}[data-colorshot] [data-part=select-option][data-active]{outline:2px solid Highlight;outline-offset:-2px}}