.pv-button-switch-pv {
    position: absolute;
    border-radius: 2px;
    z-index: 999999;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    padding: 10px;
}

.pv-panel img {
    width: 21px;
    height: 21px;
}

.pv-panel {
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    left: 10px;
    right: 10px;
    background-color: #F8F8F8;
    z-index: 999999;
    box-shadow: 0 0 5px #7d7d7d;
    margin: 0 auto;
    transition: top 0.5s linear;
    letter-spacing: normal;
    line-height: 1.5;
}

.pv-panel-block {
    display: flex;
    padding: 0;
    flex-wrap: wrap;
    margin: 0;
    justify-content: center;
}

.pv-panel-block .pv-block:first-child {
    border-left: none;
}

.pv-flex-center {
    display: flex;
    justify-content: center;
}

.pv-block {
    flex-direction: column;
    border: 1px solid lightgray;
    flex-grow: 1;
    padding: 0 3em;
}

.pv-font-monospace {
    font-family: monospace;
    font-size: large;
    font-weight: bold;
    color: black;
}

.pv-button {
    padding: 2px 12px;
    border: thin solid gray;
    border-left: none;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

.pv-button:first-child {
    border-left: thin solid gray;
}

.pv-block .pv-block {
    flex-direction: row;
    margin: 0.5em 0;
    padding: 0;
    border: none;
}

#pv-color-comment {
    width: 200px;
    text-align: center;
    margin: auto;
}

.pv-active-button {
    box-shadow: inset 0 0 4px black;
}

.pv-img-replacement {
    border: 2px dashed;
}

.pv-none-display-because-another-here {
    display: none;
}

.pv-panel-block-end {
    justify-content: space-between;
}

.pv-panel-block-end .pv-block {
    flex-direction: row;
    border: none;
    margin: 5px 10px;
    padding: 0;
    flex-grow: 0;
}

.pv-panel-block-end .pv-button {
    margin: 0 2px;
    border: thin solid gray;
}

.pv-none-visible {
    display: none;
}
/*! Gray v1.6.0 (https://github.com/karlhorky/gray) | MIT */
.grayscale{filter:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");-webkit-filter:grayscale(1);filter:grayscale(1);filter:gray}.grayscale.grayscale-fade{transition:filter .5s}@media screen and (-webkit-min-device-pixel-ratio:0){.grayscale.grayscale-fade{-webkit-transition:-webkit-filter .5s;transition:-webkit-filter .5s}}.grayscale.grayscale-fade:hover,.grayscale.grayscale-off{-webkit-filter:grayscale(0);filter:grayscale(0)}.grayscale.grayscale-replaced{-webkit-filter:none;filter:none}.grayscale.grayscale-replaced>svg{-webkit-transition:opacity .5s ease;transition:opacity .5s ease;opacity:1}.grayscale.grayscale-replaced.grayscale-fade:hover>svg,.grayscale.grayscale-replaced.grayscale-off>svg{opacity:0}