/* Color Converter: Bootstrap and the site's tokens style the rest; tool.js colours the swatches and strips */

.tool-code .form-control-plaintext {
    min-width: 0; /* lets the strip shrink beside its copy button */
}

/* A full value that can't be read: the strip has no border of its own, so the red is a ring */
.tool-code .form-control-plaintext.is-invalid {
    box-shadow: 0 0 0 2px var(--bs-form-invalid-border-color);
}