#report.inactive {
    pointer-events: none;
}

#report>* {
    font-size: 20.48px;
    margin: 0 auto 20px;
}

#report>div:first-child {
    font-size: 19px;
    margin-bottom: 40px;
}

#report>*:nth-child(n + 2) {
    color: var(--light);
}

#report.inactive>*:nth-child(n + 2) {
    opacity: 0.5;
}

#report div h1 {
    font-family: 'Vollkorn', serif;
    font-variant: small-caps;
    font-weight: normal;
    color: #fff;
}

#report div p.message {
    color: var(--teal);
}

#report div p.message.error {
    color: var(--red);
}

#report .username {
    font-family: 'Ubuntu Condensed', sans-serif;
    font-variant: small-caps;
}

#report select,
#report .editable {
    overflow-y: auto;
    white-space: pre-line;
    padding: 10px;
    outline: none;
    border: none;
}

#report .editable * {
    display: inline-block;
}

#report select {
    background: #0d0d0d;
    width: 100%;
}

#report>div:not(.title):not(:first-child),
#report .button {
    background: #0d0d0d;
    -webkit-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%), inset 0px 0px 30px 2px rgb(0 0 0 / 50%);
    -moz-box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%), inset 0px 0px 30px 2px rgb(0 0 0 / 50%);
    box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 75%), inset 0px 0px 30px 2px rgb(0 0 0 / 50%);
    border: 2px solid rgba(255, 255, 255, 0.15);
}

#report .button {
    padding: 2px 0.5882em;
    background: rgba(255, 128, 128, 0.25);
    border-color: rgba(255, 128, 128, 0.5);
    cursor: pointer;
    -webkit-transition: background-color 100ms linear, border-color 100ms linear, color 100ms linear;
    -moz-transition: background-color 100ms linear, border-color 100ms linear, color 100ms linear;
    transition: background-color 100ms linear, border-color 100ms linear, color 100ms linear;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#report>div.title {
    position: relative;
    padding-top: 0;
    margin-bottom: 0;
    font-variant: small-caps;
}