/* ==UserStyle==
@name        Last.fm
@namespace   gomgon
@version     2.7.1
@homepageURL https://github.com/gomgon/UserCSS
@updateURL   https://raw.githubusercontent.com/gomgon/UserCSS/master/last-fm.user.css
@license     CC-BY-SA-4.0
@author      gomgon
@advanced text user-css "Your css code" ""
@advanced dropdown compact-mode "Compact mode"{
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
@media (min-width:768px){
.chartlist-row,
.anhv1 .stationlink-list .stationlink{
padding-top:1px;
padding-bottom:2px;
}
.chartlist--with-image .chartlist-row {
min-height: 32px;
}
.chartlist--with-bar .chartlist-row--with-artist .chartlist-name,
.chartlist--with-multi-playlinks .chartlist-row--with-artist .chartlist-name {
margin-bottom: 19px;
padding-top: 2px;
}
.chartlist--with-bar .chartlist-row--with-artist .chartlist-artist,
.chartlist--with-multi-playlinks .chartlist-row--with-artist .chartlist-artist {
position: absolute;
margin-top: 14px;
}
#top-tracks.section-with-control .chartlist-row--with-artist .chartlist-name{
font-weight: 700;
}
.stationlink-list .stationlink::before,
.chartlist-play-button::before,
.chartlist-play-button:hover::before{
width: 30px;
height: 30px;
background-position: 6px 6px!important;
margin-top: -15px;
}
.namespace--user_overview #top-tracks .chartlist-play-button::before,
.namespace--user_overview #top-tracks .chartlist-play-button:hover::before{
width: 32px;
height: 32px;
background-position: 7px 7px!important;
margin-top: -16px;
}
} EOT;
}
@advanced color bg "Background" #1E1E1E
@advanced color scrobbling-now-bg "Scrobbling now background" #1E1E1E
@advanced color bg-lighter "Lighter elements" #282828
@advanced color border-color "Borders color" #323232
@advanced color secondary-button "Secondary buttons" #323232
@advanced color secondary-button-H "Secondary buttons hover" #505050
@advanced color main-text "Main text" #CCCCCC
@advanced color button-text "Buttons text" #EEEEEE
@advanced color button-text-H "Buttons text hover" #FFFFFF
@advanced color color-global "Main Color" #5C809E
@advanced color color-global-hover "Main color lighter" #77A6CC
@advanced dropdown font "Use old font"{
No "No" <<<EOT
EOT;
Yes "Yes" <<<EOT
body {
	font-family: 'Open Sans', 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif;
} EOT;
}
@advanced dropdown loved-icon-color "Loved icon color"{
White "White" <<<EOT
.love-button,
.chartlist-love-button::before{
filter:saturate(0%)!important;
}
.love-button.love-button--loved,
[data-toggle-button-current-state="loved"] .chartlist-love-button::before,
[data-toggle-button-current-state="loved"] a.chartlist-love-button::before,
[data-toggle-button-current-state="loved"] button.chartlist-love-button::before{
filter:saturate(0%) brightness(500%)!important;
}
.love-button:hover,
button.chartlist-love-button:hover::before,
button.chartlist-love-button:focus::before{
filter:saturate(0%) brightness(600%)!important;
}
.header-new-love-button::before{
filter: saturate(0%) invert(100%) brightness(125%)!important;
}
div[data-toggle-button-current-state="unloved"] .header-new-love-button::before{
filter: invert(100%) !important;
}
.header-new-love-button:hover::before,
div[data-toggle-button-current-state="unloved"] .header-new-love-button:hover::before{
filter: saturate(0%) invert(100%) brightness(500%)!important;
} EOT;
Red "Red" <<<EOT
div[data-toggle-button-current-state="unloved"] .header-new-love-button::before{
filter: invert(100%) !important;
}
div[data-toggle-button-current-state="unloved"] .header-new-love-button:hover::before{
filter: invert(100%) brightness(500%)!important;
}
.header-new-love-button:hover::before{
filter: brightness(200%)!important;
} EOT;
}
@advanced dropdown library-icons "Library category icons color"{
White "White" <<<EOT
.library-controls .secondary-nav-item .secondary-nav-item-link::before{
filter: saturate(0%)!important;
}
.library-controls .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:hover::before{
filter:saturate(0%) brightness(600%)!important;
} EOT;
Blue "Blue" <<<EOT
.library-controls .secondary-nav-item .secondary-nav-item-link::before{
filter: saturate(0%)!important;
}
.library-controls .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:hover::before{
filter:hue-rotate(232deg) brightness(320%) saturate(25%)!important;
} EOT;
Red "Red" <<<EOT
.library-controls .secondary-nav-item .secondary-nav-item-link::before{
filter: saturate(0%)!important;
} 
.library-controls .secondary-nav-item--albums .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--albums .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--artists .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--overview .secondary-nav-item-link:hover::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link.secondary-nav-item-link--active::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:focus::before,
.library-controls .secondary-nav-item--tracks .secondary-nav-item-link:hover::before{
filter: saturate(100%)!important;
} EOT;
}
@advanced text loading-gif "Loading gif (64x64)" "https://www.last.fm/static/images/loading_fff_64.gif"
@advanced dropdown hide-separators "Hide separators" {
Yes "Yes" <<<EOT
.section-with-separator::after{
display:none!important;
}
.user-list-shared-artists,
.user-list-shared-artists:first-child,
.col-sidebar.hidden-xs > section.buffer-standard{
margin-top:0px;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-social-media "Hide social media sharing" {
Yes "Yes" <<<EOT
.share-desktop,
.share-mobile,
.share-chart .share-button-profile,
.user-dashboard-module .user-dashboard-module-share,
.user-dashboard-share,
.share-footer,
.share-chart{
display:none!important;
}
.stationlinks,
.buylinks{
margin-top:0px;
}
.section-with-settings.section-with-share .section-control {
right: 26px;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-buy "Hide buy links" {
Yes "Yes" <<<EOT
.lazy-buylinks{
visibility:hidden!important;
}
.show-focus-controls:not([data-ajax-form-state="deleted"]) .chartlist-album::before,
.show-focus-controls:not([data-ajax-form-state="deleted"]).chartlist-row--with-artist .chartlist-artist::before{
width: 32px;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-footer "Hide footer" {
Yes "Yes" <<<EOT
.footer{
display:none!important;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-trending-tracks "Hide Trending Tracks section" {
Yes "Yes" <<<EOT
.trending-tracks-section-wrapper{
display:none!important;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-features "Hide Features section" {
Yes "Yes" <<<EOT
.lazy-features-page-bottom{
display:none!important;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-cookies "Hide cookie settings button" {
Yes "Yes" <<<EOT
div#_evh-button.evidon-consent-button,
#onetrust-consent-sdk,
body > button#ot-sdk-btn.ot-sdk-show-settings{
display:none!important;
} EOT;
No "No" <<<EOT
EOT;
}
@advanced dropdown hide-unavailable-shouts "Hide unavailable shouts" {
Yes "Yes" <<<EOT
.shout--deleted{
display:none!important;
} EOT;
No "No" <<<EOT
EOT;
}
==/UserStyle== */
@-moz-document domain("www.last.fm"){
.col-xs-2,
.copyright.col-xs-12,
div.feedback-message,
.deferred.loading-indicator,
.LastAd,
.LastAd *,
#LastAd_leaderboard,
.lastfm-ad,
.lastfm-ad-mobile,
.lazy-features-footer,
.nag-bar--catalogue-beta-in,
.player-bar .player-bar-progress-slug::after,
.related-ads,
.subscribe-cta,
.join-cta,
#taboola-right-rail-thumbnails,
.mpu-subscription-upsell,
.mpu-subscription-upsell--mpu,
.highcharts-text-outline,
.header-popularity-rank-tooltip::before,
.open-ad-container-desktop,
.open-ad-container-mobile,
.recs-feed-item--ad,
.tonefuze,
.music-more-link a::before,
.features-more-link a::before,
.full-bleed-ad-container,
#taboola-below-content-thumbnails,
.scrobble-stats-info-tooltip::before{
display:none!important;
}
.chartlist .chartlist-album,
.chartlist .chartlist-name,
.dashbody .kerve .wave_fade,
body::before,
.secondary-nav-item-link,
div.infoMessage span.messageWrapper,
div.infoMessageBlock,
.chartlist td,
.search-field,
.user-dashboard-comparison{
background:none!important;
}
input,
select,
textarea{
background:#000000!important;
}
.date-range-picker-preset a:focus,
.date-range-picker-preset a:hover,
.fluid-container,
.inbox-message--unviewed,
.selectboxit-option a:hover,
div.overlay-side-rail,
.kerve .trendglobal,
.kerve a.btn_trendnav{
background:#323232!important;
}
.tag-label.tag-label--disabled{
background:#505050;
}
.user-dashboard-upsell-fade-out {
background: linear-gradient(180deg,transparent,/*[[bg]]*/);
}
.user-dashboard-module-share{
background:transparent;
}
.tag-label--upsell {
background: #726140;
}
.btn--header,
.btn--header:focus,
.btn-primary.profile-header-set-obsession,
.btn-primary.profile-header-set-obsession:hover,
.btn-primary.profile-header-set-obsession:focus,
.listening-report-promo,
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before,
.obsession-history-play-all::before{
background-color:transparent!important;
}
.alert-danger{
background-color:#592929!important;
}
.user-dashboard-upsell-cta,
.btn-subscribe,
.user-dashboard-subscribe-cta-link,
.listening-report-pro-link{
background-color: #726140;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta:focus,
body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta .focus-visible,
body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-subscribe:focus,
body:not([data-whatinput="touch"]) .btn-subscribe .focus-visible,
body:not([data-whatinput="touch"]) .btn-subscribe:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link:focus, 
body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link .focus-visible,
body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .listening-report-pro-link:focus,
body:not([data-whatinput="touch"]) .listening-report-pro-link .focus-visible,
body:not([data-whatinput="touch"]) .listening-report-pro-link:hover{
background-color: #937C53;
}
.masthead-wrapper .masthead,
#hero::before{
background-image:none!important;
}
.dashbody .kerve .venn_mask{
background-image:url(https://i.imgur.com/ety944K.png)!important;
}
.content-form .table .delete::before,
.inbox-message-view .inbox-message-buttons .delete-button::before,
.lazy-recs-bar-close::before,
.user-dashboard-history-subscribe-banner-cta-close::before{
background-image:url(https://www.last.fm/static/images/icons/delete_fff_16.png);
}
.search-submit::before{
background-image:url(https://www.last.fm/static/images/icons/search_16.png);
}
.subscribe-plan-item{
background-image:url(https://www.last.fm/static/images/icons/accept_fff_16.png);
}
.top-listeners-follow-btn .follower-btn-add-follower::before {
background-image: url(https://www.last.fm/static/images/icons/add_fff_16.png);
}
.shout-more-actions:hover::before,
.shout-more-actions:focus::before,
.shout-more-actions.disclose-active::before,
.header .header-message-user:hover::before,
.header .header-message-user:focus::before,
.chartlist-more-button.disclose-active::before,
.chartlist-more-button .focus-visible::before,
.chartlist-more-button:hover::before,
body:not(.js-focus-visible) .chartlist-more-button:focus::before,
.chartlist .lazy-buylinks-toggle.disclose-active::before,
.chartlist .lazy-buylinks-toggle .focus-visible::before,
.chartlist .lazy-buylinks-toggle:hover::before,
body:not(.js-focus-visible) .chartlist .lazy-buylinks-toggle:focus::before{
background-position: 0 0px;
}
.chartlist--with-buylinks .lazy-buylinks-toggle:focus::after,
.chartlist--with-buylinks .lazy-buylinks-toggle:hover::after{
background-position:0 -16px;
}
.kerve .nowleft,
.kerve .trendleft{
background-position:0 -50px;
}
.shout-reply:hover::before,
.shout-reply:focus::before,
.shout-reply.shout-reply--open::before{
background-position: 0px 0px;
}
.shout-delete::before{
background-position: -10px -10px;
}
.kerve .nowright,
.kerve .trendright{
background-position:-30px -50px;
}
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before,
.obsession-history-play-all::before{
background-position: 7px 7px !important;
}
article,
.attendance-btn,
.comments .shout-btn,
.content-top-lower:after,
.content-top:after,
.header-metadata-user-stats,
.overlay-control-bar,
.overlay-control-bar::after,
div.overlay-content,
.suggest-correction-success-message,
.gallery-image-vote-down-off,
.gallery-image-vote-up-off,
.gallery-upload-rules,
.masthead-wrapper .masthead,
.search-field,
.alert,
.alert-info,
.alert-warning,
.dropdown-menu-clickable,
.modal-content,
.tag-cta,
.tag-cta:hover,
.album-artwork-upload-cta,
.album-artwork-upload-cta:hover,
.upload-artwork-cta,
.upload-artwork-cta:hover,
.upload-image-cta,
.upload-image-cta:hover,
.upload-video-cta,
.upload-video-cta:hover,
.wiki-cta,
.wiki-cta:hover,
.scrobble-cta,
#manual-updates,
.section-settings,
.selectbox .selectboxit-options,
.share-chart .share-block,
.user-dashboard-module,
.user-dashboard-comparison,
.more-disclose-mobile .more-block,
.gallery-image-preferred-off{
border:none!important;
}
.content{
border:none;
}
.secondary-nav,
.secondary-nav--scrollable,
ul.journalsSmall,
ul.journalsSmall li,
table.forumtable td{
border-bottom:none!important;
}
.kerve .trendglobal{
border-left:none!important;
}
table.forumtable .end,
table.forumtable .lastPost{
border-right:none!important;
}
.kerve .genretodayitem0 .genretodaybar{
border-right:4px solid #B90000;
}
.kerve .genretodayitem1 .genretodaybar{
border-right:4px solid #A21F28;
}
.kerve .genretodayitem2 .genretodaybar{
border-right:4px solid #8B3F4F;
}
.kerve .genretodayitem3 .genretodaybar{
border-right:4px solid #735E77;
}
.kerve .genretodayitem4 .genretodaybar{
border-right:4px solid #5C7D9E;
}
.obsession-candidates-row::before{
border-top:none;
}
.actions-bar,
.add-event-btn,
.alert,
.btn-add,
.btn-secondary,
.content-form .form-control,
.content-form input,
.content-form select,
.content-form textarea,
.date-picker-content,
.dropdown-buylinks .dropdown-featured-buylink,
.dropdown-buylinks .dropdown-more-buylinks,
.events-filter-location-dropdown,
.gallery-image-vote-down-on,
.gallery-image-vote-up-on,
.kerve.widget,
.selectboxit-options,
.shout-btn,
.correction-vote-yes-off,
.correction-vote-no-off,
.correction-vote-yes-on,
.correction-vote-no-on,
.suggest-correction-success-message,
.attendance-btn,
.btn--header,
.btn-add-sm,
.btn-primary,
.buylinks-dropdown-menu,
.gallery-image-vote-down-off,
.gallery-image-vote-up-off,
.date-range-picker-content,
.dropdown-menu.dropdown--open,
.gallery-upload-rules,
.lfmRed .site-search .search-box,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
.kerve a.btn_trendnav,
.label,
.search-field,
.dropdown-menu-clickable,
.modal-content,
.lazy-load-error-message,
.secondary-nav .navlist-hidden-list,
.wiki-style-rules,
.clipboard-button,
.btn-subscribe,
.inbox-buttons > *,
.btn-lite,
.header-popularity-rank-tooltip,
.lazy-recs-bar .lazy-recs-bar-join,
.user-dashboard-upsell-cta,
.async-content-error-message,
.api-session-connect,
.share-chart .share-block,
.subscribe-form .login-signup,
.subscribe-form .subscription-options,
.gallery-image-preferred-off{
border-radius:0!important;
}
pre,
.blurb,
.content,
.left-column,
.no-data-message-button,
.inbox-message-view .inbox-message-message blockquote,
.listening-report-library-link,
.user-dashboard-subscribe-cta-link,
.listening-report-pro-link{
border-radius:0;
}
.library-controls-datepicker{
border-style:none!important;
}
.header.header--with-avatar.header--overview .secondary-nav{
bottom:-5px!important;
}
.btn.btn--header,
.chartlist td,
.events-filters,
.events-list td,
.globalchart .globalchart-item,
.inbox td,
.recs-feed .recs-feed-item,
.site-links,
.context,
.dropdown-menu.dropdown--open,
.dropdown-buylinks--light .dropdown-featured-buylink,
.dropdown-buylinks--light .dropdown-more-buylinks,
.lfmRed .site-search .search-box,
.masthead-wrapper .masthead,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
.secondary-nav .navlist-hidden-list,
.modal-content,
.user-dashboard-module-share,
.user-dashboard-history-subscribe-banner-cta::after,
.user-dashboard-history-subscribe-banner-cta::before,
.header-popularity-rank-tooltip,
.video-preview-upload-cta,
.album-artwork-upload-cta,
.events-list-sidebar .users-you-know-user-image--you,
.events-list .users-you-know-user-image--you,
.video-preview-replace{
box-shadow:none!important;
}
.btn_trendnav_month,
.btn_trendnav_week,
.trendglobal,
.obsession-history-item .obsession-first{
color:#000000!important;
}
.btn-add-sm,
.alert-success,
.chartlist .countbar-bar-value,
.grid-items-cover-image a,
.secondary-nav .navlist-hidden-list a,
.user-dashboard-scalable-content span .js-ticker,
.user-dashboard-scalable-content a .js-ticker,
.user-dashboard-module > div  > p > span,
.user-dashboard-scalable-content span .js-ticker,
.user-dashboard-scalable-content a .js-ticker,
.user-dashboard-catalogue-count-total a .js-ticker,
.user-dashboard-big-datapoint-value a .js-ticker,
.obsession-history-item-inner a{
color:#FFFFFF!important;
}
.content-top .secondary-nav-item-link,
.content-top .secondary-nav-item-link:hover{
color:#FFFFFF;
}
.header-new-title,
.header-metadata-tnew-item p.header-metadata-tnew-display abbr,
.artist-header-featured-items-item-name a,
.artist-header-featured-items-item-name a:focus,
.artist-header-featured-items-item-name a:hover,
.artist-header-featured-items-item-aux-text,
#hero h1,
.subscribe-footbox h2.subscribe-features-heading{
color:#EEEEEE;
}
.follower-btn{
color:#666666!important;
}
.chartlist-timestamp,
.header-info-secondary,
.header-metadata-global-stats,
.masthead-nav-links a,
.selectboxit-text,
th.metadata-title{
color:#999999!important;
}
.auth-dropdown-menu-item.auth-dropdown-pro-text{
color: #CA6;
}
.shout-reply::before,
.vote-button-toggle .vote-button::before,
.play-this-track-playlink--disabled::before{
filter: brightness(50%);
}
.shout-reply:hover::before,
.vote-button-toggle .vote-button:hover::before,
.vote-button.vote-button--voted::before{
filter: brightness(100%);
}
.link-block .profile-banner-close::before{
filter: invert(50%);
}
.resource-external-link--homepage::before,
.resource-external-link--apple-music::before,
.buylink.buylink--itunes::before{
filter: invert(60%);
}
.video-preview-upload-cta::before,
.album-artwork-upload-cta::before,
.coloured-cta--upload-image-icon::before,
.coloured-cta--wiki-icon::before,
.coloured-cta--tag-icon::before,
.gallery-preview-cta::before,
.section-settings-toggle::before,
.gallery-image-vote-up-off .gallery-image-votes::before,
.gallery-image-vote-down-off .gallery-image-votes::before,
.no-data-message--gallery::before,
.no-data-message--playlists::before,
.col-sidebar.hidden-xs form.section-with-separator.buffer-standard:nth-child(2) button.btn-shortcut:before{
filter: invert(80%);
}
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before,
.selectbox .selectboxit-text::before,
.obsession-history-play-all::before{
filter: invert(80%)!important;
}
.gallery-image-preferred-off{
filter: invert(87%);
}
.shout-report::before,
.nag-bar .nag-bar-close::before,
.more-item--edit::before,
.more-item--track::before,
.more-item--artist::before,
.more-item--obsession::before,
.more-item--report::before,
.more-item--play::before,
.more-item--album::before,
.more-item--artist-link::before,
.more-item--bookmark::before,
.chartlist-more-menu-love::before,
.wiki-history-action--edit::before{
filter: invert(90%);
}
.link-block .profile-banner-close:focus::before,
.link-block .profile-banner-close:hover::before,
.chartlist .chartlist-more-button:focus::before,
.chartlist .chartlist-more-button:hover::before,
.share-chart .share-button-profile::before,
.share-chart .share-button-library::before,
.video-preview-upload-cta:hover::before,
.section-settings-toggle:focus::before,
.section-settings-toggle:hover::before{
filter: invert(100%);
}
.user-dashboard-pagination-next-link::before,
.user-dashboard-pagination-previous-link::before{
filter:invert(90%) saturate(0%);
}
.user-dashboard-pagination-next-link:hover::before,
.user-dashboard-pagination-previous-link:hover::before{
filter:invert(90%) saturate(0%) brightness(200%);
}
.more-item--edit:hover::before,
.more-item--track:hover::before,
.more-item--artist:hover::before,
.more-item--obsession:hover::before,
.more-item--report:hover::before,
.more-item--play:hover::before,
.more-item--album:hover::before,
.more-item--artist-link:hover::before,
.more-item--bookmark:hover::before,
.chartlist-more-menu-love:focus::before,
.chartlist-more-menu-love:hover::before,
.chartlist-play-button:focus::before,
.chartlist-play-button:hover::before,
.section-playlink:focus::before,
.section-playlink:hover::before,
.stationlink:focus::before,
.stationlink:hover::before,
.obsession-history-play-all:focus::before,
.obsession-history-play-all:hover::before{
filter: invert(100%) brightness(200%)!important;
}
.kerve .nowleft,
.kerve .nowright,
.kerve .trendleft,
.kerve .trendright,
.header .header-message-user::before{
filter:saturate(0%)!important;
}
.more-item--delete:hover::before{
filter:brightness(200%)!important;
}
.dropdown-buylinks--light .dropdown-more-buylinks::before,
.suggest-correction-cta::before,
.header .header-message-user:hover::before,
.chartlist-more-button.disclose-active::before,
.chartlist-more-button .focus-visible::before,
.chartlist-more-button:hover::before,
body:not(.js-focus-visible) .chartlist-more-button:focus::before,
.chartlist .lazy-buylinks-toggle.disclose-active::before,
.chartlist .lazy-buylinks-toggle .focus-visible::before,
.chartlist .lazy-buylinks-toggle:hover::before,
body:not(.js-focus-visible) .chartlist .lazy-buylinks-toggle:focus::before{
filter:saturate(0%) brightness(300%)!important;
}
.user-dashboard-data-point-scrobbles::before,
.user-dashboard-data-point-scrobbles-per-day::before,
.user-dashboard-data-point-total-listening::before,
.shout-more-actions:hover::before,
.shout-more-actions:focus::before,
.shout-more-actions.disclose-active::before,
.dropdown-buylinks--light .dropdown-more-buylink:focus::before,
.dropdown-buylinks--light .dropdown-more-buylinks:hover::before,
.js .date-picker-button::before,
.js .date-picker-button::after,
.js .date-range-picker-button::before,
.js .events-filter-location::before,
.js .events-filter-location::after,
.kerve .nowleft:hover,
.kerve .nowright:hover,
.kerve .trendleft:hover,
.kerve .trendright:hover,
.masthead-logo,
.modal-dismiss::before{
filter:saturate(0%) brightness(600%)!important;
}
.inbox-message-view .inbox-message-buttons .back-button::before,
.user-dashboard-module-share::before,
.listening-report-promo-date::after,
.share-features .share-button::before{
filter:saturate(0%) brightness(800%)!important;
}
.btn-primary,
.label{
font-weight:600!important;
}
.header--overview .header-title-secondary a{
font-weight:bold;
}
.dashbody .header-background::before{
height: 100%;
}
.content-form input[type="date"],
.content-form input[type="datetime-local"],
.content-form input[type="month"],
.content-form input[type="time"] {
line-height: normal;
}
.grid-items--fade-out::after{
background: linear-gradient(transparent, /*[[bg]]*/);
}
.share-chart .share-block,
.dashbody .kerve .worldwrap{
margin:0;
}
.chartlist .countbar-bar{
margin-bottom:0!important;
}
.inbox-message-view .inbox-message .inbox-message-info h3.inbox-message-subject{
margin-bottom:0;
}
.col-sidebar div{
margin-bottom: 12px;
}
.secondary-nav--scrollable.secondary-nav--more .secondary-nav-hidden-list{
margin-left:-6px!important;
}
.dropdown-menu-clickable::before,
.date-picker-content::before,
.date-range-picker-content::before,
.buylinks-dropdown-menu::before,
.secondary-nav .navlist-hidden-list::before,
#events-location::before,
.chartlist-more-menu::before,
.library-top #share-library-artist::before,
.library-top #share-library-album::before,
#share-library-artist::before,
#share-library-album::before{
margin-left:9px;
}
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list{
margin-top:12px!important;
}
.gallery-next,
.gallery-previous{
opacity:0!important;
}
.kerve .venn2 .handle_hover{
opacity:0.25!important;
}
.chartlist-count-bar-slug{
opacity:0.25;
}
.kerve .nowslider_artist,
.events-filter .dropdown-menu-clickable-button-js-only{
opacity:0.5;
}
.music-recommended-tracks-track-stats,
.music-recommended-artists-artist-stats,
.music-recommended-artists-artist .factbox-summary{
opacity:0.6;
}
.section-settings-toggle::before,
.selectbox .selectboxit-text::before{
opacity:0.7!important;
}
.gallery-next:hover,
.gallery-previous:hover,
.dropdown-menu-clickable-button::after,
.dropdown-menu-clickable-button:hover::after{
opacity:1!important;
}
.kerve .nowslider_artist:hover,
.music-featured-artist-similar,
.music-featured-tag-featured-artist,
.js .dropdown-menu-clickable-button-js-only::after,
.js .dropdown-menu-clickable-button-js-only.disclose-active,
.events-filter .dropdown-menu-clickable-button-js-only:hover,
.events-filter .dropdown-menu-clickable-button-js-only:focus{
opacity:1;
}
.selectbox .selectboxit-options,
.buylinks-dropdown-menu,
.dropdown-menu.dropdown--open,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
.secondary-nav .navlist-hidden-list,
.music-more-link a,
.features-more-link a{
padding:0!important;
}
.shout-form .content-form textarea{
padding: 6px 10px;
}
.btn-primary.profile-header-set-obsession{
padding:9px 15px!important;
}
.chartlist .countbar-bar{
padding-bottom:1px!important;
}
.stationbuttonLarge{
padding-left:0!important;
}
.sidebar-bookmark{
padding-left:42px;
}
.stationlink-list .btn:focus,
.stationlink-list .btn:hover,
h2 a:focus,
h2 a:hover,
.pagination a:hover,
.pagination a:focus,
.more-items:focus, .more-items:hover{
text-decoration:none;
}
.secondary-nav .navlist-hidden-list a:hover,
.secondary-nav .navlist-hidden-list a:focus{
text-decoration:underline!important;
}
a.button,
a.confirmButton,
button.button,
button.confirmButton,
input.button,
input.confirmButton,
article,
.highcharts-data-labels > g > text,
.site-footer{
text-shadow:none!important;
}
.user-dashboard-catalogue-item-total a .js-ticker,
.user-dashboard-big-datapoint-value a .js-ticker,
.user-dashboard-big-datapoint-value span{
text-shadow:
-2px -2px 5px #000000,  
-2px 2px 5px #000000,
2px -2px 5px #000000,
2px 2px 5px #000000;
}
.user-dashboard-catalogue-item .user-dashboard-comparison{
top: -52px;
}
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before{
transition: none;
}
/*[[hide-footer]]*/
/*[[hide-cookies]]*/
/*[[hide-separators]]*/
/*[[hide-social-media]]*/
/*[[hide-buy]]*/
/*[[hide-trending-tracks]]*/
/*[[hide-features]]*/
/*[[hide-unavailable-shouts]]*/
/*[[loved-icon-color]]*/
/*[[library-icons]]*/
/*[[font]]*/
#adSkinLeft,
#adSkinRight,
.container.page-content,
.content-top,
.content-top-lower,
.date-picker-content,
.dropdown-menu.dropdown--open ,.dropdown-menu.dropdown--open,
.footer-wrapper,
.gallery-image-container,
.header .header-info-secondary:before,
.img-thumbnail,
.large-header-layout .header.header--overview,
.library-controls-datepicker,
.overlay-content,
.player-bar,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
.selectboxit-option-anchor,
.top-bar,
.widget_listeningnow,
.widget_trends,
body,
.main-content,
.header--overview,
textarea.comment-input,
tr.js-link-block,
.recs-feed .recs-feed-item,
.lfmRed .site-search .search-box,
.fiflufi .leftCol,
.stationbuttonLarge,
.stationbuttonLarge span.stationButtonWrapper,
#page .sic #content,
.fiflufi #content .fullWidth,
.fiflufi #content,
article.content,
.fiflufi #content .clearit,
.fiflufi .LeftCol,
span.quote,
.site-footer,
ul.forumComments li.odd,
table.forumtable tr.alt td,
.actions-bar,
#forumsearch,
body:not(.dashbody) .kerve.widget,
.header--sub-page .container, .header--overview .container,
table.table tr:nth-child(2n) td,
.lazy-recs-bar-full-width-wrapper,
.lazy-recs-bar-container,
.popup_visible .modal-content .alert,
.features-header .features-teaser-body,
.features-teaser--promoted .features-teaser-body,
.features-teaser-wrap--promoted .features-teaser-body,
.features-post-header-body,
.chartlist-row:hover,
.trending-tracks-section{
background:/*[[bg]]*/!important;
}
pre,
.blurb,
.left-column,
.user-dashboard-module{
background:/*[[bg]]*/;
}
.pro-features-experiment #subscribe-form #features.container{
background-color:/*[[bg]]*/;
}
.alert,
.alert-info,
.alert-warning,
.gallery-upload-rules,
.profile-banner,
.coloured-cta,
.tag-cta,
.tag-cta:hover,
.album-artwork-upload-cta,
.album-artwork-upload-cta:hover,
.upload-artwork-cta,
.upload-artwork-cta:hover,
.upload-image-cta,
.upload-image-cta:hover,
.upload-video-cta,
.upload-video-cta:hover,
.wiki-cta,
.wiki-cta:hover,
.scrobble-cta,
.suggest-correction-success-message,
.buylinks-dropdown-menu,
.dropdown-menu-clickable,
.dropdown-menu-clickable-item:hover,
.dropdown-menu-clickable-item:focus,
.shout--reported,
.shout--deleted,
#manual-updates,
.lazy-load-error-message,
.date-range-picker-form .form-group-controls input,
.section-settings,
.selectbox .selectboxit-options,
.share-chart .share-block,
.wiki-style-rules,
.inbox-notifications .inbox-notifications__item--highlight,
.inbox-notifications .inbox-notifications__item--hover:hover,
.inbox-notifications .inbox-notifications__item--hover:focus,
.inbox-notifications .inbox-notifications__item--highlight-hover:hover,
.inbox-notifications .inbox-notifications__item--highlight-hover:focus,
.events-filter-location-dropdown,
.date-range-picker-content,
.date-picker-content{
background:/*[[bg-lighter]]*/!important;
}
.content,
.recommended-next-page,
.user-dashboard-history-subscribe-banner-cta::after,
.user-dashboard-history-subscribe-banner-cta::before,
.header-popularity-rank-tooltip,
.player-bar .player-bar-progress,
.kerve .trendwavewrap .bar,
.kerve .trendbarwrap .graph_global .bar,
.secondary-nav .navlist-hidden-list a,
.async-content-error-message,
.video-preview-upload-cta,
.video-preview-upload-cta:not(.cta--inactive):focus,
.video-preview-upload-cta:not(.cta--inactive):hover,
.music-section-rediscover-subscribe-banner-cta,
.event-status--cancelled,
.subscribe-features,
.subscribe-form .login-signup,
.subscribe-form .subscription-options,
.scrobble-stats-info-tooltip,
.inbox-message-view .inbox-message-message blockquote,
.section-with-separator::after,
.playlist-advice,
.modal-body,
.user-dashboard-tube-tags-position,
.scrobble-stats-graph .user-dashboard-legend-item--weekend::before{
background:/*[[bg-lighter]]*/;
}
.user-dashboard-banner,
.shout-container--active,
.listening-report-promo:hover,
.gallery-preview-cta{
background-color:/*[[bg-lighter]]*/!important;
}
.listening-report-top-item-wrap .listening-report-top-item-background{
background-color:/*[[bg-lighter]]*/;
}
.features-section-heading::after,
.features-post-top::after,
.music-recommended-tracks-track-context::before,
.factbox-summary + .music-recommended-artists-context::before,
.music-recommended-artists-artist-stats + .music-recommended-artists-context::before,
.api-session::after{
background:/*[[border-color]]*/;
}
.add-event-btn,
.btn-add-sm,
.btn-primary,
.content-top .secondary-nav .secondary-nav-item-link--active::after,
.content-top .secondary-nav a.secondary-nav-item-link:focus::after,
.content-top .secondary-nav a.secondary-nav-item-link:hover::after,
.header .secondary-nav-item-link--active::after,
.header a.secondary-nav-item-link:focus::after,
.header a.secondary-nav-item-link:hover::after,
.homefeed .secondary-nav-item-link--active::after,
.homefeed a.secondary-nav-item-link:focus::after,
.homefeed a.secondary-nav-item-link:hover::after,
.whats-new .secondary-nav .secondary-nav-item-link--active::after,
.whats-new .secondary-nav a.secondary-nav-item-link:focus::after,
.whats-new .secondary-nav a.secondary-nav-item-link:hover::after,
.whats-new .secondary-nav-item-link--active::after,
.whats-new a.secondary-nav-item-link:focus::after,
.whats-new a.secondary-nav-item-link:hover::after,
.btn-add,
.correction-vote-yes-on,
.inbox .inbox-buttons .inbox-compose-button,
.clipboard-button,
.chartlist-count-bar-slug,
.kerve .trenduser,
.kerve a.btn_trendnav.current,
.dashbody .kerve .wave .track,
.kerve .venn2 .handle_hover,
.masthead-wrapper .masthead,
.label,
.calendar-icon .calendar-icon-month,
.correction-vote-yes-on,
.inbox .inbox-buttons .inbox-compose-button,
.scrobble-stats-graph .user-dashboard-legend-item--current::before,
.scrobble-stats-graph .user-dashboard-legend-item--comparison::before,
.player-bar .player-bar-progress-slug{
background:/*[[color-global]]*/!important;
}
.kerve .trendwave_inner .bar,
.kerve .trendbarwrap .bar,
.music-section-heading::after,
.features-teaser-has-video,
.api-session-connect,
.user-dashboard-section-header::after,
.user-dashboard-listening-week .user-dashboard-legend-item--current::before,
.user-dashboard-listening-week .user-dashboard-legend-item--comparison::before{
background:/*[[color-global]]*/;
}
.header-follower-btn .follower-btn-add-follower::before,
.user-list-follower-btn .follower-btn-add-follower,
.inbox-notifications .inbox-notifications__item-unread-indicator::after,
.user-status-subscriber::after,
.secondary-nav-item-link--active::after,
a.secondary-nav-item-link:focus::after,
a.secondary-nav-item-link:hover::after,
.avatar-status-dot--subscriber,
.inbox .inbox-message--unviewed .inbox-message-status::after,
.no-data-message-button{
background-color:/*[[color-global]]*/;
}
.add-event-btn:hover,
.btn-add:hover,
.btn-add-sm:hover,
.btn-primary:hover,
.correction-vote-yes-on:hover,
.inbox .inbox-buttons .inbox-compose-button:hover,
.inbox .inbox-buttons .inbox-compose-button:focus,
.clipboard-button:hover,
.clipboard-button:focus,
a:focus .chartlist-count-bar-slug,
a:hover .chartlist-count-bar-slug,
.gallery-preview-more-overlay{
background:/*[[color-global-hover]]*/!important;
}
.header-follower-btn .follower-btn-add-follower:hover::before,
.user-list-follower-btn .follower-btn-add-follower:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .user-list-follower-btn .follower-btn-add-follower:focus,
body:not([data-whatinput="touch"]) .user-list-follower-btn .follower-btn-add-follower .focus-visible,
body:not([data-whatinput="touch"]) .user-list-follower-btn .follower-btn-add-follower:hover,
.top-listeners-follow-btn .follower-btn-add-follower.disclose-active,
.top-listeners-follow-btn .follower-btn-add-follower:active,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .api-session-connect:focus,
body:not([data-whatinput="touch"]) .api-session-connect .focus-visible,
body:not([data-whatinput="touch"]) .api-session-connect:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .no-data-message-button:focus,
body:not([data-whatinput="touch"]) .no-data-message-button .focus-visible,
body:not([data-whatinput="touch"]) .no-data-message-button:hover{
background-color:/*[[color-global-hover]]*/;
}
.btn-secondary,
.attendance-btn,
.comments .shout-btn,
.dropdown-buylinks--light .dropdown-featured-buylink,
.dropdown-buylinks--light .dropdown-more-buylinks,
.dropdown-hoverable .dropdown-menu-hoverable-item:hover,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list a:hover,
.nag-bar,
.gallery-image-vote-down-off,
.gallery-image-vote-up-off,
.correction-vote-yes-off,
.correction-vote-no-off,
a.button,
a.confirmButton,
button.button,
button.confirmButton,
input.button,
input.confirmButton,
.recommended-next-button,
.secondary-nav .navlist-hidden-list a:hover,
.more-disclose-mobile .more-block{
background-color:/*[[secondary-button]]*/!important;
}
.listening-report-library-link{
background-color:/*[[secondary-button]]*/;
}
.more-link-with-action a:active,
body:not([data-whatinput="touch"]) .more-link-with-action a:focus,
body:not([data-whatinput="touch"]) .more-link-with-action a:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .listening-report-library-link:focus,
body:not([data-whatinput="touch"]) .listening-report-library-link .focus-visible,
body:not([data-whatinput="touch"]) .listening-report-library-link:hover{
background-color:/*[[secondary-button-H]]*/;
}
.btn-secondary:hover,
.btn-secondary:focus,
.buylinks-dropdown-menu .buylink:focus,
.buylinks-dropdown-menu .buylink:hover,
.comments .shout-btn:hover,
.dropdown-buylinks--light .dropdown-featured-buylink:hover,
.dropdown-buylinks--light .dropdown-more-buylinks:hover,
.gallery-image-vote-down-off:hover,
.gallery-image-vote-up-off:hover,
.correction-vote-yes-off:hover,
.correction-vote-no-off:hover,
.attendance-btn:hover,
a.button:hover,
a.confirmButton:hover,
button.button:hover,
button.confirmButton:hover,
input.button:hover,
input.confirmButton:hover,
.recommended-next-page:hover .recommended-next-button,
.recommended-next-page:active .recommended-next-button{
background-color:/*[[secondary-button-H]]*/!important;
}
.chartlist-row--highlight,
.chartlist-row--now-scrobbling{
background:/*[[scrobbling-now-bg]]*/!important;
}
.widget_listeningnow,
.widget_trends,
div.sic #content,
span.quote,
.section-settings,
.selectbox .selectboxit-options,
input,
select,
textarea,
.dropdown-menu.dropdown--open,
.secondary-nav--scrollable.secondary-nav--more ul.secondary-nav-hidden-list,
.search-form input[type="text"],
.lfmRed .site-search .search-box{
border:1px solid /*[[border-color]]*/ !important;
}
.shout,
ul.forumComments li.odd,
.content-form .form-group .source-icon-list label{
border-bottom: 1px solid /*[[border-color]]*/ !important;
}
.header * + .attendance-control::before,
.header * + .header-metadata-user-stats::before,
.header * + .tasteometer::before{
border-left:1px solid /*[[border-color]]*/ !important;
}
table.forumtable td,
.section-with-settings .section-control::before{
border-right:1px solid /*[[border-color]]*/ !important;
}
.page-head .crumb-wrapper h1,
.wiki-legal,
ul.forumComments div.comment div.messageSig,
table.forumtable td,
ul.forumComments li.odd,
ul.journalsSmall li,
.inbox-message-view .form-section,
.already-joined,
.events-list .events-list-item{
border-top:1px solid /*[[border-color]]*/ !important;
}
#page .sic #content,
.fiflufi #content,
.fiflufi #content .fullWidth,
.site-footer .separator,
.factbox,
article.content,
body:not(.dashbody) .kerve.widget,
a.button,
a.confirmButton,
button.button,
button.confirmButton,
input.button,
input.confirmButton,
a.button:hover,
a.confirmButton:hover,
button.button:hover,
button.confirmButton:hover,
input.button:hover,
input.confirmButton:hover,
.user-list-shared-artists,
.event-venue-section,
.lazy-recs-bar-full-width-wrapper,
.modal-header,
.modal-body .delete-catalogue-item-form,
.date-range-picker-presets a::after,
.features-post-main .features-post-body hr,
.chartlist-break::after,
.chartlist-row::after,
.stationlink-list .stationlink::after,
.resource-external-link::after,
.more-link-with-action a + a::before,
.shout-form,
.personal-stats-item::after,
.personal-stats-item::before,
.wiki-block::after,
.wiki-block::before,
.menu-title::after{
border-color:/*[[border-color]]*/!important;
}
.subscribe-plan,
.subscribe-plan-item,
.subscribe-form .subscription-options-recurring + .subscription-options-one-off,
.subscribe-form .subscription-options-recurring + .subscription-options-one-off + .subscription-options-one-off,
.section-divider,
.shouting-unavailable,
.wiki-block-cta::after, .wiki-block-cta::before,
.inbox-message-view .inbox-message-message blockquote,
.play-this-track-playlink::after,
.sidebar-date-heading::after,
.listening-report-brick,
.listening-report-brick--no-hover:hover,
.listening-report-brick--no-hovers:focus,
.listening-report-brick.listening-report-brick--combo:focus,
.listening-report-brick.listening-report-brick--combo:hover,
.listening-report-brick:focus,
.listening-report-brick:hover,
.listening-report-brick .listening-report-brick-inner + .listening-report-brick-inner{
border-color:/*[[border-color]]*/;
}
.content-form .has-error .form-control,
.content-form .has-error input[type="text"],
.content-form .has-error input[type="password"],
.content-form .has-error input[type="email"],
.content-form .has-error input[type="url"],
.content-form .has-error input[type="date"],
.content-form .has-error textarea,
.content-form .has-error select,
.subscribe-plan--subscriber{
border-color:#B90000!important;
}
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before,
.obsession-history-play-all::before{
border: 1px solid rgb(240,240,240);
}
.chartlist-play-button:focus::before,
.chartlist-play-button:hover::before,
.section-playlink:focus::before,
.section-playlink:hover::before,
.stationlink:focus::before,
.stationlink:hover::before,
.obsession-history-play-all:focus::before,
.obsession-history-play-all:hover::before{
border: 1px solid rgb(200,200,200);
}
.kerve .venn2{
border:2px solid /*[[color-global]]*/;
}
.kerve .venn2 .handle{
border:3px solid /*[[color-global]]*/;
}
.kerve .vennname2{
border-bottom:1px solid /*[[color-global]]*/!important;
}
.events-filters{
border-bottom: 1px solid /*[[border-color]]*/;
}
.buylink-list li,
table.table td,
table.table th,
.inbox .inbox-table tr,
.inbox-notifications .inbox-notifications__item--highlight,
.inbox-notifications .inbox-notifications__item--hover{
box-shadow:0px -1px /*[[border-color]]*/ inset!important;
}
.buylink-list{
box-shadow:0px 1px /*[[border-color]]*/ inset!important;
}
.btn-shortcut,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-shortcut:focus,
body:not([data-whatinput="touch"]) .btn-shortcut .focus-visible,
body:not([data-whatinput="touch"]) .btn-shortcut:hover{
box-shadow:0 0 0 1px /*[[border-color]]*/ inset;
}
.btn-lite:focus,
.btn-lite:hover,
.btn-primary.profile-header-set-obsession:hover,
.btn-primary.profile-header-set-obsession:focus{
box-shadow:0 0 0 1px /*[[secondary-button-H]]*/ inset;
}
.catalogue-tags .tag a,
.catalogue-tags .tags-add,
.catalogue-tags .tags-add-cta{
box-shadow: 0 0 0 1px /*[[color-global]]*/ inset;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .catalogue-tags .tag a:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .catalogue-tags .tags-add-cta:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .catalogue-tags .tags-add:focus,
body:not([data-whatinput="touch"]) .catalogue-tags .tag a .focus-visible,
body:not([data-whatinput="touch"]) .catalogue-tags .tag a:hover,
body:not([data-whatinput="touch"]) .catalogue-tags .tags-add-cta .focus-visible,
body:not([data-whatinput="touch"]) .catalogue-tags .tags-add-cta:hover,
body:not([data-whatinput="touch"]) .catalogue-tags .tags-add .focus-visible,
body:not([data-whatinput="touch"]) .catalogue-tags .tags-add:hover{
color:/*[[color-global-hover]]*/!important;
box-shadow: 0 0 0 1px /*[[color-global-hover]]*/ inset;
}
.pagination-page[aria-current],
.pagination-page:not(.pagination-page--ellipsis):hover{
box-shadow:0 -3px /*[[color-global]]*/ inset;
}
.wiki-history .wiki-history-table tr{
box-shadow:0 -1px /*[[border-color]]*/ inset;
}
.features-teaser-has-video{
box-shadow:0 0 0 18px /*[[bg]]*/;
}
.avatar-status-dot {
box-shadow:0 0 0 2px /*[[bg]]*/;
}
.listening-report-brick:focus,
.listening-report-brick:hover{
box-shadow: 0 0 9px 0 /*[[border-color]]*/;
}
.content-form .form-control:focus,
.content-form input[type="date"]:focus,
.content-form input[type="email"]:focus,
.content-form input[type="number"]:focus,
.content-form input[type="password"]:focus,
.content-form input[type="text"]:focus,
.content-form input[type="url"]:focus,
.content-form select:focus,
.content-form textarea:focus{
box-shadow: 0 0 9px 0 /*[[main-text]]*/;
}
.secondary-nav{
box-shadow:none ;
}
.chartlist-play-button::before,
.section-playlink::before,
.stationlink::before,
.obsession-history-play-all::before,
.lyrics-snippet-more-link{
box-shadow: none !important;
}
.metacritic-score{
color:/*[[bg]]*/!important;
}
a,
.stationlink-list .btn,
div.username,
.js .date-range-picker-button,
.kerve .vennname2,
.kerve .trendwrap .axis_y1_label,
.kerve .trendwrap .axis_y1_label2,
.mimic-link,
.chartlist--with-buylinks .lazy-buylinks-toggle:hover,
.events-date-heading,
.features-feed .features-post-info h2 > a,
.user-dashboard-date,
.user-dashboard-on-repeat-item-date,
.nag-bar .nag-bar-message a,
.nag-bar .nag-bar-message a:focus,
.nag-bar .nag-bar-message a:hover,
.scrobble-cta h3,
.group-heading,
.sidebar-group-heading,
.secondary-nav--step-nav .secondary-nav-item-link--active,
.secondary-nav--step-nav a.secondary-nav-item-link:focus,
.secondary-nav--step-nav a.secondary-nav-item-link:hover,
.pagination-page[aria-current],
.chartlist .delete-scrobble-menu-item,
.minimal-navigation-item-link--active,
.minimal-navigation-item-link--active:focus,
.minimal-navigation-item-link--active:hover,
.delete-catalogue-item-form .checkbox label,
.delete-catalogue-item-form .form-group .form-group-controls--checkbox label,
.delete-catalogue-item-form .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li label,
.features-header .features-teaser-category,
.features-teaser-category,
.features-teaser--promoted .features-teaser-category,
.features-teaser-wrap--promoted .features-teaser-category,
.features-section-heading,
.features-post-category,
.events-list-sidebar .events-list-item-date-icon-month,
.events-list .events-list-item-date-icon-month,
.col-main .secondary-nav-item-link--active,
.col-main .secondary-nav-item-link--active:focus,
.col-main .secondary-nav-item-link--active:hover,
.more-items,
.user-dashboard-musical-matches .header-metadata-display a{
color:/*[[color-global]]*/;
}
.selectbox .selectboxit-selected .selectboxit-option-anchor,
.dropdown-menu-clickable-item--selected,
.dropdown-menu-clickable-item--selected:hover,
.date-range-picker-preset--selected a,
.catalogue-tags .tag a,
.catalogue-tags .tags-add,
.catalogue-tags .tags-add-cta,
.content-top .secondary-nav-item-link--active,
.content-top .secondary-nav-item-link--active:focus,
.header--overview .header-title-secondary a,
.header--sub-page .header-title-secondary a{
color:/*[[color-global]]*/!important;
}
a:hover,
a:focus,
h2 a:hover,
.stationlink-list .btn:hover,
.events-list-sidebar .events-list-item-date:hover,
.mimic-link:hover,
.chartlist--with-buylinks .lazy-buylinks-toggle:focus,
.features-feed .features-post-info h2 > a:hover,
.content-top .secondary-nav-item-link--active:hover,
.shout-reply:hover,
.shout-reply:focus,
.shout-reply.shout-reply--open,
a.shout-permalink:hover,
a.shout-permalink:focus,
.more-items:focus,
.more-items:hover,
.js .date-range-picker-button:focus,
.js .date-range-picker-button:hover{
color:/*[[color-global-hover]]*/;
}
.kerve .nowslider_copywrap a:hover,
.header--overview .header-title-secondary a:focus,
.header--overview .header-title-secondary a:hover,
.header--sub-page .header-title-secondary a:focus,
.header--sub-page .header-title-secondary a:hover{
color:/*[[color-global-hover]]*/!important;
}
body,
.countbar-bar-value,
.hidden-xs.header-scrobble-since,
.masthead .masthead-nav-links a:hover,
.next,
.previous,
input,
li.pages,
select,
textarea,
.kerve a.btn_trendnav,
.kerve .trendglobal,
ul.journalsSmall a strong,
ul.forumComments div.comment h4,
.current-language strong,
.chartlist-index,
.comment-text.clearfix,
.gallery-image-vote-down,
.gallery-image-vote-up,
.metadata-display,
.nowslider_scrobbles,
.overlay-control-bar-title,
textarea.comment-input,
.label,
.chartlist .chartlist-name a,
.chartlist .chartlist-album a,
a.buylink,
.shout-user a,
.user-list-content .username a,
.selectboxit-option a,
.events-list-sidebar .events-list-item-event a,
.recs-feed .context,
.user-dashboard-small-data-point-value,
.duration-data .duration-data-value,
.wiki-style-rules,
.more-disclose-mobile .more-item,
.featured-item-heading-link,
.recommended-next-page-title,
.header .header-metadata-title{
color:/*[[main-text]]*/!important;
}
h1,
p span,
.kerve .nowslider_name,
.kerve .nowslider_artist,
.kerve .nowslider_track,
.kerve .nowslider_scrobbles,
.date-range-picker-presets a,
.date-range-picker-presets a:hover,
.date-range-picker-presets a:focus,
.metadata-title,
.content-form .has-error .control-label,
.content-form .has-success .control-label,
.content-form .has-warning .control-label,
.content-form .has-error .checkbox,
.content-form .has-success .checkbox,
.content-form .has-warning .checkbox,
.content-form .has-error .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-success .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-warning .form-group ul:not(.bulleted-list):not(.redactor-toolbar) li,
.content-form .has-error .form-group .form-group-controls--checkbox,
.content-form .has-success .form-group .form-group-controls--checkbox,
.content-form .has-warning .form-group .form-group-controls--checkbox,
.featured-item-heading,
.header-popularity-rank-tooltip,
.lazy-recs-bar-recommended-items .lazy-recs-bar-recommended-item-artist,
.lazy-recs-bar-recommended-items .lazy-recs-bar-recommended-item-title,
.content-form legend,
.features-post-author,
.dropdown-menu-clickable-item,
.shout-timestamp,
.menu-title,
.left-column h2,
.site-footer h2,
.site-footer-nav a,
.site-footer-nav a:hover,
.language-selector a,
.language-selector a:hover,
.language-selector a:focus,
.site-footer-strapline,
.blurb,
.dropdown-menu-clickable-button,
.js .dropdown-menu-clickable-button-js-only,
.gallery-upload-rules,
.grid-items-cta h3,
.about-artist-listeners,
.btn-shortcut,
.listening-report-brick .listening-report-brick-item,
.user-dashboard-tube-tags-position,
.subscribe-intro,
#hero .subnote,
.card--subscribe .subscribe-benefit--copy{
color:/*[[main-text]]*/;
}
.btn-primary,
.btn-secondary,
.api-session-connect,
.btn-lite,
.pagination-next a,
.pagination-previous a,
.btn-subscribe,
.attendance-btn,
.gallery-image-vote-up-off,
.gallery-image-vote-down-off,
.header--overview .header-title a,
.header--sub-page .header-title a,
.header .header-metadata-display a,
.user-dashboard-upsell-cta,
.listening-report-library-link,
.user-dashboard-subscribe-cta-link,
.listening-report-pro-link{
color:/*[[button-text]]*/;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-primary:focus,
body:not([data-whatinput="touch"]) .btn-primary .focus-visible,
body:not([data-whatinput="touch"]) .btn-primary:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-secondary:focus,
body:not([data-whatinput="touch"]) .btn-secondary .focus-visible,
body:not([data-whatinput="touch"]) .btn-secondary:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .api-session-connect:focus,
body:not([data-whatinput="touch"]) .api-session-connect .focus-visible,
body:not([data-whatinput="touch"]) .api-session-connect:hover,
.btn-lite:active,
.btn-lite:focus,
.btn-lite:focus:not(:hover),
.btn-lite:hover,
.dropdown-menu-clickable-button:hover,
.dropdown-menu-clickable-button:focus,
.dropdown-menu-clickable-button.disclose-active,
.dropdown-menu-clickable-item:hover,
.dropdown-menu-clickable-item:hover,
.dropdown-menu-clickable-item:focus,
.js .dropdown-menu-clickable-button-js-only.disclose-active,
.js .dropdown-menu-clickable-button-js-only:focus,
.js .dropdown-menu-clickable-button-js-only:hover,
.pagination-next a:focus,
.pagination-next a:hover,
.pagination-previous a:focus,
.pagination-previous a:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-subscribe:focus,
body:not([data-whatinput="touch"]) .btn-subscribe .focus-visible,
body:not([data-whatinput="touch"]) .btn-subscribe:hover,
.chartlist-now-scrobbling a:focus,
.chartlist-now-scrobbling a:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .attendance-btn:focus,
body:not([data-whatinput="touch"]) .attendance-btn .focus-visible,
body:not([data-whatinput="touch"]) .attendance-btn:hover,
.attendance-btn--turn-off.attendance-btn--maybe,
.attendance-btn--turn-off.attendance-btn--attending,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .gallery-image-vote-up-off:focus,
body:not([data-whatinput="touch"]) .gallery-image-vote-up-off .focus-visible,
body:not([data-whatinput="touch"]) .gallery-image-vote-up-off:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .gallery-image-vote-down-off:focus,
body:not([data-whatinput="touch"]) .gallery-image-vote-down-off .focus-visible,
body:not([data-whatinput="touch"]) .gallery-image-vote-down-off:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .btn-shortcut:focus,
body:not([data-whatinput="touch"]) .btn-shortcut .focus-visible,
body:not([data-whatinput="touch"]) .btn-shortcut:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta:focus,
body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta .focus-visible,
body:not([data-whatinput="touch"]) .user-dashboard-upsell-cta:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .listening-report-library-link:focus,
body:not([data-whatinput="touch"]) .listening-report-library-link .focus-visible,
body:not([data-whatinput="touch"]) .listening-report-library-link:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link:focus, 
body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link .focus-visible,
body:not([data-whatinput="touch"]) .user-dashboard-subscribe-cta-link:hover,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .listening-report-pro-link:focus,
body:not([data-whatinput="touch"]) .listening-report-pro-link .focus-visible,
body:not([data-whatinput="touch"]) .listening-report-pro-link:hover{
color:/*[[button-text-H]]*/;
}
.no-data-message-button:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .no-data-message-button:focus,
body:not([data-whatinput="touch"]) .no-data-message-button .focus-visible,
body:not([data-whatinput="touch"]) .no-data-message-button:hover{
color:/*[[button-text-H]]*/!important;
}
hr{
color:/*[[border-color]]*/!important;
}
.scrobble-stats-graph .user-dashboard-legend-item--comparison::before,
.user-dashboard-listening-week .user-dashboard-legend-item--comparison::before,
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > a > rect,
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > rect{
opacity:.2;
}
.shout-timestamp{
opacity:.4;
}
.shout-timestamp:focus,
.shout-timestamp:hover{
opacity:1;
}
.loading-indicator,
.content-form .form-loading-indicator:before,
.lazy-buylinks-loading:before,
.location-picker-detect--processing:before,
.shout-more-replies-loading:before{
display: block;
box-sizing: border-box;
background: url(/*[[loading-gif]]*/) no-repeat !important;
width: 16px;
height: 16px;
padding-right: 16px;
}
.lazy-shoutbox.lazy-loading,
.lazy-shoutbox.async-content-loading,
.obsession-search-results.async-content-loading{
background-size: 64px 64px !important;
background: url(/*[[loading-gif]]*/) 50% 50% no-repeat !important;
}
.btn--loading,
.menu-loading::after{
background-image: url(/*[[loading-gif]]*/)!important;
background-position: 50% 50%!important;
background-repeat: no-repeat!important;
background-size: 16px 16px!important;
}
/*[[compact-mode]]*/
.date-range-picker-content::before,
.dropdown-menu-clickable::before,
.secondary-nav .navlist-hidden-list::before,
.date-picker-content::before,
.events-filter-location-dropdown::before,
.buylinks-dropdown-menu::before,
.share-chart .share-block::before{
top:-18px;
background-image: none;
width: 0px;
height: 0px;
border: 9px solid transparent;
}
.date-range-picker-content::before,
.dropdown-menu-clickable::before,
.secondary-nav .navlist-hidden-list::before,
.date-picker-content::before,
.events-filter-location-dropdown::before,
.buylinks-dropdown-menu::before,
.share-chart .share-block::before{
border-left-color: transparent;
border-right-color: transparent;
border-top-color: transparent;
border-bottom-color:  /*[[bg-lighter]]*/;
}
.dropdown-menu-clickable-button::after,
.js .dropdown-menu-clickable-button-js-only::after{
background-image:none;
border: solid /*[[main-text]]*/;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
width: 3px;
height: 3px;
transform: rotate(45deg);
}
.dropdown-menu-clickable-button.shoutbox-sort-toggle::after,
.js .dropdown-menu-clickable-button-js-only::after{
top: 18px;
margin-right: 1px;
}
.section-controls .dropdown-menu-clickable-button::after{
top: 14px;
margin-right: 1px;
}
.dropdown-menu-clickable-button.section-control::after{
top: 20px;
margin-right: 1px;
}
.namespace--user_library_artists .library-top .dropdown-menu-clickable-button::after,
.namespace--user_library_albums .library-top .dropdown-menu-clickable-button::after{
top: 22px;
margin-right: 0px;
}
.dropdown-menu-clickable-button:focus::after,
.dropdown-menu-clickable-button:hover::after,
.dropdown-menu-clickable-button.disclose-active::after,
.js .dropdown-menu-clickable-button-js-only:focus::after,
.js .dropdown-menu-clickable-button-js-only:hover::after,
.js .dropdown-menu-clickable-button-js-only.disclose-active::after{
border-color: /*[[button-text-H]]*/;
}
.chartlist-row:hover a .chartlist-count-bar-value::after,
.pagination-previous a::before,
.pagination-next a::before{
background-image:none;
display: inline-block;
padding: 3px;
width: 3px;
height: 3px;
}
.chartlist-row:hover a .chartlist-count-bar-value::after{
border: solid /*[[main-text]]*/;;
}
.pagination-previous a::before,
.pagination-next a::before{
border: solid /*[[button-text]]*/;
}
.chartlist-row:hover a .chartlist-count-bar-value::after,
.pagination-next a::before{
border-width: 0 2px 2px 0;
}
.pagination-previous a::before{
border-width: 2px 0 0 2px;
}
.chartlist-row:hover a .chartlist-count-bar-value::after,
.pagination-previous a::before,
.pagination-next a::before{
transform: rotate(-45deg);
}
.pagination-previous a:hover::before,
.pagination-next a:hover::before{
border-color: /*[[button-text-H]]*/;
}
.more-link a::before,
.more-link-fullwidth a::before,
.more-link-fullwidth-right a::before,
.more-link-fullwidth-right-flush-top a::before,
.more-link-with-action a:nth-child(n+2)::after,
.more-items::before,
.js .date-range-picker-button .date-range-picker-button-inner::before,
.wiki-block-cta .cta-link-wrap a::before,
.external-link-cta .cta-link-wrap a::before,
.lyrics-snippet-more-link a::before,
.link-block--hover.wiki-history-entry--with-link .wiki-history-summary::before,
.user-dashboard-catalogue-chart .catalogue-chart-inner a::before{
background-image:none;
border: solid /*[[color-global]]*/;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
width: 3px;
height: 3px;
}
.more-link a::before,
.more-link-fullwidth a::before,
.more-link-fullwidth-right a::before,
.more-link-fullwidth-right-flush-top a::before,
.more-link-with-action a:nth-child(n+2)::after,
.wiki-block-cta .cta-link-wrap a::before,
.external-link-cta .cta-link-wrap a::before,
.lyrics-snippet-more-link a::before,
.link-block--hover.wiki-history-entry--with-link .wiki-history-summary::before,
.user-dashboard-catalogue-chart .catalogue-chart-inner a::before{
transform: rotate(-45deg);
}
.more-items::before,
.js .date-range-picker-button .date-range-picker-button-inner::before{
transform: rotate(45deg);
}
.more-link-fullwidth a::before,
.more-link-fullwidth-right a::before,
.more-link-fullwidth-right-flush-top a::before,
.wiki-block-cta .cta-link-wrap a::before,
.external-link-cta .cta-link-wrap a::before,
.more-items::before,
.lyrics-snippet-more-link a::before,
.user-dashboard-catalogue-chart .catalogue-chart-inner a::before{
top: 13px;
margin-right: 3px;
}
.namespace--charts_overview .sidebar-section .more-link-fullwidth-right a::before{
top: 15px;
margin-right: 3px;
}
.js .date-range-picker-button .date-range-picker-button-inner::before{
top: 16px;
margin-right: 1px;
}
.more-link a::before{
top: 12px;
margin-right: 7px;
}
.more-link-with-action a:nth-child(n+2)::after{
margin-bottom: 1px;
margin-left: 6px;
}
.more-link a:hover::before,
.more-link-fullwidth a:hover::before,
.more-link-fullwidth-right a:hover::before,
.more-link-fullwidth-right-flush-top a:hover::before,
.more-link-with-action a:nth-child(n+2):hover::after,
.more-items:hover::before,
.js .date-range-picker-button:hover .date-range-picker-button-inner::before,
.wiki-block-cta .cta-link-wrap a:hover::before,
.external-link-cta .cta-link-wrap a:hover::before,
.lyrics-snippet-more-link a:hover::before{
border-color: /*[[color-global-hover]]*/;
}
.shout-more-replies-before::before{
background-image:none;
border: solid /*[[color-global]]*/;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
width: 3px;
height: 3px;
transform: rotate(45deg);
}
.more-items::before,
.shout-more-replies-before::before{
top: 13px;
margin-right:0px;
}
.shout-more-replies-before:hover::before{
border-color: /*[[color-global-hover]]*/;
}
.inline-add-icon::before,
.catalogue-tags .tags-add::before,
.catalogue-tags .tags-add-cta::before{
display: inline-block;
background-image:none;
content:"\d7";
font-size:22px;
font-weight:600;
color:/*[[color-global]]*/;
transform:rotate(-45deg);
}
.inline-add-icon::before,
.catalogue-tags .tags-add::before{
position:relative;
}
.inline-add-icon::before{
top:3px;
margin-right:8px;
line-height:10px;
}
.catalogue-tags .tags-add::before{
top:19px;
left:7px;
}
.catalogue-tags .tags-add-cta::before{
top:12px;
left:11px;
}
.inline-add-icon:hover::before,
.catalogue-tags .tags-add:hover::before,
.catalogue-tags .tags-add-cta:hover::before{
color:/*[[color-global-hover]]*/;
}
.obsession-container .container{
background:none!important;
}
.personal-stats-listeners-more {
background-color:/*[[secondary-button]]*/;
background-image:none;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .personal-stats-listeners-more:focus,
body:not([data-whatinput="touch"]) .personal-stats-listeners-more .focus-visible,
body:not([data-whatinput="touch"]) .personal-stats-listeners-more:hover {
background-color:/*[[secondary-button-H]]*/;
}
.personal-stats-listeners-more::before {
content: "";
position: absolute;
right: auto;
background-repeat: no-repeat;
background-position: 0 0;
background-image: url(https://www.last.fm/static/images/icons/more_horizontal_dark_16.png);
width: 16px;
height: 16px;
top: 50%;
margin-top: -8px;
left: 50%;
margin-left: -8px;
}
.personal-stats-listeners-more::before {
filter: invert(80%) !important;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .personal-stats-listeners-more:focus::before,
body:not([data-whatinput="touch"]) .focus-visible .personal-stats-listeners-more::before ,
body:not([data-whatinput="touch"]) .personal-stats-listeners-more:hover::before {
filter: invert(100%) !important;
}
.header-new-bookmark-button,
.header-new-download-button,
.header-new-love-button,
.header-new-more-button{
background-color:transparent;
color:/*[[button-text]]*/;
border:1px solid /*[[button-text]]*/;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .header-new-bookmark-button:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .header-new-download-button:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .header-new-love-button:focus,
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .header-new-more-button:focus,
body:not([data-whatinput="touch"]) .header-new-bookmark-button .focus-visible,
body:not([data-whatinput="touch"]) .header-new-bookmark-button:hover,
body:not([data-whatinput="touch"]) .header-new-download-button .focus-visible,
body:not([data-whatinput="touch"]) .header-new-download-button:hover,
body:not([data-whatinput="touch"]) .header-new-love-button .focus-visible,
body:not([data-whatinput="touch"]) .header-new-love-button:hover,
body:not([data-whatinput="touch"]) .header-new-more-button .focus-visible,
body:not([data-whatinput="touch"]) .header-new-more-button:hover,
.header-new-more-button.disclose-active,
.header-new-more-button:active{
background-color:transparent;
color:/*[[button-text-H]]*/;
border:1px solid /*[[button-text-H]]*/;
}
.header-new-download-button::before,
.header-new-more-button::before{
filter: invert(100%) !important;
}
.header-new-download-button:hover::before,
.header-new-more-button:hover::before,
.header-new-more-button:active::before,
.disclose-active.header-new-more-button::before{
filter: invert(100%) brightness(200%)!important;
}
.header-new-bookmark-button::before,
[data-toggle-button-current-state="bookmarked"] .more-item--bookmark::before,
[data-toggle-button-current-state="bookmarked"] .sidebar-bookmark::before{
filter: saturate(0%) invert(100%) brightness(140%)!important;
}
div[data-toggle-button-current-state="unbookmarked"] .header-new-bookmark-button::before{
filter: invert(100%) !important;
}
.sidebar-bookmark::before{
filter: invert(60%) !important;
}
.sidebar-bookmark:hover::before{
filter: invert(90%) !important;
}
.header-new-bookmark-button:hover::before,
div[data-toggle-button-current-state="unbookmarked"] .header-new-bookmark-button:hover::before,
[data-toggle-button-current-state="bookmarked"] .more-item--bookmark:hover::before,
[data-toggle-button-current-state="bookmarked"] .sidebar-bookmark:hover::before{
filter: saturate(0%) invert(100%) brightness(500%)!important;
}
.follower-btn-add-follower,
.btn-following-text--default,
.btn-following-text--alt{
color:/*[[main-text]]*/;
}
img[src="https://lastfm.freetls.fastly.net/i/u/300x300/2a96cbd8b46e442fc41c2b86b821562f.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar300s/2a96cbd8b46e442fc41c2b86b821562f.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar170s/2a96cbd8b46e442fc41c2b86b821562f.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar70s/2a96cbd8b46e442fc41c2b86b821562f.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/64s/2a96cbd8b46e442fc41c2b86b821562f.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/300x300/818148bf682d429dc215c1705eb27b98.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar300s/818148bf682d429dc215c1705eb27b98.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar170s/818148bf682d429dc215c1705eb27b98.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar70s/818148bf682d429dc215c1705eb27b98.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/64s/818148bf682d429dc215c1705eb27b98.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/300x300/c6f59c1e5e7240a4c0d427abd71f3dbb.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar300s/c6f59c1e5e7240a4c0d427abd71f3dbb.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar170s/c6f59c1e5e7240a4c0d427abd71f3dbb.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar70s/c6f59c1e5e7240a4c0d427abd71f3dbb.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/64s/c6f59c1e5e7240a4c0d427abd71f3dbb.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/300x300/4128a6eb29f94943c9d206c08e625904.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar300s/4128a6eb29f94943c9d206c08e625904.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar170s/4128a6eb29f94943c9d206c08e625904.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/avatar70s/4128a6eb29f94943c9d206c08e625904.webp"],
img[src="https://lastfm.freetls.fastly.net/i/u/64s/4128a6eb29f94943c9d206c08e625904.webp"],
.gallery-preview-missing-image{
filter: invert(80%) contrast(130%);
}
section.user-dashboard-scrobble-stats svg.highcharts-root g path.highcharts-point,
.js-listening-clock-target > svg.user-dashboard-module-svg > g > text,
.st0{
fill:/*[[main-text]]*/;
}
.highcharts-data-labels > g > text,
.highcharts-axis-labels > text{
fill:/*[[main-text]]*/!important;
}
.js-listening-clock-target > svg.user-dashboard-module-svg > g > circle:nth-of-type(1),
.js-listening-clock-target svg.user-dashboard-module-svg g g circle:first-of-type,
g.highcharts-plot-bands-0 path.highcharts-plot-band{
fill:/*[[bg-lighter]]*/;
}
.scrobble-stats-graph-chart .highcharts-background,
.user-dashboard-tube-tags-scroll .highcharts-background,
.highcharts-background {
fill:/*[[bg]]*/;
}
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-0 > a > rect,
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > a > rect,
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-0 > rect,
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > rect{
fill:/*[[color-global]]*/;
}
.highcharts-series-0.highcharts-area-series.highcharts-color-undefined path.highcharts-area{
fill:/*[[color-global]]*/;
opacity:.1;
}
.js-listening-clock-target > svg.user-dashboard-module-svg > g > g:nth-of-type(25),
.highcharts-container > svg > g.highcharts-series-group .highcharts-series-0 > a > rect, .highcharts-container > svg > g.highcharts-series-group .highcharts-series-1 > a > rect,
section.user-dashboard-catalogue-chart div svg.highcharts-root g.highcharts-tracker path.highcharts-point,
section.user-dashboard-listening-week div svg.highcharts-root g.highcharts-tracker rect.highcharts-point{
stroke:/*[[bg]]*/;
}
section.user-dashboard-listening-week div svg.highcharts-root g.highcharts-grid.highcharts-yaxis-grid path.highcharts-grid-line,
section.user-dashboard-scrobble-stats div svg.highcharts-root g.highcharts-grid.highcharts-yaxis-grid path.highcharts-grid-line,
section.user-dashboard-catalogue-chart div svg.highcharts-root g.highcharts-grid.highcharts-xaxis-grid path.highcharts-grid-line,
section.user-dashboard-catalogue-chart div svg.highcharts-root g.highcharts-grid.highcharts-yaxis-grid path.highcharts-grid-line{
stroke:/*[[border-color]]*/;
}
.js-listening-clock-target.user-dashboard-chart-square-inner > svg.user-dashboard-module-svg > g > g:nth-of-type(27),
section.user-dashboard-scrobble-stats div svg.highcharts-root g path.highcharts-graph{
stroke:/*[[main-text]]*/;
}
.highcharts-series.highcharts-series-0.highcharts-area-series.highcharts-color-undefined path.highcharts-graph{
stroke:/*[[color-global]]*/;
}
section.user-dashboard-listening-clock div.js-listening-clock-target svg g:nth-last-of-type(2) circle{
fill:#805C9E;
}
section.user-dashboard-listening-clock div.js-listening-clock-target svg g polygon{
stroke:#805C9E;
}
.user-dashboard-listening-clock .user-dashboard-legend-item:first-child::before {
background: #805C9E;
}
.section-settings-toggle{
filter: invert(100%)!important;
}
.header-new-actions .toggle-button,
.header-new-actions .disclose-trigger.header-new-more-button{
border-radius:0px;
border-color:/*[[border-color]]*/;
}
@media (max-width:767px){
.features-header-inner-wrap{
background-color:/*[[bg]]*/;
}
.personal-stats-item.link-block--hover,
.wiki-block.link-block--hover,
.more-link-fullwidth-right a:active,
body:not([data-whatinput="touch"]) .more-link-fullwidth-right a:focus,
body:not([data-whatinput="touch"]) .more-link-fullwidth-right a:hover,
.more-link-fullwidth a:active,
body:not([data-whatinput="touch"]) .more-link-fullwidth a:focus,
body:not([data-whatinput="touch"]) .more-link-fullwidth a:hover,
.lyrics-snippet-more-link a:active,
body:not([data-whatinput="touch"]) .lyrics-snippet-more-link a:focus,
body:not([data-whatinput="touch"]) .lyrics-snippet-more-link a:hover{
background-color:/*[[bg-lighter]]*/;
}
.more-link-fullwidth-right,
.more-link-with-action,
.more-link-fullwidth{
box-shadow: inset 0 1px 0 /*[[border-color]]*/;
}
.secondary-nav{
box-shadow:0px -1px /*[[border-color]]*/ inset!important;
}
.personal-stats-item--scrobbles .personal-stats-inner::before,
.personal-stats-listeners::before,
.wiki-block-cta .cta-copy::before,
.wiki-block-inner-2::before{
background-image:none;
border: solid /*[[color-global]]*/;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
width: 3px;
height: 3px;
transform: rotate(-45deg);
}
.personal-stats-item--scrobbles .personal-stats-inner::before,
.personal-stats-listeners::before,
.wiki-block-inner-2::before{
top: 18px;
margin-right: 3px;
}
.more-link-fullwidth a::before,
.more-link-fullwidth-right a::before,
.lyrics-snippet-more-link a::before,
.wiki-block-cta .cta-copy::before,
.wiki-block-inner-2::before{
top: 50%;
margin-right: 3px;
}
.personal-stats-item--scrobbles .personal-stats-inner:hover::before,
.personal-stats-listeners:hover::before,
.wiki-block-inner-2:hover::before{
border-color: /*[[color-global-hover]]*/;
}
a .chartlist-count-bar-value::after{
border: solid /*[[main-text]]*/;
background-image:none;
display: inline-block;
padding: 2px!important;
width: 3px;
height: 3px;
border-width: 0 2px 2px 0;
transform: rotate(-45deg);
top: 12px!important;
margin-right: 3px;
}
.chartlist-row:hover a .chartlist-count-bar-value::after{
border-color:/*[[button-text-H]]*/;
}
.dropdown-menu-clickable-item::after {
border-color:/*[[border-color]]*/;
}
.open-ad-container-mobile ~ .buffer-standard-ignore-hidden,
:not(.hidden-xs):not([data-ad-container]) ~ .buffer-standard-ignore-hidden {
margin-top: 0px;
}
.chartlist-row:hover a .chartlist-count-bar-value::after,
.pagination-previous a::before,
.pagination-next a::before{
top: 17px;
}
.pagination-previous a::before{
margin-left: -3px;
}
}
@media (min-width:768px){
.chartlist tr.chartlist-row--even .chartlist-more-button{
background-color:transparent;
}
.masthead-search-submit,
.masthead-search-submit:active,
.masthead-search-submit:focus:not(:hover),
.ajax-form-disable-hover .masthead-search-submit:focus,
.ajax-form-disable-hover .masthead-search-submit:hover,
.masthead-search-submit.disabled:hover,
.masthead-search-submit[disabled]:hover,
.lazy-recs-bar .lazy-recs-bar-join{
background-color:/*[[color-global]]*/;
}
.masthead-search-submit:focus,
.masthead-search-submit:hover,
.lazy-recs-bar .lazy-recs-bar-join:focus,
.lazy-recs-bar .lazy-recs-bar-join:hover{
background-color:/*[[color-global-hover]]*/;
}
.inbox .inbox-buttons .inbox-delete-button{
background-color:/*[[secondary-button]]*/;
color:/*[[button-text]]*/;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .inbox .inbox-buttons .inbox-delete-button:focus,
body:not([data-whatinput="touch"]) .inbox .inbox-buttons .inbox-delete-button .focus-visible,
body:not([data-whatinput="touch"]) .inbox .inbox-buttons .inbox-delete-button:hover{
background-color:/*[[secondary-button-H]]*/;
color:/*[[button-text-H]]*/;
}
.header-new-playlink {
padding: 8px 20px 9px 48px;
}
.inbox .inbox-buttons .inbox-delete-button,
.header-new-playlink{
background-color:transparent;
color:/*[[button-text]]*/;
border:1px solid /*[[button-text]]*/;
}
body:not(.js-focus-visible) body:not([data-whatinput="touch"]) .header-new-playlink:focus,
body:not([data-whatinput="touch"]) .header-new-playlink .focus-visible,
body:not([data-whatinput="touch"]) .header-new-playlink:hover{
background-color:transparent;
color:/*[[button-text-H]]*/;
border:1px solid /*[[button-text-H]]*/;
}
.header-new-playlink::before{
filter: invert(100%) !important;
}
.header-new-playlink:focus::before,
.header-new-playlink:hover::before{
filter: invert(100%) brightness(200%)!important;
}
.recommended-next-page-container:not(:hover):not(.recommended-next-page-container--desktop-expanded) .recommended-next-button {
background-color:/*[[secondary-button-H]]*/!important;
opacity: 0.3;
}
.user-dashboard-tooltip{
background: /*[[bg-lighter]]*/;
border-radius: 0px;
color: /*[[main-text]]*/;
}
.mega-menu--open .dropdown-menu-dark{
border-radius: 0px !important;
}
.events-list-anhv1 td, .events-list-anhv1 th{
box-shadow: inset 0 -1px /*[[border-color]]*/;
}
.recommended-next-page-container{
position: absolute !important;
top: 58px !important;
}
.about-me-sidebar{
margin-bottom: 15px!important;
}
.date-range-picker-presets-wrap{
margin-left: 0px;
margin-right: 0px;
}
.user-dashboard-pagination-next,
.user-dashboard-pagination-previous{
margin-top: -28px;
}
.date-range-picker-content{
padding: 15px !important;
}
.date-range-picker-form{
border-top: 1px solid /*[[border-color]]*/ !important;
}
.wiki-history .wiki-history-table td,
.wiki-history .wiki-history-table th{
box-shadow: 0 -1px /*[[border-color]]*/ inset;
}
.inbox .inbox-table{
box-shadow: 0 1px /*[[border-color]]*/ inset;
}
.user-dashboard-catalogue-item .user-dashboard-comparison{
top: -54px;
}
.header * + .header-metadata-item--event-attendance::before,
.header * + .header-metadata-item--tasteometer::before,
.header * + .header-metadata-item--user-scrobbles::before,
.header :not(.header-metadata-item--user-scrobbles) + .header-metadata-item--listeners-you-know::before,
.inbox .inbox-buttons .inbox-delete-button{
border-color: /*[[border-color]]*/;
}
.mega-menu--open .dropdown-menu-dark{
padding: 0px !important;
}
.chartlist tr:nth-child(2n) .chartlist-more-button{
background-color:transparent;
}
.more-disclose-desktop .more-button::before{
filter:brightness(60%);
}
.more-disclose-desktop .more-button:focus::before,
.more-disclose-desktop .more-button:hover::before{
filter:invert(100%);
}
.more-disclose-desktop .more-block{
padding:0;
border-radius:0px;
background:/*[[secondary-button]]*/;
box-shadow:none;
}
.more-disclose-desktop form.more-item {
padding:0;
}
.more-disclose-desktop .more-item {
color:/*[[main-text]]*/;
}
.more-disclose-desktop .more-item:focus:focus,
.more-disclose-desktop .more-item:focus:hover,
.more-disclose-desktop .more-item:hover:focus,
.more-disclose-desktop .more-item:hover:hover{
background:/*[[secondary-button-H]]*/;
}
.more-disclose-desktop .more-item:focus,
.more-disclose-desktop .more-item:hover{
color: #FFFFFF;
}
.user-dashboard-pagination-next-link,
.user-dashboard-pagination-previous-link{
color:/*[[color-global]]*/;
}
.header--overview .header-title-secondary a,
.header--sub-page .header-title-secondary a{
color:/*[[color-global]]*/;
}
.header--overview .header-title-secondary a:focus,
.header--overview .header-title-secondary a:hover,
.header--sub-page .header-title-secondary a:focus,
.header--sub-page .header-title-secondary a:hover{
color:/*[[color-global-hover]]*/;
}
.recs-feed .context{
background:/*[[bg-lighter]]*/;
}
.header-new-gallery {
color:inherit!important;
}
.track-overview-new .video-preview{
box-shadow: 0 0 0 2px /*[[bg]]*/;
}
.chartlist-row:hover a .chartlist-count-bar-value::after,
.pagination-previous a::before,
.pagination-next a::before{
top: 19px;
}
a .chartlist-count-bar-value::after{
margin-right:2px;
}
.col-sidebar.hidden-xs > .buffer-standard:nth-child(2){
margin-top:0px;
}
}
@media (min-width:1260px){
.user-dashboard-catalogue-item .user-dashboard-comparison{
top: -68px;
}
}
/*[[user-css]]*/
}