.marigold-album{position:relative;width:100%;max-width:959px;margin-left:auto;margin-right:auto;box-sizing:border-box;text-align:left}
.marigold-album>.marigold-track{display:none!important}
.marigold-album>:not(.map-console){display:none!important}
.jukebox-display-stage .marigold-album{position:absolute!important;top:0!important;left:0!important;width:931px!important;height:418px!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important}
.map-console{--jp-orange:#f5a23a;--jp-orange-hot:#ff8f1c;--jp-text:#e4e2de;--jp-text-dim:#a9a8a5;--jp-line:rgba(255,255,255,.075);position:relative;box-sizing:border-box;width:931px;color:var(--jp-text);font-family:"Fira Sans","Lato",Arial,sans-serif;font-size:13px;line-height:1.2;text-align:left;-webkit-font-smoothing:antialiased}
.map-console *,.map-console *:before,.map-console *:after{box-sizing:border-box}
.map-audio{display:none!important}
.map-upper{position:relative;width:931px;height:418px;overflow:hidden}
.map-console.map-standalone{width:959px;padding:14px;border-radius:0;transform-origin:top left;isolation:isolate;background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='320' height='320'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.0025 0.7' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 0.6  0 0 0 0 0.6  0 0 0 0 0.62  0.42 0 0 0 -0.14'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.9' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0 0.5  0 0 0 0.04 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
    linear-gradient(90deg,rgba(0,0,0,.28) 0,rgba(0,0,0,0) 3%,rgba(0,0,0,0) 97%,rgba(0,0,0,.32) 100%),
    radial-gradient(ellipse 60% 120% at 28% 0%,rgba(255,255,255,.07),rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#4a4d52 0,#34373b 4%,#2a2c30 30%,#212326 70%,#1b1c1f 94%,#2c2e32 100%);box-shadow:
    0 0 0 1px #000,
    0 20px 40px rgba(0,0,0,.75),
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 2px 0 rgba(255,255,255,.06),
    inset 1px 0 0 rgba(255,255,255,.14),
    inset -1px 0 0 rgba(0,0,0,.55),
    inset 0 -1px 0 rgba(0,0,0,.9),
    inset 0 -2px 0 rgba(255,255,255,.05)}
.map-console.map-standalone .map-upper{border-radius:0;background:radial-gradient(ellipse at 50% -10%,rgba(255,255,255,.045),transparent 55%),linear-gradient(180deg,#232424,#1b1c1c);/* machined groove: black edge, shadowed chamfer, then a thin catch-light on the bezel face */
  box-shadow:0 0 0 1px #000,0 0 0 2px #0e0f10,0 0 0 3px rgba(255,255,255,.12),0 -1px 3px 3px rgba(0,0,0,.35),inset 0 3px 10px rgba(0,0,0,.8)}
.map-console.map-standalone .map-art-frame{border-radius:0}
.map-fader-section{position:absolute;left:0;top:0;width:196px;height:418px}
.map-logo{position:absolute;left:20px;top:20px;width:156px;height:34px;display:flex;align-items:flex-start;justify-content:center}
.map-logo img{display:block!important;max-width:156px!important;max-height:34px!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;box-shadow:none!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.7))}
.map-strip{position:absolute;left:0;top:69px;width:176px;height:254px}
.map-strip:before{content:"";position:absolute;left:110px;top:0;width:60px;height:254px;border-radius:8px;background:linear-gradient(180deg,#0d0d0d,#080808);box-shadow:inset 0 0 0 1px #1b1b1b,inset 0 3px 8px rgba(0,0,0,.9),0 1px 0 rgba(255,255,255,.05)}
.map-fader-wrap{position:absolute;left:33px;top:0;width:44px;height:254px;touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}
.map-fader-wrap .map-volume{pointer-events:none}
.map-fader-wrap:before{content:"";position:absolute;left:15px;top:0;width:14px;height:254px;border-radius:7px;background:#000;box-shadow:inset 1px 0 0 #444,inset -1px 0 0 #6c6c6c,inset 0 6px 10px rgba(0,0,0,.9),0 0 0 1px #050505}
.map-volume{-webkit-appearance:none;appearance:none;writing-mode:vertical-lr;direction:rtl;position:absolute;left:0;top:0;width:44px;height:254px;margin:0;padding:0;background:transparent;cursor:pointer}
.map-volume:focus{outline:none}
.map-volume::-webkit-slider-runnable-track{width:44px;height:100%;background:transparent;border:0}
.map-volume::-moz-range-track{width:44px;height:100%;background:transparent;border:0}
.map-volume::-moz-range-progress{background:transparent}
.map-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:44px;height:44px;margin:0;border-radius:4px;border:1px solid #1a1510;background:
    linear-gradient(180deg,transparent 0 20px,#161310 20px 23px,transparent 23px),
    radial-gradient(ellipse 70% 60% at 50% 50%,rgba(80,66,48,.28),rgba(80,66,48,0) 70%),
    linear-gradient(180deg,#f4eee4 0,#d8cebe 10%,#c9bea9 30%,#b8ac97 50%,#c9bea9 70%,#a0947f 90%,#6e6353 100%);box-shadow:0 7px 10px rgba(0,0,0,.85),0 2px 3px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,250,240,.7),inset 0 -2px 2px rgba(72,60,44,.35),inset 2px 0 2px rgba(255,250,240,.2),inset -2px 0 2px rgba(60,48,32,.25)}
.map-volume::-moz-range-thumb{width:44px;height:44px;border-radius:4px;border:1px solid #1a1510;background:
    linear-gradient(180deg,transparent 0 20px,#161310 20px 23px,transparent 23px),
    radial-gradient(ellipse 70% 60% at 50% 50%,rgba(80,66,48,.28),rgba(80,66,48,0) 70%),
    linear-gradient(180deg,#f4eee4 0,#d8cebe 10%,#c9bea9 30%,#b8ac97 50%,#c9bea9 70%,#a0947f 90%,#6e6353 100%);box-shadow:0 7px 10px rgba(0,0,0,.85),0 2px 3px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,250,240,.7),inset 0 -2px 2px rgba(72,60,44,.35),inset 2px 0 2px rgba(255,250,240,.2),inset -2px 0 2px rgba(60,48,32,.25)}
.map-meter-col{position:absolute;top:14px;width:10px;height:208px;display:flex;flex-direction:column;gap:4px}
.map-meter-l{left:124px}
.map-meter-r{left:146px}
.map-meter-col i{display:block;flex:1 1 0;border-radius:1px;background:#3a1c06;box-shadow:inset 0 0 1px rgba(0,0,0,.8)}
.map-meter-col i:nth-child(n+5):nth-child(-n+6){background:#3c1604}
.map-meter-col i:nth-child(n+3):nth-child(-n+4){background:#3c1006}
.map-meter-col i:nth-child(-n+2){background:#380908}
.map-meter-col i.is-on{background:linear-gradient(180deg,#fbe39a,#fcc54d 45%,#f59a24);box-shadow:0 0 5px rgba(255,166,40,.85),0 0 11px rgba(255,130,20,.35)}
.map-meter-col i.is-on:nth-child(n+5):nth-child(-n+6){background:linear-gradient(180deg,#ffc070,#ff8c1e 50%,#ec6a0c);box-shadow:0 0 5px rgba(255,125,20,.85),0 0 11px rgba(255,100,10,.35)}
.map-meter-col i.is-on:nth-child(n+3):nth-child(-n+4){background:linear-gradient(180deg,#ff9e6a,#ff5f24 50%,#dc3c0e);box-shadow:0 0 5px rgba(255,80,20,.85),0 0 11px rgba(255,60,10,.35)}
.map-meter-col i.is-on:nth-child(-n+2){background:linear-gradient(180deg,#ff8a80,#f42a22 50%,#c20f0f);box-shadow:0 0 6px rgba(255,40,30,.9),0 0 12px rgba(230,20,10,.4)}
.map-meter-ch{position:absolute;top:230px;width:14px;font-size:13px;line-height:16px;text-align:center;color:#bdbab5}
.map-meter-ch-l{left:122px}
.map-meter-ch-r{left:144px}
.map-transport-panel{position:absolute;left:20px;top:calc(343px + var(--map-row-shift,0px));display:flex;gap:12px}
.map-button{-webkit-appearance:none!important;appearance:none!important;position:relative!important;width:69px!important;height:55px!important;margin:0!important;padding:0!important;cursor:pointer!important;color:#ddd!important;border:1px solid #000!important;border-radius:8px!important;background:linear-gradient(180deg,#e2e0dc 0,#9a9793 5%,#4d4c4a 13%,#2b2b2a 45%,#1b1b1a 82%,#454442 100%)!important;box-shadow:0 0 0 3px #070707,0 0 0 4px rgba(255,255,255,.05),0 9px 12px rgba(0,0,0,.9),inset 0 -2px 3px rgba(0,0,0,.55)!important;transition:transform .06s ease,box-shadow .06s ease!important}
.map-button:before{content:""!important;position:absolute!important;inset:5px!important;z-index:0!important;border-radius:4px!important;background:linear-gradient(180deg,#363636 0,#242424 38%,#171717 62%,#0e0e0e 100%)!important;box-shadow:0 0 0 1px #000,0 1px 0 rgba(255,255,255,.1),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -5px 8px rgba(0,0,0,.7)!important}
.map-button:after{content:""!important;position:absolute!important;left:6px!important;right:6px!important;top:6px!important;height:44%!important;z-index:1!important;pointer-events:none!important;border-radius:3px 3px 50% 50%/3px 3px 7px 7px!important;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.03))!important}
.map-button:hover:before{background:linear-gradient(180deg,#3d3d3d 0,#2a2a2a 38%,#1b1b1b 62%,#111 100%)!important}
.map-button:active{transform:translateY(2px)!important;box-shadow:0 0 0 3px #070707,0 0 0 4px rgba(255,255,255,.05),0 3px 5px rgba(0,0,0,.9),inset 0 -1px 2px rgba(0,0,0,.55)!important}
.map-button:focus-visible{outline:2px solid var(--jp-orange)!important;outline-offset:4px!important}
.map-main{width:100px!important;margin-left:0!important;border-color:#2a1002!important;background:linear-gradient(180deg,#ffe3b0 0,#ffb850 7%,#f28c20 40%,#c7630b 82%,#ffa640 100%)!important;box-shadow:0 0 0 3px #070707,0 0 7px rgba(255,140,28,.40),0 9px 12px rgba(0,0,0,.9),inset 0 -2px 3px rgba(80,30,0,.5)!important}
.map-main:before{inset:4px!important;border-radius:5px!important;background:radial-gradient(ellipse at 50% 38%,#3b2410 0,#1c140d 60%,#0f0b08 100%)!important;box-shadow:0 0 0 1px #2a1204,inset 0 1px 0 rgba(255,200,140,.18),inset 0 0 10px rgba(255,140,28,.3),inset 0 -5px 8px rgba(0,0,0,.65)!important}
.map-main:after{left:5px!important;right:5px!important;top:5px!important;background:linear-gradient(180deg,rgba(255,220,170,.13),rgba(255,220,170,.02))!important}
.map-main:hover:before{background:radial-gradient(ellipse at 50% 38%,#47301a 0,#221810 60%,#110c08 100%)!important}
.map-main:active{box-shadow:0 0 0 3px #070707,0 0 6px rgba(255,140,28,.4),0 3px 5px rgba(0,0,0,.9)!important}
.map-main.is-lit{box-shadow:0 0 0 3px #070707,0 0 9px 1px rgba(255,150,30,.55),0 9px 12px rgba(0,0,0,.9),inset 0 -2px 3px rgba(80,30,0,.5)!important}
.map-main.is-lit:before{box-shadow:0 0 0 1px #2a1204,inset 0 1px 0 rgba(255,200,140,.22),inset 0 0 16px rgba(255,150,30,.5),inset 0 -5px 8px rgba(0,0,0,.55)!important}
.map-console .map-button{border-radius:5px!important;border:0!important;/* outer frame of the key: brushed metal in the same taupe, with a polished top edge */
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 1.1' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.5  0 0 0 0 0.43  0.42 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),
    linear-gradient(90deg,rgba(40,32,20,.3) 0,rgba(40,32,20,0) 14%,rgba(255,250,240,.06) 50%,rgba(40,32,20,0) 86%,rgba(40,32,20,.34) 100%),
    linear-gradient(180deg,#f4eee4 0,#d8cebe 7%,#b3a792 22%,#cbc0ad 38%,#9d917d 62%,#827663 82%,#5d5345 94%,#433b31 100%)!important;box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 3px 0 1px #0c0a08,0 5px 6px rgba(0,0,0,.7)!important;transition:transform .05s ease,box-shadow .05s ease,filter .12s ease!important}
.map-console .map-button:before{inset:4px 4px 5px!important;border-radius:3px!important;background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.06' numOctaves='3' seed='12'/%3E%3CfeColorMatrix values='0 0 0 0 0.42  0 0 0 0 0.37  0 0 0 0 0.3  0.5 0 0 0 -0.2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23m)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='1.2' numOctaves='1' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 0.3  0 0 0 0 0.26  0 0 0 0 0.18  0 0 0 0.07 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 80% 70% at 50% 30%,rgba(250,246,238,.26),rgba(250,246,238,0) 70%),
    radial-gradient(ellipse 90% 80% at 50% 45%,rgba(0,0,0,0) 55%,rgba(80,66,48,.25) 100%),
    linear-gradient(180deg,#cfc4b2 0,#c2b6a2 55%,#b3a792 100%)!important;box-shadow:0 0 0 1px rgba(55,45,32,.45),inset 0 1px 0 rgba(252,249,242,.5),inset 0 -2px 2px rgba(72,60,44,.28)!important}
.map-console .map-button:after{display:none!important}
.map-console .map-button:hover{filter:brightness(1.04)}
.map-console .map-button:active,.map-console .map-button.is-pressed{transform:translateY(2px)!important;box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 1px 0 1px #0c0a08,0 2px 3px rgba(0,0,0,.7)!important}
.map-console .map-button:active:before,.map-console .map-button.is-pressed:before,.map-console .map-main.is-lit:before,.map-console .map-button.is-on:before{background:
    /* the darker lit orange every orange-lighting key shares (Play while playing, pressed keys, the browse
       grid's Artists / Media key in Artists mode) */
    radial-gradient(ellipse 95% 90% at 50% 52%,rgba(255,200,130,.38) 0,rgba(246,168,84,.26) 30%,rgba(232,140,52,.12) 62%,rgba(220,120,40,0) 100%),
    radial-gradient(ellipse 130% 120% at 50% 52%,rgba(222,124,34,.8) 0,rgba(198,100,22,.62) 45%,rgba(150,70,12,.5) 80%,rgba(112,50,8,.45) 100%),
    linear-gradient(180deg,#cf7f2c 0,#bc6a1c 55%,#985212 100%)!important;box-shadow:0 0 0 1px rgba(90,50,10,.55),inset 0 1px 0 rgba(255,240,200,.5),inset 0 0 8px rgba(120,60,10,.45)!important}
.map-console .map-button:active,.map-console .map-button.is-pressed,.map-console .map-main.is-lit,.map-console .map-button.is-on{background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 1.1' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.5  0 0 0 0 0.43  0.42 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),
    radial-gradient(ellipse 80% 90% at 50% 55%,rgba(245,150,40,.34),rgba(245,150,40,0) 75%),
    linear-gradient(90deg,rgba(40,32,20,.3) 0,rgba(40,32,20,0) 14%,rgba(40,32,20,0) 86%,rgba(40,32,20,.34) 100%),
    linear-gradient(180deg,#f6ead2 0,#dfcaa6 7%,#bba27c 22%,#d0b88f 38%,#a68b63 62%,#8a714f 82%,#5f4c35 94%,#443727 100%)!important}
.map-console .map-button:before{transition:background .09s ease-in,box-shadow .09s ease-in!important}
.map-console .map-main.is-lit{box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 3px 0 1px #0c0a08,0 5px 6px rgba(0,0,0,.7),0 0 5px rgba(255,160,50,.22)!important}
.map-console .map-main.is-lit:active{box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 1px 0 1px #0c0a08,0 2px 3px rgba(0,0,0,.7),0 0 5px rgba(255,160,50,.22)!important}
.map-console .map-button .map-icon-triangle,.map-console .map-button .map-icon-bar,.map-console .map-button .map-icon-stop{background:#111!important}
.map-console .map-button .map-symbol{filter:drop-shadow(0 1px 0 rgba(255,250,230,.35))!important;opacity:1}
.map-symbol{position:relative;z-index:2;filter:drop-shadow(0 1px 0 #000) drop-shadow(0 -1px 0 rgba(255,255,255,.12));display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.map-icon-triangle{display:block;width:13px;height:20px;background:linear-gradient(180deg,#f4f3f1,#bdbbb8 55%,#8f8d8a)}
.map-icon-left{clip-path:polygon(100% 0,0 50%,100% 100%)}
.map-icon-right{clip-path:polygon(0 0,100% 50%,0 100%)}
.map-icon-bar{display:block;width:3px;height:17px;border-radius:1px;background:linear-gradient(180deg,#f4f3f1,#bdbbb8 55%,#8f8d8a)}
.map-button[data-action="prev"] .map-icon-triangle,.map-button[data-action="next"] .map-icon-triangle{width:13px;height:17px}
.map-button[data-action="prev"] .map-symbol{gap:1px;margin-left:-1px}
.map-button[data-action="next"] .map-symbol{gap:1px;margin-left:1px}
.map-main .map-icon-triangle{width:20px!important;height:23px!important;margin-left:3px!important;background:linear-gradient(180deg,#ffc862,#ff9d1f 55%,#ee7d0c)!important}
.map-icon-stop{display:none!important;width:18px;height:18px;border-radius:2px;background:linear-gradient(180deg,#ffc862,#ff9d1f 55%,#ee7d0c)}
.map-main.is-lit .map-icon-triangle{display:none!important}
.map-main.is-lit .map-icon-stop{display:block!important}
.map-main .map-symbol{filter:drop-shadow(0 1px 0 #000) drop-shadow(0 0 3px rgba(255,150,30,.6))!important}
.map-program{position:absolute;left:196px;top:20px;width:539px;height:378px;pointer-events:none}
.map-window,.map-status{pointer-events:auto}
.map-window{position:absolute;left:0;top:0;width:539px;height:303px}
.map-playlist{position:absolute;left:0;top:0;right:0;height:303px;padding:6px 6px 6px 7px;overflow-y:auto;overflow-x:hidden;border-radius:8px;background:#090909;box-shadow:0 0 0 1px #1a1a1a,inset 0 0 0 1px #050505,0 2px 8px rgba(0,0,0,.6);scrollbar-width:thin;scrollbar-color:#8a8585 #121212}
.map-playlist::-webkit-scrollbar{width:5px}
.map-playlist::-webkit-scrollbar-track{background:#121212;border-radius:3px}
.map-playlist::-webkit-scrollbar-thumb{background:#8a8585;border-radius:3px}
.map-track{-webkit-appearance:none!important;appearance:none!important;display:grid!important;grid-template-columns:20px 34px minmax(0,1fr) 66px!important;align-items:center!important;width:100%!important;height:46px!important;margin:0!important;padding:0 22px 0 4px!important;border:0!important;border-bottom:1px solid var(--jp-line)!important;border-radius:0!important;background:transparent!important;color:var(--jp-text)!important;font:inherit!important;font-size:20px!important;line-height:1!important;text-align:left!important;cursor:pointer!important;text-transform:none!important;letter-spacing:0!important;box-shadow:none!important}
.map-track:hover{background:rgba(255,255,255,.035)!important}
.map-track:focus-visible{outline:1px solid var(--jp-orange)!important;outline-offset:-1px!important}
.map-track-flag{display:block!important;width:11px!important;height:14px!important;margin-left:5px!important}
.map-track-no{text-align:center!important}
.map-track-title{padding-left:16px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.map-track-time{text-align:right!important}
.map-track.is-active{border-radius:2px!important;border-bottom-color:transparent!important;background:linear-gradient(180deg,rgba(255,255,255,.05) 0,rgba(255,255,255,.01) 45%,rgba(0,0,0,0) 55%),linear-gradient(180deg,rgba(92,2,16,.32) 0,rgba(64,0,10,.26) 100%)!important;box-shadow:inset 0 0 0 1px rgba(122,10,30,.55),inset 0 1px 0 rgba(255,120,140,.14),inset 0 -1px 0 rgba(0,0,0,.35)!important;color:#f4e9ea!important}
.map-track.is-active .map-track-flag{background:linear-gradient(180deg,#ffc862,#ff9d1f 55%,#ee7d0c)!important;clip-path:polygon(0 0,100% 50%,0 100%)!important}
.map-status{/* 46px tall, its bottom level with the keys' bottoms (stage y 352-398), with the keys' rim and shadow lip so the
     bottoms render the same. The Jukebox's loading line sits above it, its top level with the top of the keys' dark rim */
  position:absolute;left:106px;right:0;top:calc(332px + var(--map-row-shift,0px));height:46px;border-radius:8px;display:grid;grid-template-columns:44px minmax(0,1fr) 48px;align-items:center;padding:0 12px 0 14px;font-size:13px;color:var(--jp-text);background:#090909;box-shadow:0 0 0 1px #1a1a1a,inset 0 0 0 1px #050505,0 2px 8px rgba(0,0,0,.6)}
.map-duration{text-align:right}
.map-seek{position:relative;height:6px;border-radius:3px;background:#262626;box-shadow:inset 0 1px 2px #000;cursor:ew-resize;touch-action:none;user-select:none;-webkit-user-select:none}
.map-seek:before{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px}
.map-seek-fill{width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f9b95a,#f39a30);box-shadow:0 0 5px rgba(245,150,40,.45)}
.map-seek-knob{position:absolute;top:50%;left:0;width:28px;height:28px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 50% 50%,transparent 0 5px,rgba(0,0,0,.1) 5px 6px,transparent 6px),conic-gradient(from 20deg,#f4f3f0,#8a8884,#e6e4e0,#6d6b67,#f1efec,#8a8884,#dcd9d5,#6d6b67,#f4f3f0);box-shadow:0 1px 4px rgba(0,0,0,.9),0 0 0 1px #2a2a28}
.map-seek.is-scrubbing .map-seek-knob{transform:translate(-50%,-50%) scale(1.15)}
.map-art-section{position:absolute;left:755px;top:20px;width:156px;height:378px}
.map-art-frame{width:156px;height:156px;overflow:hidden;border-radius:8px;background:#050505;box-shadow:0 3px 10px rgba(0,0,0,.6)}
.map-cover{display:block!important;width:156px!important;height:156px!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:cover}
.map-meta{padding:10px 0 0 4px;text-align:left}
.map-song{font-size:20px;line-height:25px;font-weight:400;color:var(--jp-orange);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-artist-line{display:block}
.map-artist{display:block;font-size:14px;line-height:19px;font-weight:600;color:#f1efec;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-album{display:block;font-size:14px;line-height:19px;color:var(--jp-text-dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.map-description{margin-top:8px;max-height:72px;overflow:hidden}
.map-art-keys{position:absolute;left:0;top:calc(323px + var(--map-row-shift,0px));width:156px;height:55px;display:flex;gap:12px}
.map-art-keys .map-button{width:72px!important}
.map-description-text{display:block;font-size:14px;line-height:18px;color:#dcdad6}
.map-console button{min-height:0;text-shadow:none;line-height:1}
.map-console button:hover,.map-console button:focus{color:inherit}
.map-screen{position:absolute;left:0;top:0;width:539px;height:303px;overflow:hidden;border-radius:8px;background:#000;box-shadow:0 0 0 1px #1a1a1a,inset 0 0 0 1px #050505,0 2px 8px rgba(0,0,0,.6)}
.map-screen-video,.map-screen-video iframe{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;max-width:none!important;margin:0!important;border:0!important}
.map-screen-video iframe{pointer-events:none;background:#000}
.map-screen-shield{position:absolute;inset:0;z-index:2;cursor:pointer}
.map-screen:after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 2px 10px rgba(0,0,0,.55)}
.map-screen-msg{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center;font-size:15px;color:var(--jp-text-dim);background:#050505;pointer-events:none}
.map-screen-msg[hidden]{display:none}
.map-seek:focus{outline:none}
.map-seek:focus-visible{outline:2px solid var(--jp-orange);outline-offset:6px;border-radius:4px}
.map-description{display:none!important}
.map-console .map-button.is-red:before{background:
    radial-gradient(ellipse 95% 90% at 50% 52%,rgba(230,140,150,.32) 0,rgba(200,60,80,.2) 30%,rgba(170,25,45,.1) 62%,rgba(150,20,40,0) 100%),
    radial-gradient(ellipse 130% 120% at 50% 52%,rgba(165,28,48,.8) 0,rgba(140,18,38,.66) 45%,rgba(105,10,26,.54) 80%,rgba(78,6,18,.5) 100%),
    linear-gradient(180deg,#a8243a 0,#8a1529 55%,#650c1c 100%)!important;box-shadow:0 0 0 1px rgba(60,6,14,.65),inset 0 1px 0 rgba(240,180,190,.35),inset 0 0 8px rgba(70,6,16,.5)!important}
.map-console .map-button.is-red{box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 3px 0 1px #0c0a08,0 5px 6px rgba(0,0,0,.7)!important}
.map-key-line{display:block;font:600 13px/1 "Fira Sans","Lato",Arial,sans-serif;color:#1c1813;letter-spacing:.01em}
.map-console .map-status{box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 3px 0 1px #0c0a08,0 5px 6px rgba(0,0,0,.7),inset 0 1px 3px rgba(0,0,0,.85),inset 0 0 0 1px rgba(255,255,255,.04)!important}
.map-screen-spotify .map-screen-video,.map-screen-spotify .map-spotify-slot{position:absolute;inset:0}
.map-screen-spotify iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;border-radius:6px}
html:not(.z) body.jb-keys-grain .jukebox-shell .map-console .map-button:before{background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.004 0.9' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.6 0 0 0 -0.26'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.004 0.9' numOctaves='3' seed='21'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.55 0 0 0 0.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,255,255,.22) 0,rgba(255,255,255,0) 22%,rgba(0,0,0,0) 70%,rgba(0,0,0,.24) 100%),
    linear-gradient(90deg,#7a7a76 0,#92928e 20%,#82827e 44%,#9a9a96 62%,#868682 80%,#767672 100%)!important;
  box-shadow:0 0 0 1px rgba(20,20,18,.55),inset 0 1px 0 rgba(255,255,255,.35),inset 0 -2px 2px rgba(0,0,0,.28)!important}
html:not(.z) body.jb-keys-grain .jukebox-shell .map-console .map-button:active:before,html:not(.z) body.jb-keys-grain .jukebox-shell .map-console .map-button.is-pressed:before,html:not(.z) body.jb-keys-grain .jukebox-shell .map-console .map-main.is-lit:before,html:not(.z) body.jb-keys-grain .jukebox-shell .map-console .map-button.is-on:before{background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.004 0.9' numOctaves='3' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.6 0 0 0 -0.26'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.004 0.9' numOctaves='3' seed='21'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.55 0 0 0 0.32'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E"),
    linear-gradient(180deg,rgba(255,244,214,.4) 0,rgba(255,244,214,0) 24%,rgba(60,36,6,0) 70%,rgba(60,36,6,.3) 100%),
    linear-gradient(90deg,#a87a2a 0,#d2a24c 20%,#bb8a36 44%,#e0b45e 62%,#c3923e 80%,#a47528 100%)!important;
  box-shadow:0 0 0 1px rgba(80,50,10,.6),inset 0 1px 0 rgba(255,240,200,.6),inset 0 -2px 2px rgba(70,40,6,.3)!important}
.jb-deck .map-playlist.is-sorting{-webkit-user-select:none;user-select:none}
.jb-deck .map-track.is-lifted{position:relative!important;z-index:5!important;cursor:grabbing!important;background:#262626!important;border-radius:4px!important;
  box-shadow:0 8px 16px rgba(0,0,0,.75),inset 0 0 0 1px #f5a23a!important}
html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key){border-radius:6px!important;
  background:linear-gradient(180deg,#f4d996 0,#dbb062 16%,#c69443 42%,#b18034 68%,#8d5d26 100%)!important;
  box-shadow:0 0 0 1px #3a2412,0 0 0 3px #0c0a08,0 7px 11px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,246,222,.85),inset 0 -3px 4px rgba(130,60,90,.45),inset 0 0 0 1px rgba(255,230,190,.25)!important}
html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key):before,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key):active:before,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-pressed:before,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-on:before,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).map-main.is-lit:before{inset:0!important;border-radius:inherit!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.002 1.5' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.4 0 0 0 -0.19'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.002 1.5' numOctaves='3' seed='19'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.38 0 0 0 0.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E")!important;box-shadow:none!important}
html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key):active,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-pressed,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-on,html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).map-main.is-lit{background:linear-gradient(180deg,#ffd27a 0,#f0a43a 16%,#d9801e 42%,#bb6412 68%,#8a420a 100%)!important;
  box-shadow:0 0 0 1px #3a1a06,0 0 0 3px #0c0a08,0 4px 7px rgba(0,0,0,.75),0 0 18px rgba(255,150,40,.6),inset 0 1px 0 rgba(255,236,200,.85),inset 0 -3px 4px rgba(90,30,10,.45)!important}
html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-red,html:not(.z) body.jb-keys-gold .jb-toolbar .map-button.jb-select-key.is-red{background:linear-gradient(180deg,#ffd27a 0,#f0a43a 16%,#d9801e 42%,#bb6412 68%,#8a420a 100%)!important;
  box-shadow:0 0 0 1px #3a1a06,0 0 0 3px #0c0a08,0 4px 7px rgba(0,0,0,.75),0 0 18px rgba(255,150,40,.6),inset 0 1px 0 rgba(255,236,200,.85),inset 0 -3px 4px rgba(90,30,10,.45)!important}
html:not(.z) body.jb-keys-gold .map-console .map-button:not(.map-media-key).is-red:before,html:not(.z) body.jb-keys-gold .jb-toolbar .map-button.jb-select-key.is-red:before{inset:0!important;border-radius:inherit!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.002 1.5' numOctaves='3' seed='5'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.4 0 0 0 -0.19'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='120'%3E%3Cfilter id='d'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.002 1.5' numOctaves='3' seed='19'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.38 0 0 0 0.22'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E")!important;box-shadow:none!important}
html body.jb-keys-gold .map-console .map-volume::-webkit-slider-thumb{border:1px solid #3a3b3c!important;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),conic-gradient(from 30deg at 50% 50%,#f4f4f3,#a6a7a7,#e8e8e7,#8f9090,#f1f1f0,#a3a4a4,#e2e2e1,#8f9090,#f4f4f3)!important;box-shadow:0 5px 8px rgba(0,0,0,.75),0 2px 3px rgba(0,0,0,.6),inset 0 1px 0 #fff,inset 0 -2px 3px rgba(0,0,0,.25)!important}
html body.jb-keys-gold .map-console .map-volume::-moz-range-thumb{border:1px solid #3a3b3c!important;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),conic-gradient(from 30deg at 50% 50%,#f4f4f3,#a6a7a7,#e8e8e7,#8f9090,#f1f1f0,#a3a4a4,#e2e2e1,#8f9090,#f4f4f3)!important;box-shadow:0 5px 8px rgba(0,0,0,.75),0 2px 3px rgba(0,0,0,.6),inset 0 1px 0 #fff,inset 0 -2px 3px rgba(0,0,0,.25)!important}
html body.jb-keys-gold .jb-mixer .jb-xf-cap{border:1px solid #3a3b3c!important;background:radial-gradient(ellipse 60% 50% at 50% 40%,rgba(255,255,255,.35),rgba(255,255,255,0) 70%),conic-gradient(from 30deg at 50% 50%,#f4f4f3,#a6a7a7,#e8e8e7,#8f9090,#f1f1f0,#a3a4a4,#e2e2e1,#8f9090,#f4f4f3)!important;box-shadow:0 5px 8px rgba(0,0,0,.75),0 2px 3px rgba(0,0,0,.6),inset 0 1px 0 #fff,inset 0 -2px 3px rgba(0,0,0,.25)!important}
html body.jb-keys-gold .map-console .map-fader-wrap{--map-cap-half:20px}
html body.jb-keys-gold .map-console .map-volume::-webkit-slider-thumb{width:40px!important;height:40px!important;border-radius:10px!important}
html body.jb-keys-gold .map-console .map-volume::-moz-range-thumb{width:40px!important;height:40px!important;border-radius:10px!important}
html body.jb-keys-gold .jb-mixer .jb-xf-cap{width:40px!important;height:40px!important;top:2px!important;border-radius:10px!important}
.jb-song-ghost{position:fixed!important;z-index:99999!important;pointer-events:none!important;opacity:.92;background:#262626!important;border-radius:4px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.75),inset 0 0 0 1px #eab45c!important;color:#f1efec!important;font-family:"Fira Sans","Lato",Arial,sans-serif!important;font-size:18px!important;height:41px!important;max-width:340px!important}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button{padding:0!important;}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button:before,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button:before{content:""!important;position:absolute!important;}
html body .jukebox-shell .map-console .map-transport-panel .map-button .map-symbol{position:relative;z-index:1}
html body .jukebox-shell .map-console .map-transport-panel .map-button .map-symbol i{filter:drop-shadow(0 1px 0 rgba(255,255,255,.55))}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button{border-radius:5px!important;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 1.1' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.5  0 0 0 0 0.43  0.42 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(40,32,20,.3) 0,rgba(40,32,20,0) 14%,rgba(255,250,240,.06) 50%,rgba(40,32,20,0) 86%,rgba(40,32,20,.34) 100%),linear-gradient(180deg,#f4eee4 0,#d8cebe 7%,#b3a792 22%,#cbc0ad 38%,#9d917d 62%,#827663 82%,#5d5345 94%,#433b31 100%)!important;
  box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 3px 0 1px #0c0a08,0 5px 6px rgba(0,0,0,.7)!important}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button:before,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button:before{inset:4px 4px 5px!important;border-radius:3px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cfilter id='l' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.012 0.03' numOctaves='2' seed='3' result='w'/%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 0.75' numOctaves='3' seed='10' result='s'/%3E%3CfeDisplacementMap in='s' in2='w' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.26 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cfilter id='d' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.012 0.03' numOctaves='2' seed='11' result='w'/%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 0.75' numOctaves='3' seed='18' result='s'/%3E%3CfeDisplacementMap in='s' in2='w' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.24 0 0 0 0.14'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 35% 20%,rgba(255,252,245,.4),rgba(255,252,245,0) 70%),
    linear-gradient(175deg,#f1ece3 0,#ddd6c9 38%,#cbc3b4 70%,#ddd6ca 100%)!important;
  box-shadow:0 0 0 1px rgba(30,24,16,.55),inset 0 1px 0 rgba(255,255,255,.7),inset 0 -2px 3px rgba(60,48,30,.22)!important}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button:active,html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button.is-pressed,html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button.map-main.is-lit,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button:active,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button.is-pressed,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button.map-main.is-lit{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 1.1' numOctaves='3' seed='9'/%3E%3CfeColorMatrix values='0 0 0 0 0.55  0 0 0 0 0.5  0 0 0 0 0.43  0.42 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E"),linear-gradient(90deg,rgba(40,32,20,.3) 0,rgba(40,32,20,0) 14%,rgba(255,250,240,.06) 50%,rgba(40,32,20,0) 86%,rgba(40,32,20,.34) 100%),linear-gradient(180deg,#f4eee4 0,#d8cebe 7%,#b3a792 22%,#cbc0ad 38%,#9d917d 62%,#827663 82%,#5d5345 94%,#433b31 100%)!important;box-shadow:0 0 0 1px #070605,0 0 0 2px #171411,0 1px 0 1px #0c0a08,0 3px 4px rgba(0,0,0,.7)!important}
html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button:active:before,html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button.is-pressed:before,html:not(.z) body .jukebox-shell .map-console .map-transport-panel .map-button.map-main.is-lit:before,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button:active:before,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button.is-pressed:before,html:not(.z) body.jb-keys-gold .jukebox-shell .map-console .map-transport-panel .map-button.map-main.is-lit:before{inset:4px 4px 5px!important;border-radius:3px!important;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cfilter id='l' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.012 0.03' numOctaves='2' seed='3' result='w'/%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 0.75' numOctaves='3' seed='10' result='s'/%3E%3CfeDisplacementMap in='s' in2='w' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0.26 0 0 0 -0.12'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23l%29'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='120'%3E%3Cfilter id='d' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.012 0.03' numOctaves='2' seed='11' result='w'/%3E%3CfeTurbulence type='fractalNoise' stitchTiles='stitch' baseFrequency='0.006 0.75' numOctaves='3' seed='18' result='s'/%3E%3CfeDisplacementMap in='s' in2='w' scale='18' xChannelSelector='R' yChannelSelector='G'/%3E%3CfeColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  -0.24 0 0 0 0.14'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23d%29'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 70% at 35% 20%,rgba(255,240,200,.45),rgba(255,240,200,0) 70%),
    linear-gradient(175deg,#e9c27a 0,#d3a656 40%,#bd8c3e 72%,#d6ad60 100%)!important;
  box-shadow:0 0 0 1px rgba(58,40,16,.65),inset 0 1px 0 rgba(255,240,205,.65),inset 0 -2px 3px rgba(80,45,5,.25)!important}
.map-art-frame.has-tidal{position:relative;overflow:hidden;background:#000}
.map-art-frame.has-tidal .map-cover{display:none!important}
.map-tidal-cover{position:absolute;inset:0}
.map-tidal-frame{display:block;width:100%;height:100%;border:0;background:#000}
.map-tidal-whole{position:absolute;inset:0}
.map-tidal-whole .map-tidal-frame{border-radius:4px}
.map-tidal-note{position:absolute;left:12px;right:12px;bottom:8px;font-size:12px;color:#c9b27a;text-align:center}
.map-am-key{position:absolute;right:8px;bottom:8px;z-index:6;display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px 0 7px;border:0;border-radius:12px;cursor:pointer;
 background:rgba(12,11,10,.86);box-shadow:0 0 0 1px rgba(250,45,72,.55),0 2px 6px rgba(0,0,0,.5);color:#f2ede6;font:700 10px/1 "Inter","Fira Sans",Arial,sans-serif;letter-spacing:.07em;white-space:nowrap}
.map-am-key[hidden]{display:none}
.map-am-key:hover{box-shadow:0 0 0 1px rgba(250,45,72,.9),0 2px 6px rgba(0,0,0,.5)}
.map-am-key .map-am-note{width:14px;height:14px;border-radius:4px;background:linear-gradient(180deg,#fb5c74,#fa233b);position:relative;flex:0 0 auto}
.map-am-key .map-am-note:after{content:"\266B";position:absolute;inset:0;color:#fff;font:700 10px/14px Arial,sans-serif;text-align:center}
.map-am-key.is-on{box-shadow:0 0 0 1px #eab45c,0 0 8px 1px rgba(255,170,60,.45),0 2px 6px rgba(0,0,0,.5)}
.map-am-key.is-busy{opacity:.6;pointer-events:none}
.map-window:has(.map-am-key:not([hidden])) .map-playlist{padding-bottom:34px}