.chroma-only[hidden]{display:none!important}
.chroma-color input[type="color"]{height:42px;padding:4px;cursor:pointer}
.chroma-note{align-self:end;padding:9px 11px;border:1px solid rgba(34,211,238,.24);border-radius:9px;background:rgba(34,211,238,.06);color:#8ca9bd;font-size:10px;line-height:1.45}
.chroma-frame{overflow:hidden;isolation:isolate}
.chroma-frame>.chroma-output,.chroma-frame>.chroma-source{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;background:transparent;object-fit:var(--chroma-fit,contain);pointer-events:none}
.chroma-frame>.chroma-source{opacity:0}
.chroma-frame.chroma-fallback>.chroma-output{display:none}
.chroma-frame.chroma-fallback>.chroma-source{opacity:1}