.reveal-color{align-items:center;gap:7px;min-width:0;display:flex}.reveal-color-trigger{border:1px solid var(--theme-border-strong);cursor:pointer;background:repeating-conic-gradient(#aaa 0% 25%,#fff 0% 50%) 0/8px 8px padding-box padding-box;border-radius:5px;flex:0 0 19px;width:19px;height:19px;padding:0;overflow:hidden}.reveal-color-trigger span{width:100%;height:100%;color:var(--theme-ink);display:block}.reveal-color-popup{z-index:10000;box-sizing:border-box;border-radius:var(--radius-md,8px);max-width:none;color:var(--theme-ink);font-family:inherit;font-size:12px;position:fixed}.reveal-color-popup[data-open=false]{pointer-events:none}.reveal-color-panel{border-radius:inherit;position:relative}.reveal-color-surface{box-sizing:border-box;border:1px solid var(--theme-border-strong);border-radius:inherit;background:var(--theme-background);pointer-events:none;position:absolute;inset:0;box-shadow:0 8px 32px #0003}.reveal-color-content{box-sizing:border-box;border-radius:inherit;border:1px solid #0000;padding:12px;position:relative;overflow:visible}.reveal-color-heading{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.reveal-color-heading strong{font-size:12px;font-weight:500}.reveal-color-heading button{color:var(--theme-ink-muted);cursor:pointer;background:0 0;border:0;width:24px;height:24px;padding:0;font-size:20px}.reveal-color-plane{touch-action:none;cursor:crosshair;background-image:linear-gradient(#0000,#000),linear-gradient(90deg,#fff,#0000);border-radius:5px;height:144px;position:relative}.reveal-color-plane>span{pointer-events:none;border:2px solid #fff;border-radius:50%;width:10px;height:10px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0008}.reveal-color-channel{align-items:center;gap:12px;margin-top:14px;display:flex}.reveal-color-channel>span{width:44px;color:var(--theme-ink-muted)}.reveal-color-channel input{appearance:none;cursor:pointer;border-radius:8px;flex:1;min-width:0;height:10px;margin:0}.reveal-color-hue{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.reveal-color-channel input::-webkit-slider-thumb{appearance:none;background:0 0;border:2px solid #fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 1px #0008}.reveal-color-channel input::-moz-range-thumb{background:0 0;border:2px solid #fff;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #0008}.reveal-color-value input{box-sizing:border-box;border:1px solid var(--theme-border);width:100%;height:30px;color:var(--theme-ink);font:inherit;background:0 0;border-radius:5px;margin-top:14px;padding:0 8px}.reveal-color-value input[aria-invalid=true]{border-color:#ef4444}.reveal-color-swatches{justify-content:space-between;gap:5px;margin-top:12px;display:flex}.reveal-color-swatches button{cursor:pointer;border:1px solid #8885;border-radius:5px;flex:0 18px;width:18px;min-width:0;height:18px;padding:0}.reveal-color-keywords{gap:5px;margin-top:12px;display:flex}.reveal-color-keywords button{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--theme-border);min-width:0;color:var(--theme-ink-muted);font:inherit;cursor:pointer;background:0 0;border-radius:5px;flex:1;padding:5px 2px;font-size:10px;overflow:hidden}.reveal-color-keywords.has-auto{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.reveal-color-popup button[aria-pressed=true]{outline:1px solid var(--theme-ink);outline-offset:2px}.reveal-color-popup :focus-visible,.reveal-field .reveal-color-trigger:focus-visible{outline:2px solid var(--theme-ink-muted);outline-offset:3px}.reveal-color-content{will-change:transform}.reveal-color-popup[popover]{background:0 0;border:0;margin:0;padding:0;inset:auto;overflow:visible}.reveal-color-popup::backdrop{pointer-events:none;background:0 0}