.color-box {
    width: 150px;
    height: 150px;
    border: 2px solid black;
}

.color-box-unknown {
    width: 150px;
    height: 150px;
    border: 2px solid black;
    background: repeating-conic-gradient(#808080 0 25%, #0000 0 50%) 50% / 40px 40px
}

.naked-link {
    text-decoration: none;
    color: inherit;
}

pre {
    background-color: whitesmoke;
}

.copy-box {
    background-color: lightgray;
    display: block;
    padding: 1rem;
    padding-right: 5rem; /* keep content clear of the Copy button */
    position: relative;
    word-wrap: break-word;
    overflow-wrap: anywhere;
}

/* Multi-line content (e.g. JSON blobs) inside a copy box */
.copy-box pre {
    background-color: transparent;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    max-height: 20em;
    overflow-y: auto;
}

.btn-clipboard {
    position: absolute;
	top: .5rem;
	right: .5rem;
    opacity: 0.5;
}

@keyframes pulse {
    0%,
    100% {
        color: skyblue;
    }
    50% {
        color: black;
    }
}
.pulsing-text {
    animation: pulse 2s linear infinite;
}

#savedFilamentTag table {
    table-layout: fixed;
    width: 100%;
}

.raw-tag-data {
    word-break: break-all;
}

#savedFilamentTag th {
    width: 12ch;
}

#error {
    font-weight: bold;
    color: maroon;
    font-size: 2em;
}