body {
  background-color: var(--theme-light);
  color: var(--theme-text-default);
}
body h1, body h2, body h4 {
  background-color: var(--theme-important-background);
  color: var(--theme-important-text);
}
body a, body .btn-link {
  color: var(--theme-btn-link);
}
body .valid.modified:not([type=checkbox]) {
  outline-color: var(--theme-checkbox-valid);
}
body .validation-message {
  color: var(--theme-invalid);
}
body .loading-app-top-bar {
  background-color: var(--theme-important-background);
  border-bottom-color: var(--theme-border-grey);
}
body .loading-app-top-bar .basingstoke-logo .circle {
  border-color: var(--theme-circle-border);
}
body .loading-app-top-bar .basingstoke-logo .blue {
  background-color: var(--theme-circle-blue);
}
body .loading-app-top-bar .basingstoke-logo .green {
  background-color: var(--theme-circle-green);
}
body .loading-app-top-bar .basingstoke-logo .red {
  background-color: var(--theme-circle-red);
}
body .loading-app-top-bar .basingstoke-logo .yellow {
  background-color: var(--theme-circle-yellow);
}
body .loading-app-top-bar .basingstoke-logo .text {
  color: var(--theme-important-text);
}
body .loading-app-container .loading-app-body {
  color: var(--theme-dark);
}
body .options-menu-button, body .collapsable-button {
  background-color: var(--theme-important-background);
  color: var(--theme-important-text);
}
body .main-options-dropdown ul {
  background-color: var(--theme-light);
}
body .options-menu-wrapper ul, body .collapsable-wrapper ul {
  border-left-color: var(--theme-border-grey-darker);
  border-right-color: var(--theme-border-grey-darker);
}
body .collapsable-area {
  border-left-color: var(--theme-border-grey-darker);
  border-right-color: var(--theme-border-grey-darker);
  border-bottom-color: var(--theme-border-grey-darker);
}
body .btn-icon {
  color: var(--theme-button-primary-text);
  background-color: var(--theme-button-primary-background);
}
body .btn-icon:hover {
  color: var(--theme-button-primary-hover-text);
  background-color: var(--theme-button-primary-hover-background);
}
body .btn-icon:active {
  color: var(--theme-button-primary-active-text);
  background-color: var(--theme-button-primary-active-background);
}
body .btn-icon.success {
  color: var(--theme-button-success-text);
  background-color: var(--theme-button-success-background);
}
body .btn-icon.success:hover {
  color: var(--theme-button-success-hover-text);
  background-color: var(--theme-button-success-hover-background);
}
body .btn-icon.success:active {
  color: var(--theme-button-success-active-text);
  background-color: var(--theme-button-success-active-background);
}
body .btn-icon.info {
  color: var(--theme-button-info-text);
  background-color: var(--theme-button-info-background);
}
body .btn-icon.info:hover {
  color: var(--theme-button-info-hover-text);
  background-color: var(--theme-button-info-hover-background);
}
body .btn-icon.info:active {
  color: var(--theme-button-info-active-text);
  background-color: var(--theme-button-info-active-background);
}
body .btn-icon.error {
  color: var(--theme-button-error-text);
  background-color: var(--theme-button-error-background);
}
body .btn-icon.error:hover {
  color: var(--theme-button-error-hover-text);
  background-color: var(--theme-button-error-hover-background);
}
body .btn-icon.error:active {
  color: var(--theme-button-error-active-text);
  background-color: var(--theme-button-error-active-background);
}
body .btn-icon:disabled {
  background-color: var(--theme-button-disabled-background);
  color: var(--theme-button-disabled-text);
}
body .btn-adornment {
  color: var(--theme-button-adornment-text);
  background-color: var(--theme-button-adornment-background);
}
body .btn-adornment:hover .hover-zone {
  background-color: var(--theme-button-adornment-hover-background);
}
body .btn-adornment:active .hover-zone {
  background-color: var(--theme-button-adornment-active-background);
}
body .btn-adornment:disabled .hover-zone {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-disabled-background);
}
body .btn-list {
  color: var(--theme-button-list-text);
  background-color: var(--theme-button-list-background);
  border-color: var(--theme-button-list-text);
}
body .btn-list:hover {
  color: var(--theme-button-list-hover-text);
  border-color: var(--theme-button-list-hover-border);
}
body .btn-list:active {
  border-color: var(--theme-button-list-active-border);
  background-color: var(--theme-button-list-active-background);
}
body .btn-list:disabled {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-list-disabled-background);
  border-color: var(--theme-button-list-disabled-background);
}
body .input {
  color: var(--theme-input-text);
  background-color: var(--theme-input-background);
  border-color: var(--theme-input-border);
}
body .input .btn-adornment {
  color: var(--theme-input-text);
}
body .input input, body .input textarea, body .input select {
  color: var(--theme-input-text);
  background-color: var(--theme-input-background);
}
body .input.input-file {
  border-color: var(--theme-input-border);
}
body .input.input-file input[type=file]::file-selector-button {
  color: var(--theme-input-text);
  background-color: var(--theme-input-file-background) !important;
}
body .input.input-file input[type=file] {
  color: var(--theme-input-file-background) !important;
}
body .input label {
  background-color: var(--theme-light);
}
body .input.dragging {
  background-color: var(--theme-input-dragging);
}
body .input:has(input[warning]), body .input:has(select[warning]), body .input:has(textarea[warning]) {
  border-color: var(--theme-warning);
}
body .input:has(input[warning]) label, body .input:has(input[warning]) .btn-adornment, body .input:has(input[warning]).input-file input::file-selector-button, body .input:has(select[warning]) label, body .input:has(select[warning]) .btn-adornment, body .input:has(select[warning]).input-file input::file-selector-button, body .input:has(textarea[warning]) label, body .input:has(textarea[warning]) .btn-adornment, body .input:has(textarea[warning]).input-file input::file-selector-button {
  color: var(--theme-warning);
}
body .input:has(input[invalid]), body .input:has(select[invalid]), body .input:has(textarea[invalid]) {
  border-color: var(--theme-invalid);
}
body .input:has(input[invalid]) label, body .input:has(input[invalid]) .btn-adornment, body .input:has(input[invalid]).input-file input::file-selector-button, body .input:has(select[invalid]) label, body .input:has(select[invalid]) .btn-adornment, body .input:has(select[invalid]).input-file input::file-selector-button, body .input:has(textarea[invalid]) label, body .input:has(textarea[invalid]) .btn-adornment, body .input:has(textarea[invalid]).input-file input::file-selector-button {
  color: var(--theme-invalid);
}
body .input:has(input[valid]), body .input:has(select[valid]), body .input:has(textarea[valid]) {
  border-color: var(--theme-valid);
}
body .input:has(input[valid]) label, body .input:has(input[valid]) .btn-adornment, body .input:has(input[valid]).input-file input::file-selector-button, body .input:has(select[valid]) label, body .input:has(select[valid]) .btn-adornment, body .input:has(select[valid]).input-file input::file-selector-button, body .input:has(textarea[valid]) label, body .input:has(textarea[valid]) .btn-adornment, body .input:has(textarea[valid]).input-file input::file-selector-button {
  color: var(--theme-valid);
}
body .input:hover {
  border-color: var(--theme-input-hover-border);
}
body .input:hover label, body .input:hover .btn-adornment, body .input:hover.input-file input::file-selector-button {
  color: var(--theme-input-hover-text);
}
body .input.disabled {
  border-color: var(--theme-input-disabled-border);
}
body .input.disabled label, body .input.disabled .btn-adornment, body .input.disabled.input-file input::file-selector-button {
  color: var(--theme-input-disabled-text);
}
body .btn-tab {
  color: var(--theme-button-primary-text);
  background-color: var(--theme-button-primary-background);
}
body .btn-tab:hover {
  color: var(--theme-button-primary-hover-text);
  background-color: var(--theme-button-primary-hover-background);
}
body .btn-tab:disabled {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-disabled-background);
}
body .btn-tab.selected {
  color: var(--theme-button-selected-text);
  background-color: var(--theme-button-selected-background);
}
body .btn-tab.selected:hover {
  color: var(--theme-button-selected-hover-text);
  background-color: var(--theme-button-selected-hover-background);
}
body .btn-tab.selected:active {
  color: var(--theme-button-selected-active-text);
  background-color: var(--theme-button-selected-active-background);
}
body .input-checkbox-span {
  border-color: var(--theme-checkbox-checked);
}
body .input-checkbox-span span {
  background-color: var(--theme-checkbox-checked);
}
body input[disabled] {
  color: var(--theme-input-disabled-text);
}
body input[disabled] + label .input-checkbox-span {
  border-color: var(--theme-input-disabled-border);
}
body input[disabled] + label .input-checkbox-span span {
  background-color: var(--theme-input-disabled-background);
}
body input[disabled] + label .input-checkbox-span {
  border-color: var(--theme-input-disabled-border);
}
body input[disabled] + label .input-checkbox-span span {
  background-color: var(--theme-input-disabled-background);
}
body .validation-label.warning {
  color: var(--theme-warning);
}
body .validation-label.invalid {
  color: var(--theme-invalid);
}
body .input:focus-within {
  border-color: var(--theme-input-focus-border);
  background-color: var(--theme-input-focus-background);
}
body .input:focus-within input, body .input:focus-within select {
  color: var(--theme-input-focus-text);
  background-color: var(--theme-input-focus-background);
}
body .input:focus-within select {
  color: var(--theme-input-focus-text);
  background-color: var(--theme-input-focus-background);
}
body .input:focus-within label {
  color: var(--theme-input-focus-text);
  background-color: var(--theme-input-focus-background);
}
body .input:focus-within .btn-adornment {
  color: var(--theme-input-focus-text);
}
body .input:focus-within.invalid-input {
  border-color: var(--theme-invalid);
  background-color: var(--theme-invalid-background);
}
body .input:focus-within.invalid-input label {
  color: var(--theme-invalid);
  background-color: var(--theme-invalid-background);
}
body .input:focus-within.invalid-input .btn-adornment {
  color: var(--theme-invalid);
}
body .data-table-container {
  border-color: var(--theme-border-grey);
}
body .data-table-container .data-table thead {
  background-color: var(--theme-light);
}
body .data-table-container .data-table thead::after {
  background-color: var(--theme-border-grey);
}
body .data-table-container .data-table tbody tr {
  background-color: var(--theme-table-row);
}
body .data-table-container .data-table tbody tr:nth-child(odd) {
  background-color: var(--theme-table-row-odd);
}
body .data-table-container .data-table tbody tr:hover {
  background-color: var(--theme-table-row-hover);
}
body .data-table-container .btn-icon {
  background-color: var(--theme-table-icon-button-background);
}
body .data-table-header-bar, body .data-table-footer-bar {
  border-color: var(--theme-border-grey);
}
body .text-wrapper {
  border-color: var(--theme-border-grey);
  background-color: var(--theme-light);
}
body .text-wrapper.reduce {
  background-color: transparent;
}
body .screenshot, body .game, body .thread, body .event, body .lego-instruction, body .document, body .dashboard-event {
  border-color: var(--theme-item-border);
}
body .screenshot .image-wrapper, body .game .image-wrapper, body .thread .image-wrapper, body .event .image-wrapper, body .lego-instruction .image-wrapper, body .document .image-wrapper, body .dashboard-event .image-wrapper {
  background-color: var(--theme-border-grey);
}
body .screenshot .image-wrapper:hover, body .game .image-wrapper:hover, body .thread .image-wrapper:hover, body .event .image-wrapper:hover, body .lego-instruction .image-wrapper:hover, body .document .image-wrapper:hover, body .dashboard-event .image-wrapper:hover {
  background-color: var(--theme-item-hover-background) !important;
}
body .screenshot .image-wrapper:active, body .game .image-wrapper:active, body .thread .image-wrapper:active, body .event .image-wrapper:active, body .lego-instruction .image-wrapper:active, body .document .image-wrapper:active, body .dashboard-event .image-wrapper:active {
  background-color: var(--theme-item-active-background) !important;
}
body .search-field-wrapper ul {
  border-color: var(--theme-border-grey-track);
}
body .dashboard-item {
  background-color: var(--theme-border-grey-darker);
}
body .dashboard-item .screenshot .image-wrapper, body .dashboard-item .game .image-wrapper, body .dashboard-item .thread .image-wrapper, body .dashboard-item .lego-instruction .image-wrapper, body .dashboard-item .document .image-wrapper, body .dashboard-item .dashboard-event .image-wrapper {
  background-color: var(--theme-item-image-wrapper);
}
body .event .days-to-go, body .dashboard-event .days-to-go {
  color: var(--theme-important-countdown-text);
}
body .deadline {
  color: var(--theme-important-countdown-text);
}
body .game .days-to-go {
  color: var(--theme-important-countdown-text);
}
body .release-details {
  border-color: var(--theme-release-details-border);
}
body .release-details label {
  color: var(--theme-release-details-text);
}
body .game-release-details-release-date {
  background-color: var(--theme-release-details-background);
  border-color: var(--theme-release-details-border);
}
body .game-release-details-release-date .days-to-go {
  color: var(--theme-important-countdown-text);
}
body .thread-preview, body .document-preview {
  background-color: var(--theme-input-thread-preview-background);
}
body .thread-preview button, body .document-preview button {
  color: var(--theme-input-thread-preview-button-text) !important;
  background-color: var(--theme-input-thread-preview-button-background) !important;
}
body .thread-preview:hover, body .document-preview:hover {
  background-color: var(--theme-input-thread-hover-background);
}
body .thread-preview:hover button, body .document-preview:hover button {
  color: var(--theme-input-thread-preview-hover-text) !important;
}
body .thread-preview:hover .adult-content, body .document-preview:hover .adult-content {
  color: var(--theme-badge-adultcontent-text) !important;
  background-color: var(--theme-badge-adultcontent-background) !important;
}
body .thread-preview:hover .supervisor-account, body .document-preview:hover .supervisor-account {
  color: var(--theme-badge-supervisor-text) !important;
  background-color: var(--theme-badge-supervisor-background) !important;
}
body .thread-preview .adult-content, body .document-preview .adult-content {
  color: var(--theme-badge-adultcontent-text) !important;
  background-color: var(--theme-badge-adultcontent-background) !important;
}
body .thread-preview .supervisor-account, body .document-preview .supervisor-account {
  color: var(--theme-badge-supervisor-text) !important;
  background-color: var(--theme-badge-supervisor-background) !important;
}
body .thread-main-post .input, body .thread-reply .input, body .thread-new-post .input, body .suggestion .input, body .document-entry .input, body .document-new-entry .input {
  background-color: var(--theme-thread-post-background);
  border-color: var(--theme-thread-post-border);
}
body .thread-main-post .input label, body .thread-main-post .input .btn-adornment, body .thread-main-post .input.input-file input::file-selector-button, body .thread-reply .input label, body .thread-reply .input .btn-adornment, body .thread-reply .input.input-file input::file-selector-button, body .thread-new-post .input label, body .thread-new-post .input .btn-adornment, body .thread-new-post .input.input-file input::file-selector-button, body .suggestion .input label, body .suggestion .input .btn-adornment, body .suggestion .input.input-file input::file-selector-button, body .document-entry .input label, body .document-entry .input .btn-adornment, body .document-entry .input.input-file input::file-selector-button, body .document-new-entry .input label, body .document-new-entry .input .btn-adornment, body .document-new-entry .input.input-file input::file-selector-button {
  color: var(--theme-thread-post-text);
}
body .thread-main-post .input:has(input[warning]), body .thread-main-post .input:has(select[warning]), body .thread-main-post .input:has(textarea[warning]), body .thread-reply .input:has(input[warning]), body .thread-reply .input:has(select[warning]), body .thread-reply .input:has(textarea[warning]), body .thread-new-post .input:has(input[warning]), body .thread-new-post .input:has(select[warning]), body .thread-new-post .input:has(textarea[warning]), body .suggestion .input:has(input[warning]), body .suggestion .input:has(select[warning]), body .suggestion .input:has(textarea[warning]), body .document-entry .input:has(input[warning]), body .document-entry .input:has(select[warning]), body .document-entry .input:has(textarea[warning]), body .document-new-entry .input:has(input[warning]), body .document-new-entry .input:has(select[warning]), body .document-new-entry .input:has(textarea[warning]) {
  border-color: var(--theme-warning);
}
body .thread-main-post .input:has(input[warning]) label, body .thread-main-post .input:has(input[warning]) .btn-adornment, body .thread-main-post .input:has(input[warning]).input-file input::file-selector-button, body .thread-main-post .input:has(select[warning]) label, body .thread-main-post .input:has(select[warning]) .btn-adornment, body .thread-main-post .input:has(select[warning]).input-file input::file-selector-button, body .thread-main-post .input:has(textarea[warning]) label, body .thread-main-post .input:has(textarea[warning]) .btn-adornment, body .thread-main-post .input:has(textarea[warning]).input-file input::file-selector-button, body .thread-reply .input:has(input[warning]) label, body .thread-reply .input:has(input[warning]) .btn-adornment, body .thread-reply .input:has(input[warning]).input-file input::file-selector-button, body .thread-reply .input:has(select[warning]) label, body .thread-reply .input:has(select[warning]) .btn-adornment, body .thread-reply .input:has(select[warning]).input-file input::file-selector-button, body .thread-reply .input:has(textarea[warning]) label, body .thread-reply .input:has(textarea[warning]) .btn-adornment, body .thread-reply .input:has(textarea[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(input[warning]) label, body .thread-new-post .input:has(input[warning]) .btn-adornment, body .thread-new-post .input:has(input[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(select[warning]) label, body .thread-new-post .input:has(select[warning]) .btn-adornment, body .thread-new-post .input:has(select[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[warning]) label, body .thread-new-post .input:has(textarea[warning]) .btn-adornment, body .thread-new-post .input:has(textarea[warning]).input-file input::file-selector-button, body .suggestion .input:has(input[warning]) label, body .suggestion .input:has(input[warning]) .btn-adornment, body .suggestion .input:has(input[warning]).input-file input::file-selector-button, body .suggestion .input:has(select[warning]) label, body .suggestion .input:has(select[warning]) .btn-adornment, body .suggestion .input:has(select[warning]).input-file input::file-selector-button, body .suggestion .input:has(textarea[warning]) label, body .suggestion .input:has(textarea[warning]) .btn-adornment, body .suggestion .input:has(textarea[warning]).input-file input::file-selector-button, body .document-entry .input:has(input[warning]) label, body .document-entry .input:has(input[warning]) .btn-adornment, body .document-entry .input:has(input[warning]).input-file input::file-selector-button, body .document-entry .input:has(select[warning]) label, body .document-entry .input:has(select[warning]) .btn-adornment, body .document-entry .input:has(select[warning]).input-file input::file-selector-button, body .document-entry .input:has(textarea[warning]) label, body .document-entry .input:has(textarea[warning]) .btn-adornment, body .document-entry .input:has(textarea[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(input[warning]) label, body .document-new-entry .input:has(input[warning]) .btn-adornment, body .document-new-entry .input:has(input[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(select[warning]) label, body .document-new-entry .input:has(select[warning]) .btn-adornment, body .document-new-entry .input:has(select[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[warning]) label, body .document-new-entry .input:has(textarea[warning]) .btn-adornment, body .document-new-entry .input:has(textarea[warning]).input-file input::file-selector-button {
  color: var(--theme-warning);
}
body .thread-main-post .input:has(input[invalid]), body .thread-main-post .input:has(select[invalid]), body .thread-main-post .input:has(textarea[invalid]), body .thread-reply .input:has(input[invalid]), body .thread-reply .input:has(select[invalid]), body .thread-reply .input:has(textarea[invalid]), body .thread-new-post .input:has(input[invalid]), body .thread-new-post .input:has(select[invalid]), body .thread-new-post .input:has(textarea[invalid]), body .suggestion .input:has(input[invalid]), body .suggestion .input:has(select[invalid]), body .suggestion .input:has(textarea[invalid]), body .document-entry .input:has(input[invalid]), body .document-entry .input:has(select[invalid]), body .document-entry .input:has(textarea[invalid]), body .document-new-entry .input:has(input[invalid]), body .document-new-entry .input:has(select[invalid]), body .document-new-entry .input:has(textarea[invalid]) {
  border-color: var(--theme-invalid);
}
body .thread-main-post .input:has(input[invalid]) label, body .thread-main-post .input:has(input[invalid]) .btn-adornment, body .thread-main-post .input:has(input[invalid]).input-file input::file-selector-button, body .thread-main-post .input:has(select[invalid]) label, body .thread-main-post .input:has(select[invalid]) .btn-adornment, body .thread-main-post .input:has(select[invalid]).input-file input::file-selector-button, body .thread-main-post .input:has(textarea[invalid]) label, body .thread-main-post .input:has(textarea[invalid]) .btn-adornment, body .thread-main-post .input:has(textarea[invalid]).input-file input::file-selector-button, body .thread-reply .input:has(input[invalid]) label, body .thread-reply .input:has(input[invalid]) .btn-adornment, body .thread-reply .input:has(input[invalid]).input-file input::file-selector-button, body .thread-reply .input:has(select[invalid]) label, body .thread-reply .input:has(select[invalid]) .btn-adornment, body .thread-reply .input:has(select[invalid]).input-file input::file-selector-button, body .thread-reply .input:has(textarea[invalid]) label, body .thread-reply .input:has(textarea[invalid]) .btn-adornment, body .thread-reply .input:has(textarea[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(input[invalid]) label, body .thread-new-post .input:has(input[invalid]) .btn-adornment, body .thread-new-post .input:has(input[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(select[invalid]) label, body .thread-new-post .input:has(select[invalid]) .btn-adornment, body .thread-new-post .input:has(select[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[invalid]) label, body .thread-new-post .input:has(textarea[invalid]) .btn-adornment, body .thread-new-post .input:has(textarea[invalid]).input-file input::file-selector-button, body .suggestion .input:has(input[invalid]) label, body .suggestion .input:has(input[invalid]) .btn-adornment, body .suggestion .input:has(input[invalid]).input-file input::file-selector-button, body .suggestion .input:has(select[invalid]) label, body .suggestion .input:has(select[invalid]) .btn-adornment, body .suggestion .input:has(select[invalid]).input-file input::file-selector-button, body .suggestion .input:has(textarea[invalid]) label, body .suggestion .input:has(textarea[invalid]) .btn-adornment, body .suggestion .input:has(textarea[invalid]).input-file input::file-selector-button, body .document-entry .input:has(input[invalid]) label, body .document-entry .input:has(input[invalid]) .btn-adornment, body .document-entry .input:has(input[invalid]).input-file input::file-selector-button, body .document-entry .input:has(select[invalid]) label, body .document-entry .input:has(select[invalid]) .btn-adornment, body .document-entry .input:has(select[invalid]).input-file input::file-selector-button, body .document-entry .input:has(textarea[invalid]) label, body .document-entry .input:has(textarea[invalid]) .btn-adornment, body .document-entry .input:has(textarea[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(input[invalid]) label, body .document-new-entry .input:has(input[invalid]) .btn-adornment, body .document-new-entry .input:has(input[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(select[invalid]) label, body .document-new-entry .input:has(select[invalid]) .btn-adornment, body .document-new-entry .input:has(select[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[invalid]) label, body .document-new-entry .input:has(textarea[invalid]) .btn-adornment, body .document-new-entry .input:has(textarea[invalid]).input-file input::file-selector-button {
  color: var(--theme-invalid);
}
body .thread-main-post .input:has(input[valid]), body .thread-main-post .input:has(select[valid]), body .thread-main-post .input:has(textarea[valid]), body .thread-reply .input:has(input[valid]), body .thread-reply .input:has(select[valid]), body .thread-reply .input:has(textarea[valid]), body .thread-new-post .input:has(input[valid]), body .thread-new-post .input:has(select[valid]), body .thread-new-post .input:has(textarea[valid]), body .suggestion .input:has(input[valid]), body .suggestion .input:has(select[valid]), body .suggestion .input:has(textarea[valid]), body .document-entry .input:has(input[valid]), body .document-entry .input:has(select[valid]), body .document-entry .input:has(textarea[valid]), body .document-new-entry .input:has(input[valid]), body .document-new-entry .input:has(select[valid]), body .document-new-entry .input:has(textarea[valid]) {
  border-color: var(--theme-valid);
}
body .thread-main-post .input:has(input[valid]) label, body .thread-main-post .input:has(input[valid]) .btn-adornment, body .thread-main-post .input:has(input[valid]).input-file input::file-selector-button, body .thread-main-post .input:has(select[valid]) label, body .thread-main-post .input:has(select[valid]) .btn-adornment, body .thread-main-post .input:has(select[valid]).input-file input::file-selector-button, body .thread-main-post .input:has(textarea[valid]) label, body .thread-main-post .input:has(textarea[valid]) .btn-adornment, body .thread-main-post .input:has(textarea[valid]).input-file input::file-selector-button, body .thread-reply .input:has(input[valid]) label, body .thread-reply .input:has(input[valid]) .btn-adornment, body .thread-reply .input:has(input[valid]).input-file input::file-selector-button, body .thread-reply .input:has(select[valid]) label, body .thread-reply .input:has(select[valid]) .btn-adornment, body .thread-reply .input:has(select[valid]).input-file input::file-selector-button, body .thread-reply .input:has(textarea[valid]) label, body .thread-reply .input:has(textarea[valid]) .btn-adornment, body .thread-reply .input:has(textarea[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(input[valid]) label, body .thread-new-post .input:has(input[valid]) .btn-adornment, body .thread-new-post .input:has(input[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(select[valid]) label, body .thread-new-post .input:has(select[valid]) .btn-adornment, body .thread-new-post .input:has(select[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[valid]) label, body .thread-new-post .input:has(textarea[valid]) .btn-adornment, body .thread-new-post .input:has(textarea[valid]).input-file input::file-selector-button, body .suggestion .input:has(input[valid]) label, body .suggestion .input:has(input[valid]) .btn-adornment, body .suggestion .input:has(input[valid]).input-file input::file-selector-button, body .suggestion .input:has(select[valid]) label, body .suggestion .input:has(select[valid]) .btn-adornment, body .suggestion .input:has(select[valid]).input-file input::file-selector-button, body .suggestion .input:has(textarea[valid]) label, body .suggestion .input:has(textarea[valid]) .btn-adornment, body .suggestion .input:has(textarea[valid]).input-file input::file-selector-button, body .document-entry .input:has(input[valid]) label, body .document-entry .input:has(input[valid]) .btn-adornment, body .document-entry .input:has(input[valid]).input-file input::file-selector-button, body .document-entry .input:has(select[valid]) label, body .document-entry .input:has(select[valid]) .btn-adornment, body .document-entry .input:has(select[valid]).input-file input::file-selector-button, body .document-entry .input:has(textarea[valid]) label, body .document-entry .input:has(textarea[valid]) .btn-adornment, body .document-entry .input:has(textarea[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(input[valid]) label, body .document-new-entry .input:has(input[valid]) .btn-adornment, body .document-new-entry .input:has(input[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(select[valid]) label, body .document-new-entry .input:has(select[valid]) .btn-adornment, body .document-new-entry .input:has(select[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[valid]) label, body .document-new-entry .input:has(textarea[valid]) .btn-adornment, body .document-new-entry .input:has(textarea[valid]).input-file input::file-selector-button {
  color: var(--theme-valid);
}
body .thread-main-post .input:hover, body .thread-reply .input:hover, body .thread-new-post .input:hover, body .suggestion .input:hover, body .document-entry .input:hover, body .document-new-entry .input:hover {
  border-color: var(--theme-input-hover-border);
}
body .thread-main-post .input:hover label, body .thread-main-post .input:hover .btn-adornment, body .thread-main-post .input:hover.input-file input::file-selector-button, body .thread-reply .input:hover label, body .thread-reply .input:hover .btn-adornment, body .thread-reply .input:hover.input-file input::file-selector-button, body .thread-new-post .input:hover label, body .thread-new-post .input:hover .btn-adornment, body .thread-new-post .input:hover.input-file input::file-selector-button, body .suggestion .input:hover label, body .suggestion .input:hover .btn-adornment, body .suggestion .input:hover.input-file input::file-selector-button, body .document-entry .input:hover label, body .document-entry .input:hover .btn-adornment, body .document-entry .input:hover.input-file input::file-selector-button, body .document-new-entry .input:hover label, body .document-new-entry .input:hover .btn-adornment, body .document-new-entry .input:hover.input-file input::file-selector-button {
  color: var(--theme-input-hover-text);
}
body .thread-main-post .input.disabled, body .thread-reply .input.disabled, body .thread-new-post .input.disabled, body .suggestion .input.disabled, body .document-entry .input.disabled, body .document-new-entry .input.disabled {
  border-color: var(--theme-input-disabled-border);
}
body .thread-main-post .input.disabled label, body .thread-main-post .input.disabled .btn-adornment, body .thread-main-post .input.disabled.input-file input::file-selector-button, body .thread-reply .input.disabled label, body .thread-reply .input.disabled .btn-adornment, body .thread-reply .input.disabled.input-file input::file-selector-button, body .thread-new-post .input.disabled label, body .thread-new-post .input.disabled .btn-adornment, body .thread-new-post .input.disabled.input-file input::file-selector-button, body .suggestion .input.disabled label, body .suggestion .input.disabled .btn-adornment, body .suggestion .input.disabled.input-file input::file-selector-button, body .document-entry .input.disabled label, body .document-entry .input.disabled .btn-adornment, body .document-entry .input.disabled.input-file input::file-selector-button, body .document-new-entry .input.disabled label, body .document-new-entry .input.disabled .btn-adornment, body .document-new-entry .input.disabled.input-file input::file-selector-button {
  color: var(--theme-input-disabled-border);
}
body .thread-main-post, body .thread-reply, body .suggestion, body .document-entry {
  background-color: var(--theme-thread-main-background);
}
body .thread-main-post .post-toolbar button, body .thread-main-post .entry-toolbar button, body .thread-reply .post-toolbar button, body .thread-reply .entry-toolbar button, body .suggestion .post-toolbar button, body .suggestion .entry-toolbar button, body .document-entry .post-toolbar button, body .document-entry .entry-toolbar button {
  color: var(--theme-thread-main-button-text);
  background-color: var(--theme-thread-main-button-background);
}
body .thread-main-post .post-toolbar button:hover, body .thread-main-post .entry-toolbar button:hover, body .thread-reply .post-toolbar button:hover, body .thread-reply .entry-toolbar button:hover, body .suggestion .post-toolbar button:hover, body .suggestion .entry-toolbar button:hover, body .document-entry .post-toolbar button:hover, body .document-entry .entry-toolbar button:hover {
  color: var(--theme-thread-main-button-hover-text);
  background-color: var(--theme-thread-main-button-hover-background);
}
body .thread-main-post .post-toolbar button:active, body .thread-main-post .entry-toolbar button:active, body .thread-reply .post-toolbar button:active, body .thread-reply .entry-toolbar button:active, body .suggestion .post-toolbar button:active, body .suggestion .entry-toolbar button:active, body .document-entry .post-toolbar button:active, body .document-entry .entry-toolbar button:active {
  color: var(--theme-thread-main-button-active-text);
  background-color: var(--theme-thread-main-button-active-background);
}
body .thread-main-post.highlighted, body .thread-reply.highlighted, body .suggestion.highlighted, body .document-entry.highlighted {
  background-color: var(--theme-thread-highlight) !important;
}
body .thread-reply.own, body .thread-new-post, body .suggestion.new, body .document-new-entry {
  background-color: var(--theme-thread-new-background);
}
body .thread-reply.own .post-toolbar button, body .thread-reply.own .suggestion-toolbar button, body .thread-reply.own .entry-toolbar button, body .thread-new-post .post-toolbar button, body .thread-new-post .suggestion-toolbar button, body .thread-new-post .entry-toolbar button, body .suggestion.new .post-toolbar button, body .suggestion.new .suggestion-toolbar button, body .suggestion.new .entry-toolbar button, body .document-new-entry .post-toolbar button, body .document-new-entry .suggestion-toolbar button, body .document-new-entry .entry-toolbar button {
  color: var(--theme-thread-new-button-text);
  background-color: var(--theme-thread-new-button-background);
}
body .thread-reply.own .post-toolbar button:hover, body .thread-reply.own .suggestion-toolbar button:hover, body .thread-reply.own .entry-toolbar button:hover, body .thread-new-post .post-toolbar button:hover, body .thread-new-post .suggestion-toolbar button:hover, body .thread-new-post .entry-toolbar button:hover, body .suggestion.new .post-toolbar button:hover, body .suggestion.new .suggestion-toolbar button:hover, body .suggestion.new .entry-toolbar button:hover, body .document-new-entry .post-toolbar button:hover, body .document-new-entry .suggestion-toolbar button:hover, body .document-new-entry .entry-toolbar button:hover {
  color: var(--theme-thread-new-button-hover-text);
  background-color: var(--theme-thread-new-button-hover-background);
}
body .thread-reply.own .post-toolbar button:active, body .thread-reply.own .suggestion-toolbar button:active, body .thread-reply.own .entry-toolbar button:active, body .thread-new-post .post-toolbar button:active, body .thread-new-post .suggestion-toolbar button:active, body .thread-new-post .entry-toolbar button:active, body .suggestion.new .post-toolbar button:active, body .suggestion.new .suggestion-toolbar button:active, body .suggestion.new .entry-toolbar button:active, body .document-new-entry .post-toolbar button:active, body .document-new-entry .suggestion-toolbar button:active, body .document-new-entry .entry-toolbar button:active {
  color: var(--theme-thread-new-button-active-text);
  background-color: var(--theme-thread-new-button-active-background);
}
body .thread-reply.own .input, body .thread-new-post .input, body .suggestion.new .input, body .document-new-entry .input {
  border-color: var(--theme-input-thread-border);
}
body .thread-reply.own .input label, body .thread-reply.own .input .btn-adornment, body .thread-reply.own .input.input-file input::file-selector-button, body .thread-new-post .input label, body .thread-new-post .input .btn-adornment, body .thread-new-post .input.input-file input::file-selector-button, body .suggestion.new .input label, body .suggestion.new .input .btn-adornment, body .suggestion.new .input.input-file input::file-selector-button, body .document-new-entry .input label, body .document-new-entry .input .btn-adornment, body .document-new-entry .input.input-file input::file-selector-button {
  color: var(--theme-input-thread-text);
}
body .thread-reply.own .input:has(input[warning]), body .thread-reply.own .input:has(select[warning]), body .thread-reply.own .input:has(textarea[warning]), body .thread-new-post .input:has(input[warning]), body .thread-new-post .input:has(select[warning]), body .thread-new-post .input:has(textarea[warning]), body .suggestion.new .input:has(input[warning]), body .suggestion.new .input:has(select[warning]), body .suggestion.new .input:has(textarea[warning]), body .document-new-entry .input:has(input[warning]), body .document-new-entry .input:has(select[warning]), body .document-new-entry .input:has(textarea[warning]) {
  border-color: var(--theme-warning);
}
body .thread-reply.own .input:has(input[warning]) label, body .thread-reply.own .input:has(input[warning]) .btn-adornment, body .thread-reply.own .input:has(input[warning]).input-file input::file-selector-button, body .thread-reply.own .input:has(select[warning]) label, body .thread-reply.own .input:has(select[warning]) .btn-adornment, body .thread-reply.own .input:has(select[warning]).input-file input::file-selector-button, body .thread-reply.own .input:has(textarea[warning]) label, body .thread-reply.own .input:has(textarea[warning]) .btn-adornment, body .thread-reply.own .input:has(textarea[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(input[warning]) label, body .thread-new-post .input:has(input[warning]) .btn-adornment, body .thread-new-post .input:has(input[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(select[warning]) label, body .thread-new-post .input:has(select[warning]) .btn-adornment, body .thread-new-post .input:has(select[warning]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[warning]) label, body .thread-new-post .input:has(textarea[warning]) .btn-adornment, body .thread-new-post .input:has(textarea[warning]).input-file input::file-selector-button, body .suggestion.new .input:has(input[warning]) label, body .suggestion.new .input:has(input[warning]) .btn-adornment, body .suggestion.new .input:has(input[warning]).input-file input::file-selector-button, body .suggestion.new .input:has(select[warning]) label, body .suggestion.new .input:has(select[warning]) .btn-adornment, body .suggestion.new .input:has(select[warning]).input-file input::file-selector-button, body .suggestion.new .input:has(textarea[warning]) label, body .suggestion.new .input:has(textarea[warning]) .btn-adornment, body .suggestion.new .input:has(textarea[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(input[warning]) label, body .document-new-entry .input:has(input[warning]) .btn-adornment, body .document-new-entry .input:has(input[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(select[warning]) label, body .document-new-entry .input:has(select[warning]) .btn-adornment, body .document-new-entry .input:has(select[warning]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[warning]) label, body .document-new-entry .input:has(textarea[warning]) .btn-adornment, body .document-new-entry .input:has(textarea[warning]).input-file input::file-selector-button {
  color: var(--theme-warning);
}
body .thread-reply.own .input:has(input[invalid]), body .thread-reply.own .input:has(select[invalid]), body .thread-reply.own .input:has(textarea[invalid]), body .thread-new-post .input:has(input[invalid]), body .thread-new-post .input:has(select[invalid]), body .thread-new-post .input:has(textarea[invalid]), body .suggestion.new .input:has(input[invalid]), body .suggestion.new .input:has(select[invalid]), body .suggestion.new .input:has(textarea[invalid]), body .document-new-entry .input:has(input[invalid]), body .document-new-entry .input:has(select[invalid]), body .document-new-entry .input:has(textarea[invalid]) {
  border-color: var(--theme-invalid);
}
body .thread-reply.own .input:has(input[invalid]) label, body .thread-reply.own .input:has(input[invalid]) .btn-adornment, body .thread-reply.own .input:has(input[invalid]).input-file input::file-selector-button, body .thread-reply.own .input:has(select[invalid]) label, body .thread-reply.own .input:has(select[invalid]) .btn-adornment, body .thread-reply.own .input:has(select[invalid]).input-file input::file-selector-button, body .thread-reply.own .input:has(textarea[invalid]) label, body .thread-reply.own .input:has(textarea[invalid]) .btn-adornment, body .thread-reply.own .input:has(textarea[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(input[invalid]) label, body .thread-new-post .input:has(input[invalid]) .btn-adornment, body .thread-new-post .input:has(input[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(select[invalid]) label, body .thread-new-post .input:has(select[invalid]) .btn-adornment, body .thread-new-post .input:has(select[invalid]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[invalid]) label, body .thread-new-post .input:has(textarea[invalid]) .btn-adornment, body .thread-new-post .input:has(textarea[invalid]).input-file input::file-selector-button, body .suggestion.new .input:has(input[invalid]) label, body .suggestion.new .input:has(input[invalid]) .btn-adornment, body .suggestion.new .input:has(input[invalid]).input-file input::file-selector-button, body .suggestion.new .input:has(select[invalid]) label, body .suggestion.new .input:has(select[invalid]) .btn-adornment, body .suggestion.new .input:has(select[invalid]).input-file input::file-selector-button, body .suggestion.new .input:has(textarea[invalid]) label, body .suggestion.new .input:has(textarea[invalid]) .btn-adornment, body .suggestion.new .input:has(textarea[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(input[invalid]) label, body .document-new-entry .input:has(input[invalid]) .btn-adornment, body .document-new-entry .input:has(input[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(select[invalid]) label, body .document-new-entry .input:has(select[invalid]) .btn-adornment, body .document-new-entry .input:has(select[invalid]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[invalid]) label, body .document-new-entry .input:has(textarea[invalid]) .btn-adornment, body .document-new-entry .input:has(textarea[invalid]).input-file input::file-selector-button {
  color: var(--theme-invalid);
}
body .thread-reply.own .input:has(input[valid]), body .thread-reply.own .input:has(select[valid]), body .thread-reply.own .input:has(textarea[valid]), body .thread-new-post .input:has(input[valid]), body .thread-new-post .input:has(select[valid]), body .thread-new-post .input:has(textarea[valid]), body .suggestion.new .input:has(input[valid]), body .suggestion.new .input:has(select[valid]), body .suggestion.new .input:has(textarea[valid]), body .document-new-entry .input:has(input[valid]), body .document-new-entry .input:has(select[valid]), body .document-new-entry .input:has(textarea[valid]) {
  border-color: var(--theme-input-valid);
}
body .thread-reply.own .input:has(input[valid]) label, body .thread-reply.own .input:has(input[valid]) .btn-adornment, body .thread-reply.own .input:has(input[valid]).input-file input::file-selector-button, body .thread-reply.own .input:has(select[valid]) label, body .thread-reply.own .input:has(select[valid]) .btn-adornment, body .thread-reply.own .input:has(select[valid]).input-file input::file-selector-button, body .thread-reply.own .input:has(textarea[valid]) label, body .thread-reply.own .input:has(textarea[valid]) .btn-adornment, body .thread-reply.own .input:has(textarea[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(input[valid]) label, body .thread-new-post .input:has(input[valid]) .btn-adornment, body .thread-new-post .input:has(input[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(select[valid]) label, body .thread-new-post .input:has(select[valid]) .btn-adornment, body .thread-new-post .input:has(select[valid]).input-file input::file-selector-button, body .thread-new-post .input:has(textarea[valid]) label, body .thread-new-post .input:has(textarea[valid]) .btn-adornment, body .thread-new-post .input:has(textarea[valid]).input-file input::file-selector-button, body .suggestion.new .input:has(input[valid]) label, body .suggestion.new .input:has(input[valid]) .btn-adornment, body .suggestion.new .input:has(input[valid]).input-file input::file-selector-button, body .suggestion.new .input:has(select[valid]) label, body .suggestion.new .input:has(select[valid]) .btn-adornment, body .suggestion.new .input:has(select[valid]).input-file input::file-selector-button, body .suggestion.new .input:has(textarea[valid]) label, body .suggestion.new .input:has(textarea[valid]) .btn-adornment, body .suggestion.new .input:has(textarea[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(input[valid]) label, body .document-new-entry .input:has(input[valid]) .btn-adornment, body .document-new-entry .input:has(input[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(select[valid]) label, body .document-new-entry .input:has(select[valid]) .btn-adornment, body .document-new-entry .input:has(select[valid]).input-file input::file-selector-button, body .document-new-entry .input:has(textarea[valid]) label, body .document-new-entry .input:has(textarea[valid]) .btn-adornment, body .document-new-entry .input:has(textarea[valid]).input-file input::file-selector-button {
  color: var(--theme-input-valid);
}
body .thread-reply.own .input:hover, body .thread-new-post .input:hover, body .suggestion.new .input:hover, body .document-new-entry .input:hover {
  border-color: var(--theme-input-thread-hover-border);
}
body .thread-reply.own .input:hover label, body .thread-reply.own .input:hover .btn-adornment, body .thread-reply.own .input:hover.input-file input::file-selector-button, body .thread-new-post .input:hover label, body .thread-new-post .input:hover .btn-adornment, body .thread-new-post .input:hover.input-file input::file-selector-button, body .suggestion.new .input:hover label, body .suggestion.new .input:hover .btn-adornment, body .suggestion.new .input:hover.input-file input::file-selector-button, body .document-new-entry .input:hover label, body .document-new-entry .input:hover .btn-adornment, body .document-new-entry .input:hover.input-file input::file-selector-button {
  color: var(--theme-input-thread-hover-text);
}
body .thread-reply.own .input.disabled, body .thread-new-post .input.disabled, body .suggestion.new .input.disabled, body .document-new-entry .input.disabled {
  border-color: var(--theme-input-disabled-border);
}
body .thread-reply.own .input.disabled label, body .thread-reply.own .input.disabled .btn-adornment, body .thread-reply.own .input.disabled.input-file input::file-selector-button, body .thread-new-post .input.disabled label, body .thread-new-post .input.disabled .btn-adornment, body .thread-new-post .input.disabled.input-file input::file-selector-button, body .suggestion.new .input.disabled label, body .suggestion.new .input.disabled .btn-adornment, body .suggestion.new .input.disabled.input-file input::file-selector-button, body .document-new-entry .input.disabled label, body .document-new-entry .input.disabled .btn-adornment, body .document-new-entry .input.disabled.input-file input::file-selector-button {
  color: var(--theme-input-disabled-text);
}
body .create-account {
  color: var(--theme-btn-link);
}
body .create-account:hover {
  background-color: var(--theme-btn-link-hover-background);
}
body .carousel {
  background-color: var(--theme-carousel-background);
}
body .carousel .slide-buttons button {
  background: none;
  color: var(--theme-carousel-button-text);
}
body .carousel .slide-buttons button:hover {
  background-color: var(--theme-light);
}
body .carousel .arrow button {
  background: none;
  color: var(--theme-carousel-button-text);
}
body .carousel .arrow button:hover {
  background-color: var(--theme-light);
}
body .account-code {
  background-color: var(--theme-important-background);
  color: var(--theme-important-text);
}
body .selectable-item {
  color: var(--theme-selectable-item-text);
  background-color: var(--theme-selectable-item-background);
}
body .selectable-item:hover {
  color: var(--theme-selectable-item-hover-text);
  background-color: var(--theme-selectable-item-hover-background);
}
body .selectable-item:active {
  color: var(--theme-selectable-item-active-text);
  background-color: var(--theme-selectable-item-active-background);
}
body .selectable-item:disabled {
  color: var(--theme-button-disabled-text);
  background-color: var(--theme-button-disabled-text);
}
body .role-badge.administrator, body .role-badge.submitted, body .achievement-badge.administrator, body .achievement-badge.submitted, body .suggestion-status.administrator, body .suggestion-status.submitted {
  color: var(--theme-badge-success-text);
  background-color: var(--theme-badge-success-background);
}
body .role-badge.super-administrator, body .achievement-badge.super-administrator, body .suggestion-status.super-administrator {
  color: var(--theme-badge-superadmin-text);
  background-color: var(--theme-badge-superadmin-background);
}
body .role-badge.eighteen-plus, body .role-badge.rejected, body .achievement-badge.eighteen-plus, body .achievement-badge.rejected, body .suggestion-status.eighteen-plus, body .suggestion-status.rejected {
  color: var(--theme-badge-rejected-text);
  background-color: var(--theme-badge-rejected-background);
}
body .role-badge.quiz-master, body .role-badge.approved, body .achievement-badge.quiz-master, body .achievement-badge.approved, body .suggestion-status.quiz-master, body .suggestion-status.approved {
  color: var(--theme-badge-quizmaster-text);
  background-color: var(--theme-badge-quizmaster-background);
}
body .role-badge.poll-maker, body .role-badge.screenshot-of-the-month, body .role-badge.completed, body .achievement-badge.poll-maker, body .achievement-badge.screenshot-of-the-month, body .achievement-badge.completed, body .suggestion-status.poll-maker, body .suggestion-status.screenshot-of-the-month, body .suggestion-status.completed {
  color: var(--theme-badge-winner-text);
  background-color: var(--theme-badge-winner-background);
}
body .cancelled-badge {
  color: var(--theme-badge-cancelled-text);
  background-color: var(--theme-badge-cancelled-background);
}
body .authorized-badge {
  color: var(--theme-badge-authorized-text);
  background-color: var(--theme-badge-authorized-background);
}
body .official-badge {
  color: var(--theme-badge-official-text);
  background-color: var(--theme-badge-official-background);
}
body .report-content {
  background-color: var(--theme-reported-background);
}
body .loading-circle circle.base {
  fill: var(--theme-loading-circle-base-fill);
  stroke: var(--theme-loading-circle-base-stroke);
}
body .loading-circle circle.bar {
  fill: var(--theme-loading-circle-bar-fill);
  stroke: var(--theme-loading-circle-bar-stroke);
}
body .small-loading-circle circle.base {
  stroke: var(--theme-loading-circle-base-stroke);
}
body .small-loading-circle circle.bar {
  stroke: var(--theme-loading-circle-bar-stroke);
}
body .control-A .piece-1, body .control-B .piece-1, body .control-X .piece-1, body .control-Y .piece-1, body .control-Left-Stick .piece-1, body .control-Right-Stick .piece-1,
body .control-Up .piece-1, body .control-Down .piece-1, body .control-Left .piece-1, body .control-Right .piece-1 {
  background-color: var(--theme-control-icon-border);
  border-color: var(--theme-control-icon-background);
  color: var(--theme-control-icon-background);
}
body .control-Left-Stick .piece-2, body .control-Right-Stick .piece-2 {
  background-color: var(--theme-control-icon-border);
  border-color: var(--theme-control-icon-background);
  color: var(--theme-control-icon-background);
}
body .control-L .piece-1, body .control-ZL .piece-1, body .control-R .piece-1, body .control-ZR .piece-1 {
  background-color: var(--theme-control-icon-border);
  border-color: var(--theme-control-icon-background);
  color: var(--theme-control-icon-background);
}
@keyframes press-and-hold {
  0% {
    background-color: var(--theme-control-icon-border);
    color: var(--theme-control-icon-background);
    border-color: var(--theme-control-icon-background);
  }
  24.99% {
    background-color: var(--theme-control-icon-border);
    color: var(--theme-control-icon-background);
    border-color: var(--theme-control-icon-background);
  }
  25% {
    background-color: var(--theme-control-icon-background);
    color: var(--theme-control-icon-border);
    border-color: var(--theme-control-icon-border);
  }
  100% {
    background-color: var(--theme-control-icon-background);
    color: var(--theme-control-icon-border);
    border-color: var(--theme-control-icon-border);
  }
}
body .btn-primary {
  color: var(--theme-button-important-text);
  background-color: var(--theme-button-important-background);
}
body .btn-primary:hover {
  background-color: var(--theme-button-important-hover-background);
}
body .btn-primary:focus {
  background-color: var(--theme-button-important-active-background);
  box-shadow: var(--theme-button-important-active-shadow);
}
body .btn-primary.active,
body .btn-primary:active,
body .show > .btn-primary.dropdown-toggle {
  background-color: var(--theme-button-important-active-background);
}
body .btn-primary.active:focus,
body .btn-primary:active:focus,
body .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: var(--theme-button-important-active-shadow);
}
body .btn-primary.disabled,
body .btn-primary:disabled {
  color: var(--theme-button-important-disabled-text);
  background-color: var(--theme-button-important-disabled-background);
  border-color: var(--theme-button-important-disabled-background);
}
body .loader-canvas {
  background-color: var(--theme-light);
}
body .main-top-bar {
  background-color: var(--theme-important-background);
  border-bottom-color: var(--theme-border-grey);
}
body .basingstoke-logo .circle {
  border-color: var(--theme-circle-border);
}
body .basingstoke-logo .blue {
  background-color: var(--theme-circle-blue);
}
body .basingstoke-logo .green {
  background-color: var(--theme-circle-green);
}
body .basingstoke-logo .red {
  background-color: var(--theme-circle-red);
}
body .basingstoke-logo .yellow {
  background-color: var(--theme-circle-yellow);
}
body .basingstoke-logo .text {
  color: var(--theme-important-text);
}
body .adult-content {
  color: var(--theme-badge-adultcontent-text) !important;
  background-color: var(--theme-badge-adultcontent-background) !important;
}
body .supervisor-account {
  color: var(--theme-badge-supervisor-text) !important;
  background-color: var(--theme-badge-supervisor-background) !important;
}
body .toaster .toast {
  color: var(--theme-important-text);
}
body .toaster .toast.information {
  background-color: var(--theme-prompt-info);
}
body .toaster .toast.success {
  background-color: var(--theme-prompt-success);
}
body .toaster .toast.error {
  background-color: var(--theme-prompt-error);
}
body .toaster .toast.warning {
  background-color: var(--theme-prompt-warning);
}
body .level-bar {
  background-color: var(--theme-level-bar-background);
}
body .level-bar .bar svg polygon {
  fill: var(--theme-level-bar-fill);
}
body .level-bar .bar-node svg polygon {
  fill: var(--theme-level-bar-node);
}
body .level-icon, body .card-count-icon {
  border-color: var(--theme-text-default);
}
body .youtube-playlist {
  border-color: var(--theme-music-player-border);
}
body .youtube-playlist li:nth-child(odd) {
  background-color: var(--theme-music-player-row-odd);
}
body .youtube-playlist li.playing {
  background-color: var(--theme-music-player-row-playing);
}
body .youtube-playlist li:hover {
  background-color: var(--theme-music-player-row-hover);
}
body .scrollbar::-webkit-scrollbar-track, body .edit-form::-webkit-scrollbar-track, body textarea::-webkit-scrollbar-track {
  box-shadow: var(--theme-scrollbar-track-shadow);
  border-color: var(--theme-scrollbar-track-border);
}
body .scrollbar::-webkit-scrollbar-thumb, body .edit-form::-webkit-scrollbar-thumb, body textarea::-webkit-scrollbar-thumb {
  box-shadow: var(--theme-scrollbar-thumb-shadow);
  border-color: var(--theme-scrollbar-thumb-border);
}