/* Figma Music 1 (0:2): graphite, orange relief and inset progress. */
/* Mesmo acabamento nos plays dos cards, rankings, páginas e catálogo. */
#parent #content [data-plugin="play-button"],
#parent #minPlayer .app-play-pause,
#parent #content .app-account-track-play,
#parent #content [data-app-action="play"] {
  color:#fff !important;
  background:linear-gradient(135deg,#ff611a,#cb340d 85%) !important;
  border:0;
  box-shadow:inset 2px 2px 2px #ffb184a6,inset -2px -2px 3px #941e0e99,5px 5px 12px #090a0db3,-3px -3px 10px #44484e40,0 0 12px #e3471526 !important;
  transition:box-shadow .18s,filter .18s;
}
#parent #content [data-plugin="play-button"]:not(.app-full),
#parent #minPlayer .app-play-pause,
#parent #content .app-account-track-play {
  background-image:url('../images/player-neu/imgEllipse3.svg'),url('../images/player-neu/imgEllipse6.svg'),linear-gradient(135deg,#ff611a,#cb340d) !important;
  background-size:175% 175%,175% 175%,100% 100% !important;
  background-position:center !important;background-repeat:no-repeat !important;
  border-radius:50%;
}
#parent #content .app-account-track-play{width:44px;height:44px;}
#parent #content [data-plugin="play-button"] .app-control-icon,
#parent #minPlayer .app-play-pause .app-control-icon{position:relative;z-index:1;color:#fff;}
#parent #content [data-plugin="play-button"].app-full span{color:#fff;}
#parent #content [data-plugin="play-button"]:hover,
#parent #minPlayer .app-play-pause:hover,
#parent #content .app-account-track-play:hover,
#parent #content [data-app-action="play"]:hover{filter:brightness(1.08);}
#parent #content [data-plugin="play-button"]:active,
#parent #minPlayer .app-play-pause:active,
#parent #content .app-account-track-play:active,
#parent #content [data-app-action="play"]:active {
  box-shadow:inset 3px 3px 7px #8d260b99,inset -2px -2px 5px #ffb18466,2px 2px 6px #090a0d80 !important;
}
#parent #player.app-neumorphic {
  --app-neu-orange:#ff611a;
  background:linear-gradient(121.63deg,#111111 8.7%,#17191d 89.3%) !important;
  border-radius:10px;
  border:0;
  isolation:isolate;
}
#parent #player.app-neumorphic > .app-bg { display:none; }
#parent #player.app-neumorphic .app-player-body { background:transparent; }
#parent #player.app-neumorphic .app-player-header .app-waves,
#parent #player.app-neumorphic .app-player-header .app-station-icon { display:none !important; }
#parent #player.app-neumorphic .app-player-header .app-flex-content {
  overflow:visible;isolation:isolate;
}
#parent #player.app-neumorphic .app-player-header .app-flex-content > div {
  width:100%;height:100%;position:relative;
}
#parent #player.app-neumorphic .app-player-header .app-flex-content .app-station-img {
  display:flex !important;align-items:center;justify-content:center;
  position:relative !important;width:100% !important;height:100% !important;
  border-radius:50%;
}
#parent #player.app-neumorphic .app-station-img::before {
  content:'';position:absolute;left:50%;top:50%;width:331px;height:331px;
  background:url('../images/player-neu/imgEllipse9.svg') center no-repeat;
  transform:translate(-50%,-50%) scale(.805);pointer-events:none;z-index:-1;
}
#parent #player.app-neumorphic .app-player-body .app-player-header .app-flex-content .app-station-img .app-station-artist-img {
  width:93.63% !important;height:93.63% !important;border-radius:50% !important;
  object-fit:cover;object-position:center;margin:0 !important;
}
#parent #player.app-neumorphic .app-player-song .app-band {
  color:#a7aaae !important;font-size:11px !important;letter-spacing:1px;
  text-align:center !important;font-weight:500;text-transform:uppercase;
}
#parent #player.app-neumorphic .app-player-song .app-title {
  color:var(--app-neu-orange) !important;text-shadow:0 0 12px #e3471538;
  text-align:center !important;font-size:14px !important;font-weight:500 !important;
}
#parent #player.app-neumorphic .app-player-body .app-player-controls .app-progress-container .app-progress-bar {
  height:6px !important;background:#111216;border:1px solid #090a0c;
  border-radius:8px;box-shadow:inset 1px 2px 3px #000,0 1px 0 #42464d;
}
#parent #player.app-neumorphic .app-progress-bar::after {
  content:'';position:absolute;inset:-1px 3px auto;height:4.71828px;
  background:url('../images/player-neu/imgRectangle1.svg') center/100% 100% no-repeat;
  pointer-events:none;
}
#parent #player.app-neumorphic .app-bar-overflow { overflow:visible !important; }
#parent #player.app-neumorphic .app-player-body .app-player-controls .app-progress {
  background:linear-gradient(90deg,#ff611a,#cb340d 82.68%) !important;
  border-radius:8px;box-shadow:0 0 5px #dc4d0b80;
}
#parent #player.app-neumorphic .app-timer { color:#a0a3a8;letter-spacing:.4px; }
#parent #player.app-neumorphic .app-controls {
  align-items:center !important;overflow:visible;
}
#parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls > button:not(.app-play-pause),
#parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-volume,
#parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-share {
  display:flex;align-items:center;justify-content:center;border-radius:50%;
  border:0;color:#a0a3a8;font-size:19px;
  background-image:url('../images/player-neu/imgEllipse5.svg'),url('../images/player-neu/imgEllipse4.svg');
  background-position:center;background-repeat:no-repeat;background-size:105%,198.33%;
  box-shadow:5px 5px 12px #111317,-4px -4px 10px #383e4680;
  transition:color .15s,box-shadow .15s;
}
#parent #player.app-neumorphic .app-controls button:hover {color:#ff8047;opacity:1 !important;}
#parent #player.app-neumorphic .app-controls button:active,
#parent #player.app-neumorphic .app-controls button.app-voted {
  color:#ff611a;box-shadow:inset 3px 3px 7px #101216,inset -2px -2px 6px #3a4047;
}
#parent #player.app-neumorphic .app-player-body .app-controls .app-play-pause {
  width:44px !important;height:44px !important;display:flex;align-items:center;justify-content:center;
  background:transparent !important;color:white;box-shadow:none !important;overflow:visible;
}
#parent #player.app-neumorphic .app-controls .app-play-pause::before {
  content:'' !important;display:block !important;position:absolute;left:50%;top:50%;
  width:140px;height:140px;border-radius:0;
  background:url('../images/player-neu/imgEllipse3.svg') center no-repeat,url('../images/player-neu/imgEllipse6.svg') center no-repeat;
  transform:translate(-50%,-50%) scale(.55);pointer-events:none;
}
#parent #player.app-neumorphic .app-controls .app-play-pause.app-play::after {
  content:'' !important;display:block !important;position:absolute;
  width:20.1135px;height:27.9655px;background:url('../images/player-neu/imgVector2.svg') center no-repeat;
  left:50%;top:50%;margin-left:2px;transform:translate(-50%,-50%) scale(.55);pointer-events:none;
}
#parent #player.app-neumorphic .app-controls .app-play-pause.app-play .app-control-icon {visibility:hidden;}
#parent #player.app-neumorphic .app-controls .app-play-pause.app-pause .app-control-icon {position:relative;z-index:1;color:white;}
#parent #player.app-neumorphic .app-open-info {color:#a0a3a8;}
#parent #player.app-neumorphic .app-player-info {display:none;background:linear-gradient(121.63deg,#2c3137,#17191d);}
#parent #player.app-neumorphic .app-player-info.app-show-info {display:block;position:absolute;inset:0;height:100%;width:100%;z-index:10;transform:none;}
#parent #player.app-neumorphic #volControl {background:#252a30;box-shadow:6px 6px 18px #0b0c0f;}
#parent #minPlayer {background:linear-gradient(121.63deg,#2c3137,#17191d) !important;}
#parent #minPlayer .app-play-pause {background:linear-gradient(135deg,#ff611a,#cb340d) !important;color:#fff;box-shadow:3px 3px 8px #111317,-2px -2px 6px #53596250;}
@media(min-width:801px){
  #parent #player.app-neumorphic {overflow:hidden;}
  #parent #player.app-neumorphic .app-player-body .app-controls {height:44px !important;bottom:58px !important;}
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls > button:not(.app-play-pause),
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls > div,
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-volume,
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-share {width:32px !important;height:32px !important;flex-shrink:0;}
}
@media(max-width:800px){
  #parent #player.app-neumorphic {border-radius:0;}
  #parent #player.app-neumorphic .app-player-body {min-height:740px;}
  #parent #player.app-neumorphic .app-player-header > a:not(.app-aside-brand) {display:none;}
  #parent #player.app-neumorphic .app-player-header .app-flex-content {width:267px;height:267px;left:50%;transform:translateX(-50%);margin:22px 0 0;}
  #parent #player.app-neumorphic .app-player-header .app-flex-content > div {width:267px;height:267px;}
  #parent #player.app-neumorphic .app-station-img::before {transform:translate(-50%,-50%);}
  #parent #player.app-neumorphic .app-player-content {padding-top:24px;}
  #parent #player.app-neumorphic .app-player-song {min-height:80px;margin:0;}
  #parent #player.app-neumorphic .app-player-song .app-band {font-size:13px !important;}
  #parent #player.app-neumorphic .app-player-song .app-title {font-size:18px !important;}
  #parent #player.app-neumorphic .app-player-song .app-subtitle {margin:4px 0;height:auto;color:#a0a3a8;font-size:12px;}
  #parent #player.app-neumorphic .app-player-controls {flex-basis:160px;}
  #parent #player.app-neumorphic .app-controls {width:calc(100% - 48px);margin:12px auto 24px;}
  #parent #player.app-neumorphic .app-player-body .app-controls .app-play-pause {width:56px !important;height:56px !important;}
  #parent #player.app-neumorphic .app-controls .app-play-pause::before {transform:translate(-50%,-50%) scale(.7);}
  #parent #player.app-neumorphic .app-controls .app-play-pause.app-play::after {transform:translate(-50%,-50%) scale(.7);}
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls > button:not(.app-play-pause),
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-volume,
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls .app-share {width:44px;height:44px;}
}

@media(max-width:800px){
  #parent #player.app-neumorphic .app-player-body .app-player-header .app-flex-content{width:267px!important;height:267px!important;margin:36px 0 0!important;left:50%!important;transform:translateX(-50%)!important}
  #parent #player.app-neumorphic .app-player-body .app-player-controls .app-controls{margin:12px auto 24px!important;align-self:center;justify-content:space-between}
}

#parent #player.app-neumorphic .app-jingle-preview{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 12px;margin-top:6px;border:1px solid #454545;border-radius:16px;background:#17191d;color:#ff611a;font:inherit;font-size:11px;cursor:pointer;}
#parent #player.app-neumorphic .app-jingle-preview:disabled{color:#aaa;cursor:default;}
#parent #player.app-neumorphic .app-jingle-preview:focus-visible{outline:2px solid #ff611a;outline-offset:3px;}
@media(max-width:767px){#parent #player.app-neumorphic .app-jingle-preview{min-height:44px;}}