/* Cores da pagina de playlist controladas pelo painel Aparencia */
html body #perfil .cd .lado2 .mc2-page {
  background: var(--mc-playlist_page_bg) !important;
  color: var(--mc-playlist_text) !important;
}

html body #perfil .cd .lado2 .mc2-page::after {
  background:
    linear-gradient(90deg, var(--mc-playlist_page_bg) 0%, color-mix(in srgb, var(--mc-playlist_page_bg) 92%, transparent) 14%, color-mix(in srgb, var(--mc-playlist_page_bg) 42%, transparent) 70%, var(--mc-playlist_page_bg) 100%),
    linear-gradient(180deg, var(--mc-playlist_page_bg) 0%, color-mix(in srgb, var(--mc-playlist_page_bg) 74%, transparent) 20%, color-mix(in srgb, var(--mc-playlist_page_bg) 20%, transparent) 58%, var(--mc-playlist_page_bg) 100%) !important;
}

html body #perfil .cd .lado2 .mc2-hero {
  background: var(--mc-playlist_hero_bg) !important;
  border-color: var(--mc-playlist_card_border) !important;
}

html body #perfil .cd .lado2 .mc2-hero::after {
  background:
    linear-gradient(90deg, var(--mc-playlist_hero_overlay) 0%, color-mix(in srgb, var(--mc-playlist_hero_overlay) 82%, transparent) 48%, color-mix(in srgb, var(--mc-playlist_accent) 16%, var(--mc-playlist_hero_overlay)) 100%),
    radial-gradient(circle at 88% 70%, color-mix(in srgb, var(--mc-playlist_accent) 24%, transparent), transparent 34%) !important;
}

html body #perfil .cd .lado2 .mc2-title h1,
html body #perfil .cd .lado2 .mc2-top5-title,
html body #perfil .cd .lado2 .mc2-section-title h3,
html body #perfil .cd .lado2 .mc2-tab,
html body #perfil .cd .lado2 .mc2-track-info b,
html body #perfil .cd .lado2 .mc2-panel-text,
html body #perfil .cd .lado2 .mc2-menu-card b,
html body #perfil .cd .lado2 .mc2-contact-item b,
html body #perfil .cd .lado2 .mc2-love-card b {
  color: var(--mc-playlist_text) !important;
}

html body #perfil .cd .lado2 .mc2-title h2,
html body #perfil .cd .lado2 .mc2-main-btn .nun,
html body #perfil .cd .lado2 .mc2-tab.active,
html body #perfil .cd .lado2 .mc2-section-count,
html body #perfil .cd .lado2 .mc2-track-number,
html body #perfil .cd .lado2 .mc2-track-duration,
html body #perfil .cd .lado2 .mc2-top5-download,
html body #perfil .cd .lado2 .mc2-load-more {
  color: var(--mc-playlist_accent) !important;
}

html body #perfil .cd .lado2 .mc2-description,
html body #perfil .cd .lado2 .mc2-tags-chips span,
html body #perfil .cd .lado2 .mc2-track-info small,
html body #perfil .cd .lado2 .mc2-main-btn .nome,
html body #perfil .cd .lado2 .mc2-top5-info small,
html body #perfil .cd .lado2 .mc2-panel-empty,
html body #perfil .cd .lado2 .mc2-menu-card small,
html body #perfil .cd .lado2 .mc2-contact-item small {
  color: var(--mc-playlist_text_muted) !important;
}

html body #perfil .cd .lado2 .mc2-badge,
html body #perfil .cd .lado2 .mc2-follow-btn,
html body #perfil .cd .lado2 .mc2-top5-title::after {
  background: linear-gradient(135deg, var(--mc-playlist_accent), var(--mc-playlist_accent_2)) !important;
  color: var(--mc-playlist_button_text) !important;
}

html body #perfil .cd .lado2 .mc2-section-title h3 svg {
  fill: var(--mc-playlist_accent) !important;
}

html body #perfil .cd .lado2 .mc2-play-now,
html body #perfil .cd .lado2 .mc2-download-now {
  background: linear-gradient(135deg, var(--mc-playlist_button_bg_1), var(--mc-playlist_button_bg_2)) !important;
  color: var(--mc-playlist_button_text) !important;
  box-shadow: 0 16px 30px color-mix(in srgb, var(--mc-playlist_button_bg_1) 24%, transparent) !important;
}

html body #perfil .cd .lado2 .mc2-top5,
html body #perfil .cd .lado2 .mc2-tabs,
html body #perfil .cd .lado2 .mc2-tracks-box,
html body #perfil .cd .lado2 .mc2-panel,
html body #perfil .cd .lado2 .mc2-video-box,
html body #perfil .cd .lado2 .mc2-ad-box,
html body #perfil .cd .lado2 .mc2-love-box,
html body #perfil .cd .lado2 .mc2-menu-card,
html body #perfil .cd .lado2 .mc2-contact-item,
html body #perfil .cd .lado2 .mc2-artist-pill,
html body #perfil .cd .lado2 .mc2-description,
html body #perfil .cd .lado2 .mc2-tags-chips span,
html body #perfil .cd .lado2 .mc2-main-btn,
html body #perfil .cd .lado2 .mc2-load-more {
  background: var(--mc-playlist_card_bg) !important;
  border-color: var(--mc-playlist_card_border) !important;
}

html body #perfil .cd .lado2 .mc2-track {
  background: color-mix(in srgb, var(--mc-playlist_card_bg) 86%, var(--mc-playlist_page_bg)) !important;
  border-color: var(--mc-playlist_card_border) !important;
}

html body #perfil .cd .lado2 .mc2-track:hover,
html body #perfil .cd .lado2 .mc2-track.mc2-current {
  background: color-mix(in srgb, var(--mc-playlist_accent) 10%, var(--mc-playlist_card_bg)) !important;
}

html body #perfil .cd .lado2 .mc2-track-btn,
html body #perfil .cd .lado2 .mc2-top5-add {
  color: var(--mc-playlist_accent) !important;
}

html body #perfil .cd .lado2 .mc2-cover-play span {
  color: var(--mc-playlist_accent) !important;
}

html body #perfil .cd .lado2 .mc2-rank,
html body #perfil .cd .lado2 .mc2-top5-item:nth-child(1) .mc2-rank {
  background: linear-gradient(135deg, var(--mc-playlist_accent), var(--mc-playlist_accent_2)) !important;
  color: var(--mc-playlist_button_text) !important;
}