/* Three selectable colour studies.
   The base layout remains in all-responsive-white.css; only colour roles change here. */

html[data-theme-style="cream-red"] {
  --palette-page: #fff7e8;
  --palette-surface: #fffdf7;
  --palette-elevated: #f7ead7;
  --palette-control: #f1dfc5;
  --palette-text: #281818;
  --palette-muted: #76645e;
  --palette-border: #e5cfb0;
  --palette-accent: #e60023;
  --palette-accent-hover: #d91423;
  --palette-on-accent: #ffffff;
  --palette-overlay: rgba(40, 24, 24, 0.76);
  --palette-shadow: rgba(105, 67, 38, 0.15);
}

html[data-theme-style="black-gold"] {
  --palette-page: #090909;
  --palette-surface: #141414;
  --palette-elevated: #1d1b18;
  --palette-control: #29251e;
  --palette-text: #f7f1e5;
  --palette-muted: #b5a98e;
  --palette-border: #403829;
  --palette-accent: #d4af37;
  --palette-accent-hover: #f0cc61;
  --palette-on-accent: #111111;
  --palette-overlay: rgba(0, 0, 0, 0.82);
  --palette-shadow: rgba(0, 0, 0, 0.55);
}

html[data-theme-style="taupe-red"] {
  --palette-page: #b8aa9c;
  --palette-surface: #ded5cc;
  --palette-elevated: #cec1b4;
  --palette-control: #eae3dc;
  --palette-text: #292321;
  --palette-muted: #685e58;
  --palette-border: #9f8f81;
  --palette-accent: #e60023;
  --palette-accent-hover: #d91423;
  --palette-on-accent: #ffffff;
  --palette-overlay: rgba(55, 45, 40, 0.76);
  --palette-shadow: rgba(58, 42, 34, 0.23);
}

/* Page and typography */
html[data-theme-style],
html[data-theme-style] body {
  background: var(--palette-page);
  color: var(--palette-text);
}

html[data-theme-style] .container {
  background: var(--palette-page);
}

html[data-theme-style] body,
html[data-theme-style] a,
html[data-theme-style] h1,
html[data-theme-style] h2,
html[data-theme-style] h3,
html[data-theme-style] h4,
html[data-theme-style] p.text,
html[data-theme-style] .content_title,
html[data-theme-style] .navigation-header .primary .link,
html[data-theme-style] .navigation .primary a,
html[data-theme-style] .footer .nav a,
html[data-theme-style] .item .title,
html[data-theme-style] .list-subscriptions .item .title,
html[data-theme-style] .media-title,
html[data-theme-style] .card-title,
html[data-theme-style] .album-card .album-title,
html[data-theme-style] .selected-mobile,
html[data-theme-style] .selected-mobile .selected-point,
html[data-theme-style] .user .name,
html[data-theme-style] .popup-title,
html[data-theme-style] .block-post .post-content,
html[data-theme-style] .headline-btn a {
  color: var(--palette-text);
}

html[data-theme-style] .item .wrap,
html[data-theme-style] .copyright,
html[data-theme-style] .txt,
html[data-theme-style] .content_text p,
html[data-theme-style] .member-link a,
html[data-theme-style] .sidebar.sticky .list .rating,
html[data-theme-style] .comment-info,
html[data-theme-style] .added,
html[data-theme-style] .info,
html[data-theme-style] .description {
  color: var(--palette-muted);
}

/* Major surfaces */
html[data-theme-style] .header,
html[data-theme-style] .header + nav,
html[data-theme-style] .footer-margin,
html[data-theme-style] .mobile-menu,
html[data-theme-style] .sidebar.sticky,
html[data-theme-style] .mobile-user.drop,
html[data-theme-style] .drop-lang-mobile.open,
html[data-theme-style] .selected-mobile.open,
html[data-theme-style] .header-item {
  background: var(--palette-elevated);
}

html[data-theme-style] .list-playlists .item,
html[data-theme-style] .list-models .item,
html[data-theme-style] .list-sponsors .item,
html[data-theme-style] .list-channels .item,
html[data-theme-style] .list-categories .item,
html[data-theme-style] .list-albums .item,
html[data-theme-style] .list-albums-images .item,
html[data-theme-style] .list-videos .item,
html[data-theme-style] .list-videos-screenshots .item,
html[data-theme-style] .place,
html[data-theme-style] .block-post,
html[data-theme-style] .fancybox-opened .fancybox-skin,
html[data-theme-style] form .list-selector-popup,
html[data-theme-style] .autocomplete-suggestions {
  background-color: var(--palette-surface);
  color: var(--palette-text);
  box-shadow: 0 8px 26px var(--palette-shadow);
}

html[data-theme-style] .popup-holder {
  color: var(--palette-text);
  background: linear-gradient(to top, var(--palette-surface), var(--palette-elevated));
}

html[data-theme-style] .drop-content,
html[data-theme-style] .drop-duration,
html[data-theme-style] .hidden-drop,
html[data-theme-style] .user-drop,
html[data-theme-style] .sort ul,
html[data-theme-style] .autocomplete-selected {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .mask {
  background: var(--palette-overlay);
}

/* Form fields, neutral controls and dividers */
html[data-theme-style] form .textfield,
html[data-theme-style] form .textarea,
html[data-theme-style] form .selectbox,
html[data-theme-style] form .file,
html[data-theme-style] form .checkbox + label::before,
html[data-theme-style] form .checkbox + span::before,
html[data-theme-style] form .radio + label::before,
html[data-theme-style] form .radio + span::before,
html[data-theme-style] .search .search-text input,
html[data-theme-style] .search .search-button {
  color: var(--palette-text);
  background-color: var(--palette-control);
  border-color: var(--palette-border);
}

html[data-theme-style] .search .search-text input::placeholder {
  color: var(--palette-muted);
}

html[data-theme-style] .sort,
html[data-theme-style] .general-tags a,
html[data-theme-style] .filters-item a,
html[data-theme-style] .pagination a,
html[data-theme-style] .pagination span,
html[data-theme-style] .upload_btn,
html[data-theme-style] .upgrade_btn,
html[data-theme-style] .tags-cloud .all,
html[data-theme-style] .navigation .primary .drop > a,
html[data-theme-style] .navigation .primary ul li a,
html[data-theme-style] .item-control .toggle-button,
html[data-theme-style] .margin-fix .bottom .submit,
html[data-theme-style] form .file-control .button {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .header + nav,
html[data-theme-style] .mobile-user,
html[data-theme-style] .selected-mobile:last-child,
html[data-theme-style] .header-item,
html[data-theme-style] .item-control,
html[data-theme-style] .sidebar .filter li label::before {
  border-color: var(--palette-border);
}

html[data-theme-style] .item .img,
html[data-theme-style] .item .img .no-thumb {
  background-color: var(--palette-control);
}

html[data-theme-style] .duration,
html[data-theme-style] .album-card .album-title {
  background: color-mix(in srgb, var(--palette-surface) 82%, transparent);
  color: var(--palette-text);
}

/* Accent colour */
html[data-theme-style] .no-touch a:hover,
html[data-theme-style] .no-touch .item:hover .title,
html[data-theme-style] .no-touch .list-subscriptions .item .title:hover,
html[data-theme-style] .no-touch .navigation .primary a:hover,
html[data-theme-style] .navigation .primary .selected a,
html[data-theme-style] .no-touch .navigation .secondary a:hover,
html[data-theme-style] .sidebar.sticky .list > li.active > a,
html[data-theme-style] .sidebar.sticky .list > li.active > a:hover,
html[data-theme-style] .btn-toogle:hover,
html[data-theme-style] .toogle-item.open .btn-toogle,
html[data-theme-style] .toogle-item.open .icon-categories,
html[data-theme-style] .btn-toogle:hover .icon-categories,
html[data-theme-style] .item .positive,
html[data-theme-style] .autocomplete-suggestions strong {
  color: var(--palette-accent);
}

html[data-theme-style] .navigation .primary a::before,
html[data-theme-style] .navigation .secondary a::before,
html[data-theme-style] .pagination .page-current span,
html[data-theme-style] #signup,
html[data-theme-style] form .submit,
html[data-theme-style] form .checkbox:checked + label::before,
html[data-theme-style] form .checkbox:checked + span::before,
html[data-theme-style] .toggle-button.active,
html[data-theme-style] .toggle-button.inversed.active,
html[data-theme-style] .headline .button,
html[data-theme-style] .headline .more,
html[data-theme-style] .line-disabled,
html[data-theme-style] .line-processing,
html[data-theme-style] .filter-group .item-btn .btn,
html[data-theme-style] .item-control .toggle-button.active,
html[data-theme-style] .no-touch .item-control .toggle-button:hover,
html[data-theme-style] .no-touch .margin-fix .bottom .submit:hover,
html[data-theme-style] .no-touch .margin-fix .bottom .submit.right:hover,
html[data-theme-style] .network a::before {
  background-color: var(--palette-accent);
  color: var(--palette-on-accent);
  border-color: var(--palette-accent);
}

html[data-theme-style] form .radio:checked + span::before,
html[data-theme-style] form .radio:checked + label::before,
html[data-theme-style] .block-screenshots a.item::before {
  background-color: var(--palette-accent);
  border-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .navigation .primary .drop:hover > a,
html[data-theme-style] .no-touch .navigation .primary ul li a:hover,
html[data-theme-style] .no-touch .tags-cloud a:hover,
html[data-theme-style] .no-touch .footer .nav a:hover,
html[data-theme-style] .no-touch .item .ico-fav-0:hover,
html[data-theme-style] .no-touch .item .ico-fav-1:hover,
html[data-theme-style] .swiper-button-next:hover::after,
html[data-theme-style] .swiper-button-prev:hover::after {
  background-color: var(--palette-accent);
  color: var(--palette-on-accent);
}

html[data-theme-style] .no-touch form .submit:hover,
html[data-theme-style] .no-touch .headline .button:hover,
html[data-theme-style] .no-touch .headline .more:hover,
html[data-theme-style] .no-touch .pagination a:hover,
html[data-theme-style] .no-touch .general-tags a:hover,
html[data-theme-style] .no-touch .tag-item a:hover,
html[data-theme-style] .no-touch .user-item a:hover {
  background-color: var(--palette-accent-hover);
  color: var(--palette-on-accent);
}

html[data-theme-style] .page-error,
html[data-theme-style] .item.error .title,
html[data-theme-style] .item .negative {
  color: #ff3342;
  border-color: #ff3342;
}

/* Black and gold needs a few deliberately dark components. */
html[data-theme-style="black-gold"] .footer,
html[data-theme-style="black-gold"] .fancybox-overlay {
  background: #090909;
}

html[data-theme-style="black-gold"] .hamburger span,
html[data-theme-style="black-gold"] .hamburger::before,
html[data-theme-style="black-gold"] .hamburger::after,
html[data-theme-style="black-gold"] .navigation .button .ico-bar {
  background: var(--palette-text);
}

html[data-theme-style="black-gold"] .button-action-search,
html[data-theme-style="black-gold"] .close-btn,
html[data-theme-style="black-gold"] .btn-drop,
html[data-theme-style="black-gold"] .button-tags {
  color: var(--palette-text);
}

html[data-theme-style="black-gold"] .button-tags {
  background: linear-gradient(270deg, var(--palette-elevated) 52.6%, transparent 100%);
}

html[data-theme-style="black-gold"] img.theme-logo {
  filter: none;
}

/* Palette controls */
.palette-picker {
  order: 3;
  display: flex;
  gap: 4px;
  align-items: center;
  margin-left: 20px;
  padding: 4px;
  border: 1px solid var(--palette-border);
  border-radius: 999px;
  background: var(--palette-control);
}

.palette-button,
.palette-option {
  appearance: none;
  border: 0;
  font: inherit;
  cursor: pointer;
}

.palette-button {
  display: flex;
  width: 30px;
  height: 30px;
  padding: 4px;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: transparent;
  transition: background-color .2s, box-shadow .2s, transform .2s;
}

.palette-button:hover {
  transform: translateY(-1px);
  background: var(--palette-surface);
}

.palette-button.is-active {
  background: var(--palette-surface);
  box-shadow: 0 0 0 2px var(--palette-accent);
}

.palette-swatch {
  display: inline-block;
  flex: 0 0 20px;
  width: 20px;
  height: 20px;
  border: 2px solid rgba(255, 255, 255, .75);
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .28);
}

.palette-swatch-cream-red {
  background: linear-gradient(135deg, #fff7e8 0 50%, #e60023 50% 100%);
}

.palette-swatch-black-gold {
  background: linear-gradient(135deg, #090909 0 50%, #d4af37 50% 100%);
}

.palette-swatch-taupe-red {
  background: linear-gradient(135deg, #b8aa9c 0 50%, #e60023 50% 100%);
}

.palette-option {
  display: flex;
  width: 100%;
  gap: 12px;
  align-items: center;
  padding: 10px 0;
  color: var(--palette-text);
  background: transparent;
  text-align: left;
}

.palette-option.is-active {
  color: var(--palette-accent);
  font-weight: 700;
}

.palette-option.is-active::after {
  content: "✓";
  margin-left: auto;
  color: var(--palette-accent);
}

.drop-lang-mobile .palette-swatch-current {
  margin-right: 10px;
}

@media screen and (max-width: 1024px) {
  .palette-picker {
    display: none !important;
  }
}

@supports not (background: color-mix(in srgb, white, black)) {
  html[data-theme-style] .duration,
  html[data-theme-style] .album-card .album-title {
    background: var(--palette-surface);
  }
}

/* Generated compatibility mapping for legacy theme colours. */
html[data-theme-style] .autocomplete-suggestions {
  background: var(--palette-surface);
}

html[data-theme-style] .autocomplete-suggestions strong {
  color: var(--palette-accent);
  border-bottom: 1px solid var(--palette-accent);
}

html[data-theme-style] p.text {
  color: var(--palette-text);
}

html[data-theme-style] html {
  background: var(--palette-surface);
}

html[data-theme-style] body {
  color: var(--palette-text);
}

html[data-theme-style] a {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] form .section-title.expand:hover,
html[data-theme-style] form .section-title.collapse:hover {
  color: var(--palette-accent);
}

html[data-theme-style] form label {
  color: var(--palette-text);
}

html[data-theme-style] form .bottom label {
  color: var(--palette-muted);
}

html[data-theme-style] form .bottom label.field-label {
  color: var(--palette-text);
}

html[data-theme-style] form .checkbox + label::before,
html[data-theme-style] form .checkbox + span::before {
  border: 1px solid var(--palette-border);
  background-color: var(--palette-surface);
}

html[data-theme-style] form .checkbox:checked + label::before,
html[data-theme-style] form .checkbox:checked + span::before {
  background-color: var(--palette-accent);
  border: 1px solid var(--palette-accent);
}

html[data-theme-style] form .radio + span::before,
html[data-theme-style] form .radio + label::before {
  border: 2px solid var(--palette-border);
  background-color: var(--palette-surface);
}

html[data-theme-style] form .radio:checked + span::before,
html[data-theme-style] form .radio:checked + label::before {
  background-color: var(--palette-accent);
  border: 5px solid var(--palette-border);
}

html[data-theme-style] form .submit {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch form .submit:hover {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .margin-fix .bottom .submit.active,
html[data-theme-style] .margin-fix .bottom .submit.right.active,
html[data-theme-style] form .submit.active {
  background-color: var(--palette-accent);
}

html[data-theme-style] form .textfield,
html[data-theme-style] form .textarea,
html[data-theme-style] form .selectbox,
html[data-theme-style] form .file {
  border: 1px solid var(--palette-border);
  color: var(--palette-text);
  background: var(--palette-surface);
}

html[data-theme-style] form .file-control .button {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] form .file-control .button.disabled {
  background: var(--palette-control);
}

html[data-theme-style] form .list-selector-popup {
  background-color: var(--palette-control);
}

html[data-theme-style] form .list-selector-popup:after {
  background-color: var(--palette-control);
}

html[data-theme-style] form .list-selector-popup:before {
  background-color: var(--palette-surface);
}

html[data-theme-style] form .list-selector-popup .button-group .item label {
  color: var(--palette-text);
}

html[data-theme-style] form .list-selector-popup .filter input {
  background-color: var(--palette-surface);
  color: var(--palette-text);
}

html[data-theme-style] form .bottom a {
  color: var(--palette-text);
}

html[data-theme-style] form .bottom .links p:first-child a {
  color: var(--palette-accent);
}

html[data-theme-style] form .bottom .links p:first-child a:hover {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch form .bottom a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch form .bottom .submit.right:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] form .success {
  background: var(--palette-accent);
}

html[data-theme-style] form .info-message {
  background: var(--palette-control);
}

html[data-theme-style] form .info-message:before {
  background-color: var(--palette-control);
}

html[data-theme-style] form .progressbar {
  border: 0.2rem solid var(--palette-accent);
  background: var(--palette-surface);
}

html[data-theme-style] form .progressbar .progress {
  background: var(--palette-accent);
}

html[data-theme-style] .toggle-button input::before {
  background-color: var(--palette-surface);
}

html[data-theme-style] .toggle-button.inversed.active input::before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .toggle-button.active {
  background-color: var(--palette-accent);
}

html[data-theme-style] .toggle-button.inversed {
  background: var(--palette-control);
}

html[data-theme-style] .toggle-button.inversed.active {
  border: 1px solid var(--palette-accent);
  background-color: var(--palette-accent);
}

html[data-theme-style] .network a::before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .network a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .member-links a:hover,
html[data-theme-style] .no-touch .member-links a.disabled:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .search .search-button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .navigation.open .button .ico-bar {
  background: var(--palette-accent);
}

html[data-theme-style] .navigation .primary a {
  color: var(--palette-text);
}

html[data-theme-style] .navigation .primary a:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .navigation .primary a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .navigation .primary .selected a {
  color: var(--palette-accent);
}

html[data-theme-style] .navigation .primary .drop > a {
  background-color: var(--palette-control);
}

html[data-theme-style] .navigation .primary ul li a {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .navigation .primary .drop:hover > a {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .navigation .primary ul li a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .navigation .secondary a:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .navigation .secondary a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .footer .footer-wrap {
  color: var(--palette-muted);
}

html[data-theme-style] .footer .nav a {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .footer .nav a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .footer .copyright a {
  color: var(--palette-muted);
}

html[data-theme-style] h1,
html[data-theme-style] h2 {
  color: var(--palette-text);
}

html[data-theme-style] .sort {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .sort:focus,
html[data-theme-style] .sort:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .sort ul {
  background: var(--palette-control);
}

html[data-theme-style] .no-touch .sort ul a:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .headline .button,
html[data-theme-style] .headline .more {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .headline .more:hover,
html[data-theme-style] .no-touch .headline .button:hover {
  color: var(--palette-text);
}

html[data-theme-style] .headline .button-info {
  background-color: var(--palette-control);
}

html[data-theme-style] .no-touch .tags-cloud a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .tags-cloud .all {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] .margin-fix .bottom .submit,
html[data-theme-style] .margin-fix .bottom .submit.right {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .margin-fix .bottom .submit:hover,
html[data-theme-style] .no-touch .margin-fix .bottom .submit.right:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .list-playlists .item,
html[data-theme-style] .list-models .item,
html[data-theme-style] .list-sponsors .item,
html[data-theme-style] .list-channels .item,
html[data-theme-style] .list-categories .item,
html[data-theme-style] .list-albums .item,
html[data-theme-style] .list-albums-images .item,
html[data-theme-style] .list-videos .item,
html[data-theme-style] .list-videos-screenshots .item {
  background-color: var(--palette-surface);
}

html[data-theme-style] .item-control {
  border-top: 1px solid var(--palette-border);
}

html[data-theme-style] .item .img {
  background-color: var(--palette-control);
}

html[data-theme-style] .item .img .no-thumb {
  background-color: var(--palette-control);
}

html[data-theme-style] .item .title {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .list-subscriptions .item:hover .title {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .item:hover .title {
  color: var(--palette-accent);
}

html[data-theme-style] .item .wrap {
  color: var(--palette-muted);
}

html[data-theme-style] .item.disabled .title,
html[data-theme-style] .item.processing .title {
  color: var(--palette-accent);
}

html[data-theme-style] .list-subscriptions .item .title {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .list-subscriptions .item .title:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .item:hover .title {
  color: var(--palette-accent);
}

html[data-theme-style] .item .positive {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .item .ico-fav-0:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .item .ico-fav-1:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .line-disabled,
html[data-theme-style] .line-error,
html[data-theme-style] .line-processing {
  background: var(--palette-accent);
}

html[data-theme-style] .line-premium [class*="ico"]:before,
html[data-theme-style] .line-private [class*="ico"]:before {
  color: var(--palette-accent);
}

html[data-theme-style] .item-control .toggle-button {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .item-control .toggle-button.active,
html[data-theme-style] .no-touch .item-control .toggle-button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .item-control .toggle-button[data-action="select"]:after {
  border: 1px solid var(--palette-border);
  background-color: var(--palette-surface);
}

html[data-theme-style] .list-albums-images  .item-control .toggle-button.active .checkbox + span {
  color: var(--palette-text);
}

html[data-theme-style] .item-control .toggle-button[data-action="select"].active::after {
  background-color: var(--palette-accent);
  border: 1px solid var(--palette-accent);
}

html[data-theme-style] .list-comments .item {
  color: var(--palette-text);
}

html[data-theme-style] .list-comments .image {
  background-color: var(--palette-control);
}

html[data-theme-style] .list-comments .comment-options a {
  background-color: var(--palette-control);
}

html[data-theme-style] .no-touch .list-comments .comment-options .comment-edit:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .list-comments .comment-options a.comment-like:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .list-comments .comment-options span {
  background-color: var(--palette-accent);
}

html[data-theme-style] .list-comments .comment-info {
  color: var(--palette-muted);
}

html[data-theme-style] .list-subscriptions .item {
  background-color: var(--palette-surface);
}

html[data-theme-style] .list-messages .item {
  border-top: 1px solid var(--palette-border);
}

html[data-theme-style] .list-messages .image img,
html[data-theme-style] .list-messages .image .no-thumb {
  background-color: var(--palette-control);
}

html[data-theme-style] .list-messages .item.deleted .message-text {
  color: var(--palette-muted);
}

html[data-theme-style] .list-messages .added {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .list-messages .added.editable:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .pagination a,
html[data-theme-style] .pagination span {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .pagination .page-current a,
html[data-theme-style] .pagination .page-current span {
  background-color: var(--palette-accent);
}

html[data-theme-style] .load-more a {
  background-color: var(--palette-control);
}

html[data-theme-style] .load-more a:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .sidebar h2 {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar .list a {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar .list a::before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .sidebar .list a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .sidebar .list .rating {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .sidebar .list a:hover .rating {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar .comments .comment-text {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar .comments .comment-text a {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .sidebar .comments .comment-text a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .sidebar .comments .image {
  background-color: var(--palette-control);
}

html[data-theme-style] .sidebar .comments .username a {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar .comments .username a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .sidebar .comments .added {
  color: var(--palette-muted);
}

html[data-theme-style] .sidebar .filter li label::before {
  border: 1px solid var(--palette-border);
  background-color: var(--palette-surface);
}

html[data-theme-style] .sidebar .filter li input:checked + label::before {
  background-color: var(--palette-accent);
  border: 1px solid var(--palette-accent);
}

html[data-theme-style] .sidebar .alphabet span,
html[data-theme-style] .sidebar .alphabet a {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .block-channel h1 {
  color: var(--palette-text);
}

html[data-theme-style] .block-channel .channel-cover {
  background-color: var(--palette-control);
}

html[data-theme-style] .block-channel .channel-cover-short > span {
  color: var(--palette-text);
}

html[data-theme-style] .block-channel .channel-description {
  color: var(--palette-text);
}

html[data-theme-style] .block-channel .channel-meta .channel-user {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-channel .channel-meta .channel-user:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .block-channel .channel-meta-row a {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-channel .channel-meta-row a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-channel .channel-meta-row span {
  background-color: var(--palette-control);
  color: var(--palette-muted);
}

html[data-theme-style] .block-channel .channel-stat-title {
  color: var(--palette-muted);
}

html[data-theme-style] .block-channel .channel-stat-value {
  color: var(--palette-text);
}

html[data-theme-style] .block-channel .channel-actions .button {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-channel .channel-actions .button.disabled {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] .no-touch .block-channel .channel-actions .button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-channel .channel-actions .button.disabled:hover {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] .block-channel .channel-actions .button.done {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-channel .channel-actions .button.done:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-model .img .no-thumb {
  background-color: var(--palette-control);
}

html[data-theme-style] .block-model .model-list li {
  color: var(--palette-muted);
}

html[data-theme-style] .block-model .model-list li span {
  color: var(--palette-text);
}

html[data-theme-style] .block-model .website {
  color: var(--palette-muted);
}

html[data-theme-style] .block-model .website a {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-model .website a:hover {
  color: var(--palette-text);
}

html[data-theme-style] .sponsor a.text {
  background: var(--palette-accent);
}

html[data-theme-style] .info-buttons {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .block-video .player .loading {
  color: var(--palette-text);
}

html[data-theme-style] .block-video .no-player .message a {
  color: var(--palette-accent);
}

html[data-theme-style] .block-video .playlist {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .block-video .playlist .item {
  background-color: var(--palette-surface);
}

html[data-theme-style] .no-touch .block-video .playlist .item.selected img {
  border: 4px solid var(--palette-accent);
}

html[data-theme-style] .block-video .playlist .item:hover .title {
  color: var(--palette-accent);
}

html[data-theme-style] .table {
  background-color: var(--palette-surface);
}

html[data-theme-style] .block-album .images {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .block-album .images .message a {
  color: var(--palette-accent);
}

html[data-theme-style] .rate-dislike:before,
html[data-theme-style] .rate-like:before {
  color: var(--palette-muted);
}

html[data-theme-style] .rate-like.voted::before {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .rate-like:hover::before {
  color: var(--palette-accent);
}

html[data-theme-style] .rating-container .voters {
  color: var(--palette-text);
}

html[data-theme-style] .rating-container .scale-holder .scale {
  background-color: var(--palette-accent);
}

html[data-theme-style] .btn-favourites:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .btn-favourites .drop {
  color: var(--palette-text);
}

html[data-theme-style] .btn-favourites ul {
  background-color: var(--palette-control);
}

html[data-theme-style] .btn-favourites ul li > a,
html[data-theme-style] .btn-favourites ul li > span {
  color: var(--palette-text);
}

html[data-theme-style] .btn-favourites ul li > a:hover,
html[data-theme-style] .btn-favourites ul li > span:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .btn-favourites ul li span:before {
  color: var(--palette-accent);
}

html[data-theme-style] .btn-favourites ul li .delete:hover {
  background-color: var(--palette-control);
}

html[data-theme-style] .btn-favourites ul li .delete:hover::before {
  color: var(--palette-text);
}

html[data-theme-style] .btn-favourites ul li span a {
  color: var(--palette-text);
}

html[data-theme-style] .tabs-menu .toggle-button.icon:before {
  color: var(--palette-text);
}

html[data-theme-style] .tabs-menu .toggle-button {
  background-color: var(--palette-control);
}

html[data-theme-style] .tabs-menu .toggle-button.active {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .tabs-menu .toggle-button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-details .item {
  color: var(--palette-text);
}

html[data-theme-style] .block-details .item a {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] .no-touch .block-details .item a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-details .item span {
  color: var(--palette-muted);
}

html[data-theme-style] .block-details .item span em {
  color: var(--palette-text);
}

html[data-theme-style] .block-details .item em {
  color: var(--palette-text);
}

html[data-theme-style] .block-details .block-user .username a {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-details .block-user .username a:hover {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .block-details .block-user .avatar {
  background-color: var(--palette-control);
}

html[data-theme-style] .block-screenshots span.item:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-screenshots a.item:before {
  border: 4px solid var(--palette-accent);
}

html[data-theme-style] .block-share .block-size a {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .block-share .block-size a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .block-comments .toggle-button {
  background-color: var(--palette-control);
}

html[data-theme-style] .block-comments .toggle-button.active {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-comments .toggle-button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-comments .toggle-button.active:hover {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .hint {
  color: var(--palette-muted);
}

html[data-theme-style] .block-comments .list-comments {
  border-top: 1px solid var(--palette-border);
}

html[data-theme-style] .related-videos .list-sort a:before,
html[data-theme-style] .related-albums .list-sort a:before,
html[data-theme-style] .related-videos .list-sort span:before,
html[data-theme-style] .related-albums .list-sort span:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .related-videos .list-sort span,
html[data-theme-style] .related-albums .list-sort span,
html[data-theme-style] .related-videos .list-sort a:hover,
html[data-theme-style] .related-albums .list-sort a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .btn-subscribe .toggle-button {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .btn-subscribe .toggle-button:hover {
  color: var(--palette-text);
}

html[data-theme-style] .btn-subscribe .button-info {
  background-color: var(--palette-control);
}

html[data-theme-style] .member-menu .block-main .avatar {
  background-color: var(--palette-control);
}

html[data-theme-style] .member-menu .block-additional {
  border-top: 1px solid var(--palette-border);
}

html[data-theme-style] .user-menu span {
  color: var(--palette-accent);
}

html[data-theme-style] .user-menu span:before,
html[data-theme-style] .user-menu a:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .user-menu a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .member-menu .user-menu span em,
html[data-theme-style] .no-touch .user-menu a:hover em {
  color: var(--palette-text);
}

html[data-theme-style] .member-menu .user-menu em {
  color: var(--palette-muted);
}

html[data-theme-style] .block-profile {
  background-color: var(--palette-surface);
}

html[data-theme-style] .profile-list .margin-fix {
  color: var(--palette-muted);
}

html[data-theme-style] .profile-list .item em {
  color: var(--palette-text);
}

html[data-theme-style] .form-upload p.preview em {
  background: var(--palette-surface);
}

html[data-theme-style] .popup-title {
  color: var(--palette-text);
}

html[data-theme-style] .popup-holder {
  background-color: var(--palette-control);
}

html[data-theme-style] .list-posts .item .description {
  color: var(--palette-text);
}

html[data-theme-style] .block-post {
  background: var(--palette-surface);
}

html[data-theme-style] .block-post .table {
  background: var(--palette-control);
}

html[data-theme-style] .navigation .primary {
  background-color: var(--palette-surface);
}

html[data-theme-style] .member-menu .block-additional {
  border-left: 1px solid var(--palette-border);
}

html[data-theme-style] .container {
  background: var(--palette-surface);
}

html[data-theme-style] h1,
html[data-theme-style] h2 {
  color: var(--palette-text);
}

html[data-theme-style] .footer-margin,
html[data-theme-style] .header,
html[data-theme-style] .header+nav {
  background: var(--palette-control);
}

html[data-theme-style] .pagination a,
html[data-theme-style] .pagination span {
  background: var(--palette-control);
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .pagination a:hover {
  color: var(--palette-text);
  background-color: var(--palette-control);
}

html[data-theme-style] .pagination .page-current span {
  background-color: var(--palette-accent);
}

html[data-theme-style] .upload_btn,
html[data-theme-style] .upgrade_btn {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .duration {
  color: var(--palette-text);
}

html[data-theme-style] #signup {
  background-color: var(--palette-accent);
}

html[data-theme-style] .search .search-text input {
  color: var(--palette-text);
  background: var(--palette-control);
}

html[data-theme-style] .search .search-text input::placeholder,
html[data-theme-style] #login,
html[data-theme-style] .content_text p,
html[data-theme-style] .member-link a {
  color: var(--palette-muted);
}

html[data-theme-style] .search .search-button {
  background: var(--palette-control);
}

html[data-theme-style] .general-tags a {
  background: var(--palette-control);
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .tag-item a:hover {
  color: var(--palette-text);
  background: var(--palette-control);
}

html[data-theme-style] .drop-content {
  background: var(--palette-control);
}

html[data-theme-style] .button-tags {
  color: var(--palette-text);
}

html[data-theme-style] .navigation-header .primary .link {
  color: var(--palette-text);
}

html[data-theme-style] .copyright,
html[data-theme-style] .txt {
  color: var(--palette-muted);
}

html[data-theme-style] .sort {
  background-color: var(--palette-control);
  color: var(--palette-muted);
}

html[data-theme-style] .sort ul {
  background: var(--palette-control);
}

html[data-theme-style] .user-drop {
  background: var(--palette-control);
  color: var(--palette-muted);
}

html[data-theme-style] .user .name {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .user-item a:hover {
  color: var(--palette-text);
  background: var(--palette-control);
}

html[data-theme-style] .mobile-menu {
  background: var(--palette-control);
}

html[data-theme-style] .mobile-user {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .mobile-user.drop {
  background-color: var(--palette-surface);
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .drop-lang-mobile.open {
  background: var(--palette-surface);
}

html[data-theme-style] .selected-mobile .selected-point {
  color: var(--palette-text);
}

html[data-theme-style] .selected-mobile {
  color: var(--palette-text);
}

html[data-theme-style] .selected-mobile.open {
  background: var(--palette-surface);
}

html[data-theme-style] .selected-mobile:last-child {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .button-action-search {
  color: var(--palette-text);
}

html[data-theme-style] .close-btn {
  color: var(--palette-text);
}

html[data-theme-style] .header-item {
  background: var(--palette-surface);
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .card-title {
  color: var(--palette-text);
}

html[data-theme-style] .filters-item a {
  background: var(--palette-control);
}

html[data-theme-style] .no-touch .filters-item a:hover {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .filters-title {
  color: var(--palette-text);
}

html[data-theme-style] .item-tags a {
  background: var(--palette-control);
}

html[data-theme-style] .no-touch .item-tags a:hover {
  color: var(--palette-text);
  background: var(--palette-control);
}

html[data-theme-style] .no-touch .view-all:hover {
  background: var(--palette-control);
}

html[data-theme-style] .wrap-btn #login {
  background: var(--palette-control);
}

html[data-theme-style] .mobile-drop {
  background: var(--palette-surface);
}

html[data-theme-style] .tags-link {
  background: var(--palette-control);
}

html[data-theme-style] .headline-btn .item-button {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .headline-btn .amount {
  background: var(--palette-control);
}

html[data-theme-style] .link-title {
  color: var(--palette-text);
}

html[data-theme-style] .button-more-list {
  background: var(--palette-control);
}

html[data-theme-style] .rate-like,
html[data-theme-style] .rate-dislike {
  background: var(--palette-control);
}

html[data-theme-style] .button-video {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .btn-favourites {
  background: var(--palette-control);
}

html[data-theme-style] form .textfield,
html[data-theme-style] form .textarea,
html[data-theme-style] form .selectbox,
html[data-theme-style] form .file {
  background: var(--palette-control);
}

html[data-theme-style] .block-share .block-size a {
  background-color: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] form .radio + label::before {
  background-color: var(--palette-control);
}

html[data-theme-style] .custom-row input,
html[data-theme-style] .custom-row textarea {
  background: var(--palette-control);
}

html[data-theme-style] .username {
  color: var(--palette-text);
}

html[data-theme-style] .user-ava {
  background: var(--palette-control);
}

html[data-theme-style] .list-sort {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .autocomplete-suggestions {
  background: var(--palette-control);
}

html[data-theme-style] .autocomplete-group {
  color: var(--palette-text);
}

html[data-theme-style] .btn-toogle {
  color: var(--palette-text);
}

html[data-theme-style] .type-drop-text {
  color: var(--palette-text);
}

html[data-theme-style] .no-touch .sidebar-point .link-item:hover {
  background: var(--palette-control);
}

html[data-theme-style] .sidebar-point.active a {
  background: var(--palette-control);
}

html[data-theme-style] .sidebar.sticky {
  background: var(--palette-control);
}

html[data-theme-style] .sidebar.sticky .list a {
  color: var(--palette-text);
}

html[data-theme-style] .item .ico-fav-0,
html[data-theme-style] .item .ico-fav-1 {
  color: var(--palette-text);
}

html[data-theme-style] .icon-world,
html[data-theme-style] .icon-model,
html[data-theme-style] .icon-categories {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar.sticky .list,
html[data-theme-style] .drop-type {
  border-bottom: 1px solid var(--palette-border);
}

html[data-theme-style] .drop-duration,
html[data-theme-style] .hidden-drop.second {
  background: var(--palette-control);
}

html[data-theme-style] .hidden-item a {
  color: var(--palette-text);
}

html[data-theme-style] .table {
  background: var(--palette-control);
}

html[data-theme-style] .filter-group .item-btn.second .btn {
  background: var(--palette-control);
}

html[data-theme-style] .sort.second a:hover {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .swiper-button-prev:after,
html[data-theme-style] .swiper-button-next:after,
html[data-theme-style] .swiper-rtl .swiper-button-prev:after,
html[data-theme-style] .swiper-button-prev.swiper-button-disabled::after,
html[data-theme-style] .swiper-button-next.swiper-button-disabled::after {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar.sticky .list a:hover {
  background: var(--palette-control);
}

html[data-theme-style] .sidebar.sticky .list a:hover .rating {
  color: var(--palette-text);
}

html[data-theme-style] .footer .nav a {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar.sticky .list > li.active > a,
html[data-theme-style] .sidebar.sticky .list > li.active > a:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch .navigation-header li:hover .link {
  color: var(--palette-accent);
}

html[data-theme-style] .adv-text {
  color: var(--palette-muted);
}

html[data-theme-style] .navigation-header .primary .selected .second,
html[data-theme-style] .navigation-header .primary .selected .link {
  color: var(--palette-accent);
}

html[data-theme-style] .navigation-header .primary .second:before {
  background-color: var(--palette-accent);
}

html[data-theme-style] .header-user.drop .user .name {
  color: var(--palette-accent);
}

html[data-theme-style] .header-user.drop .user i,
html[data-theme-style] .mobile-user.drop .user-block i {
  color: var(--palette-accent);
}

html[data-theme-style] .user-item a {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .upload_btn:hover,
html[data-theme-style] .upgrade_btn:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .upgrade_btn:hover {
  background: var(--palette-control);
}

html[data-theme-style] .upgrade_btn {
  background: var(--palette-accent);
}

html[data-theme-style] #signup {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch #signup:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch #login:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .active .button-tags i {
  color: var(--palette-accent);
}

html[data-theme-style] .content_text p {
  color: var(--palette-muted);
}

html[data-theme-style] .btn-drop .icon-down-arrow {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .top-link:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .top-link {
  color: var(--palette-muted);
}

html[data-theme-style] .content_title {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .item .ico-fav-1:hover,
html[data-theme-style] .no-touch .item .ico-fav-0:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch .item:hover .title {
  color: var(--palette-text);
}

html[data-theme-style] .item .wrap,
html[data-theme-style] .item .positive {
  color: var(--palette-muted);
}

html[data-theme-style] .sort:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .sort ul a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .primary-mobile .selected-mobile.active a {
  color: var(--palette-accent);
}

html[data-theme-style] .drop-mobile .mobile-item a {
  color: var(--palette-muted);
}

html[data-theme-style] .mobile-user.drop .user-block {
  color: var(--palette-accent);
}

html[data-theme-style] .drop-lang-mobile.open .btn-drop .name-lang,
html[data-theme-style] .drop-lang-mobile.open .btn-drop i {
  color: var(--palette-accent);
}

html[data-theme-style] .drop-lang-mobile .top-item.active a {
  color: var(--palette-accent);
}

html[data-theme-style] .name-lang {
  color: var(--palette-muted);
}

html[data-theme-style] .media-title {
  color: var(--palette-text);
}

html[data-theme-style] .categories-header {
  color: var(--palette-text);
}

html[data-theme-style] .sidebar-point.active a {
  color: var(--palette-accent);
}

html[data-theme-style] .categories-item a {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .sidebar-point .link-item:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .item-tags a {
  color: var(--palette-muted);
}

html[data-theme-style] .models-img .no-thumb,
html[data-theme-style] .album-img .no-thumb,
html[data-theme-style] .card-image .no-thumb,
html[data-theme-style] .community-img .no-thumb {
  background-color: var(--palette-control);
}

html[data-theme-style] .card-tools {
  color: var(--palette-muted);
}

html[data-theme-style] .drop-card:hover .card-title {
  color: var(--palette-accent);
}

html[data-theme-style] .view-all {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch .album-card:hover .album-title {
  background: var(--palette-accent);
}

html[data-theme-style] .date-tool,
html[data-theme-style] .custom-tool {
  color: var(--palette-muted);
}

html[data-theme-style] .filters-item a {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .item:hover .title {
  color: var(--palette-accent);
}

html[data-theme-style] .mobile-point.active a,
html[data-theme-style] .mobile-categories .mobile-point.active a {
  color: var(--palette-accent);
}

html[data-theme-style] .mobile-categories .mobile-point a {
  color: var(--palette-muted);
}

html[data-theme-style] .selected-mobile.open .selected-point {
  color: var(--palette-accent);
}

html[data-theme-style] .related-videos .list-sort span,
html[data-theme-style] .related-albums .list-sort span {
  color: var(--palette-accent);
}

html[data-theme-style] .related-videos .list-sort span::before,
html[data-theme-style] .related-videos .list-sort a:before,
html[data-theme-style] .related-albums .list-sort span::before,
html[data-theme-style] .related-albums .list-sort a:before {
  color: var(--palette-accent);
  background-color: var(--palette-accent);
}

html[data-theme-style] .related-videos .list-sort span,
html[data-theme-style] .related-albums .list-sort span,
html[data-theme-style] .related-videos .list-sort a:hover,
html[data-theme-style] .related-albums .list-sort a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .block-details .item em {
  color: var(--palette-muted);
}

html[data-theme-style] .comment-title {
  color: var(--palette-text);
}

html[data-theme-style] .comment-submit,
html[data-theme-style] .add-comment {
  background: var(--palette-accent);
}

html[data-theme-style] .no-touch .comment-submit:hover,
html[data-theme-style] .no-touch .add-comment:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .comment-top .date,
html[data-theme-style] .comment-top .icon-calendar {
  color: var(--palette-muted);
}

html[data-theme-style] .user-ava .icon-user-drop {
  color: var(--palette-muted);
}

html[data-theme-style] .comment-text {
  color: var(--palette-muted);
}

html[data-theme-style] .comment-btn .item-btn {
  color: var(--palette-muted);
}

html[data-theme-style] .comment-btn .item-btn:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .rate-like,
html[data-theme-style] .rate-dislike {
  color: var(--palette-muted);
}

html[data-theme-style] .rate-dislike.voted:before {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .rate-like:hover,
html[data-theme-style] .no-touch .rate-dislike:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .rate-like:before,
html[data-theme-style] .rate-dislike::before {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .button-video:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .btn-favourites:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .btn-favourites ul li > a:hover,
html[data-theme-style] .btn-favourites ul li > span:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .tabs-menu .toggle-button:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .tabs-menu .toggle-button.active {
  background-color: var(--palette-accent);
}

html[data-theme-style] .no-touch .block-comments .toggle-button:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] form .textfield,
html[data-theme-style] form .textarea,
html[data-theme-style] form .selectbox,
html[data-theme-style] form .file {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .block-share .block-size a:hover {
  background-color: var(--palette-accent);
}

html[data-theme-style] .embed-button {
  background: var(--palette-control);
}

html[data-theme-style] form .radio:checked + label::before {
  background-color: var(--palette-surface);
  border: 5px solid var(--palette-accent);
}

html[data-theme-style] form .submit {
  background: var(--palette-accent);
}

html[data-theme-style] .headline-item {
  color: var(--palette-muted);
}

html[data-theme-style] .headline-btn .amount {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .headline-btn .item-button:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .button-more-list {
  color: var(--palette-muted);
}

html[data-theme-style] .button-more-list:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .tags-link {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .tags-link:hover {
  background: var(--palette-accent);
}

html[data-theme-style] .autocomplete-suggestions {
  color: var(--palette-muted);
}

html[data-theme-style] .autocomplete-suggestions strong {
  color: var(--palette-muted);
}

html[data-theme-style] .sidebar.sticky .list a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .sidebar.sticky .list .rating {
  color: var(--palette-muted);
}

html[data-theme-style] .btn-toogle:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .no-touch .hidden-item a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] .toogle-item.open .btn-toogle {
  color: var(--palette-accent);
}

html[data-theme-style] .btn-toogle:hover .icon-categories {
  color: var(--palette-accent);
}

html[data-theme-style] .toogle-item.open .icon-categories {
  color: var(--palette-accent);
}

html[data-theme-style] .filter-group .item-btn .btn {
  background: var(--palette-accent);
}

html[data-theme-style] .filter-group .item-btn.second .btn {
  color: var(--palette-muted);
}

html[data-theme-style] .swiper-button-next:hover:after,
html[data-theme-style] .swiper-button-prev:hover:after {
  background: var(--palette-accent);
}

html[data-theme-style] .block-screenshots a.item:before {
  border: 4px solid var(--palette-accent);
}

html[data-theme-style] .footer .footer-wrap {
  color: var(--palette-muted);
}

html[data-theme-style] .no-touch .footer .nav a:hover {
  color: var(--palette-accent);
}

html[data-theme-style] body.drop .button-mobile-filter path {
  fill: var(--palette-accent);
}

html[data-theme-style] .search .search-text input {
  color: var(--palette-muted);
}

html[data-theme-style] .drop-lang .btn-drop,
html[data-theme-style] .theme-toggle {
  background: var(--palette-control);
  color: var(--palette-text);
}

html[data-theme-style] .drop-lang .btn-drop:hover,
html[data-theme-style] .theme-toggle:hover {
  background: var(--palette-accent);
}
