.jbm-collection{padding-top:calc(72px + env(safe-area-inset-top));position:relative;color:#fff;--art-opacity: 1}.jbm-collection-nav{position:fixed;inset:0 0 auto;z-index:40;display:flex;justify-content:space-between;align-items:center;height:calc(72px + env(safe-area-inset-top));padding:16px;padding-top:calc(16px + env(safe-area-inset-top))}.jbm-collection-nav:before{content:"";position:absolute;inset:0;z-index:-1;background:#121212;opacity:calc(1 - var(--art-opacity));pointer-events:none}.jbm-collection-nav button{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#0005}.jbm-collection-artwork{position:relative;width:60%;max-width:280px;aspect-ratio:1;margin:-36px auto 0;opacity:var(--art-opacity)}.jbm-collection-copy{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px 16px 12px}.jbm-collection-copy h1{font-size:30px;line-height:1.15;font-weight:750;letter-spacing:-.6px;overflow-wrap:anywhere}.jbm-artist-link{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600}.jbm-artist-hero .jbm-collection-artwork{width:100%;max-width:none;height:min(100vw,430px);aspect-ratio:auto;margin-top:-72px}.jbm-artist-hero .jbm-collection-artwork:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#121212);pointer-events:none}.jbm-artist-hero .jbm-collection-artwork img{border-radius:0}.jbm-artist-hero .jbm-collection-copy{margin-top:-28px}.jbm-artwork-switch{display:flex;width:-moz-max-content;width:max-content;margin:14px auto 0;padding:2px;border-radius:30px;background:#0003}.jbm-artwork-switch button{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:11px;color:#ffffff80;border-radius:24px}.jbm-artwork-switch button[aria-pressed=true]{background:#ffffff12;color:#ffffffb8}.jbm-context-sheet{max-height:85dvh;overflow-y:auto;background:#202020;color:#fff;border-color:#ffffff12}.jbm-menu-item{display:flex;align-items:center;gap:16px;width:100%;min-height:56px;padding:12px 24px;text-align:left;font-size:16px}.jbm-menu-item:hover{background:#ffffff08}.jbm-menu-item svg{flex-shrink:0;color:#ffffffa0}.jbm-genre-image{position:absolute;width:82px;height:82px;-o-object-fit:cover;object-fit:cover;right:-10px;bottom:-8px;transform:rotate(24deg);border-radius:3px;box-shadow:0 6px 20px #0005}.jbm-expanded{display:grid;height:100svh;width:100%;min-width:0;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto}.jbm-expanded-artwork-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.jbm-expanded-artwork-backdrop>img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;filter:blur(64px);transform:scale(1.25)}.jbm-expanded-artwork-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#12121294,#121212bf 45%,#121212)}.jbm-expanded-cover{width:min(100%,440px);max-height:100%;height:auto;aspect-ratio:1}@media(max-height:600px){.jbm-expanded-controls{padding-bottom:8px!important}.jbm-expanded-controls svg[data-waveform-style]{height:32px}.jbm-expanded-controls #play{width:48px;height:48px}.jbm-expanded-controls>div:first-child{padding-block:4px}.jbm-expanded-controls h1{font-size:17px}.jbm-waveform-cinema header h1{font-size:18px}}@media(max-width:767px){.jbm-player-shell main{padding-bottom:165px}.jbm-player-shell .player-tracklist-actions{margin-top:4px;padding:12px 16px 16px;align-items:center}.jbm-player-shell .player-tracklist-actions>button:first-child{order:2;margin-left:auto}.jbm-player-shell .player-tracklist-actions>button:first-child svg{background:#fff;color:#000;border:0;width:60px;height:60px;padding:19px}.jbm-player-shell .player-tracklist-actions>div{height:auto}.jbm-player-shell .player-tracklist-actions>div button{min-height:44px;min-width:44px}}
