.inspect-content table {
    font-size: 1em;
    width: 100%;
}

.inspect-content td, .inspect-content th {
    padding: 0.5em 1em;
    font-weight: normal;
}

.inspect-content th {
    white-space: nowrap;
    text-align: left;
    opacity: 0.6;
}

.inspect .search {
    position: absolute;
    right: 8em;
    top: 2em;
}

.inspect .search input {
    background-image: url("./bootstrap-icons/icons/search.svg");
    background-repeat: no-repeat;
    background-position: left 0.5em center;
    padding-left: 2em;
    padding-right: 2em;
}

.inspect .search .clear-text {
    position: absolute;
    right: 1em;
    top: 1.1em;
    cursor: pointer;
}

.piece-detail h3 {
    margin-top: 2em;
}

.piece-detail .title {
    font-size: 1.25em;
    color: #a61e4d;
    margin: 2em 0.8em 1.5em 0.8em;
}

.piece-detail {
    padding: 1em 0 5em 0;
}

.piece-detail .title {
    color: inherit;
    font-weight: normal;
    margin:  0.8em;
}

.piece-detail p {
    padding: 0.5em 1em;
}

.piece-detail table {
    font-size: 1em;
}

.piece-detail table.deals tr td:first-child {
    width: 8em;
}
.piece-detail table.deals tr td:last-child {
    line-break: anywhere;
}

.piece-detail table th {
    text-align: left;
    vertical-align: top;
}

.piece-detail table.deals .param {
    color: #777777;
}

.piece-detail td, .piece-detail th {
    padding: 0.5em 1em;
}

.inspect-content .title {
    font-size: 1.25em;
    margin: 2em 0.8em 1em 0.8em;
}

.inspect .payload-cid {
    padding: 0.5em 1em;
}

.inspect > p {
    padding: 2em 1em;
}

.flagged-pieces-none {
    padding: 1em 1em 4em 1em;
}

.button.build-index {
    display: inline-block;
    margin: 1em 0;
}

.inspect a.download {
    background-image: url("./bootstrap-icons/icons/download.svg");
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 1.25em;
    margin-left: 1em;
}
