.hero-page-shell{box-sizing:border-box;width:100%;height:100%;margin-top:0;display:flex;position:relative;overflow:hidden;background:0 0!important}.app-root.mobile-mode .hero-page-shell{width:100%!important;max-width:100%!important;height:100%!important;margin-top:0!important;padding:0!important}.hero-page-main{box-sizing:border-box;flex-direction:column;flex:1;min-width:0;height:100%;display:flex;position:relative;overflow:hidden}.hero-shell-header{box-sizing:border-box;flex-shrink:0;width:100%;margin-bottom:0!important;padding:0!important}.hero-shell-header .home-hero,.hero-shell-header .hero-banner{padding:var(--xm-titlebar-height,36px) 12px 0 32px!important;box-sizing:border-box!important;border:none!important;border-radius:0!important;height:178px!important;min-height:178px!important;margin-top:0!important;margin-bottom:0!important}.app-root.mobile-mode .hero-shell-header{z-index:1!important;position:relative!important;overflow:hidden!important}.app-root.mobile-mode .hero-shell-header .home-hero,.app-root.mobile-mode .hero-shell-header .hero-banner{min-height:calc(88px + env(safe-area-inset-top,0px))!important;height:calc(88px + env(safe-area-inset-top,0px))!important;padding:calc(env(safe-area-inset-top,0px) + 2px) 12px 2px 12px!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;display:flex!important;overflow:hidden!important}.hero-shell-body{box-sizing:border-box;flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden auto}.app-root.mobile-mode .hero-shell-body{z-index:20!important;position:relative!important}.global-hero-singleton{z-index:0;pointer-events:none;-webkit-mask-composite:source-in;height:178px;transition:opacity .35s;position:absolute;top:0;left:0;right:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0003 2%,#000 12% 100%),linear-gradient(#000 75%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0003 2%,#000 12% 100%),linear-gradient(#000 75%,#0000 100%);mask-composite:intersect}.global-hero-singleton .hero-bg-wall{opacity:.36!important}.global-hero-singleton .home-hero-overlay{backdrop-filter:blur(1px)!important;background:linear-gradient(135deg,#0000006b 0%,#00000038 100%)!important}.app-root.mobile-mode .global-hero-singleton{-webkit-mask-image:linear-gradient(90deg,#0000 0%,#0000004d 1%,#000 8% 100%),linear-gradient(#000 58%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#0000004d 1%,#000 8% 100%),linear-gradient(#000 58%,#0000 100%);min-height:calc(88px + env(safe-area-inset-top,0px))!important;height:calc(88px + env(safe-area-inset-top,0px))!important}:root{--hero-left-spacer-width:440px}.global-now-playing-hero{z-index:12;pointer-events:none;height:178px;transition:opacity .3s;position:absolute;top:0;left:0;box-sizing:border-box!important;padding:var(--xm-titlebar-height,36px) 12px 0 32px!important;border:none!important;align-items:center!important;display:flex!important;overflow:visible!important}.global-now-playing-hero .now-playing-hero{pointer-events:auto;align-items:center!important;display:flex!important;overflow:visible!important}.global-now-playing-hero .hero-track-info{z-index:2;flex-direction:column!important;justify-content:center!important;min-width:0!important;margin-left:20px!important;display:flex!important}.global-now-playing-hero .hero-track-title{color:#fff!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:420px!important;margin:0!important;font-size:22px!important;font-weight:800!important;line-height:1.25!important;overflow:hidden!important}.global-now-playing-hero .hero-track-artist{color:#ffffffb3!important;white-space:nowrap!important;text-overflow:ellipsis!important;max-width:320px!important;margin-top:6px!important;margin-bottom:0!important;font-size:13px!important;overflow:hidden!important}.global-now-playing-hero .vinyl-disc-container{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#00000059 0%,#000 18px 100%),linear-gradient(#000 78%,#0003 100%);mask-image:linear-gradient(90deg,#00000059 0%,#000 18px 100%),linear-gradient(#000 78%,#0003 100%);mask-composite:intersect}@media (width<=1080px){:root{--hero-left-spacer-width:140px}.global-now-playing-hero .hero-track-info{display:none!important}}.app-root.mobile-mode .global-now-playing-hero{display:none!important}.hero-left-spacer{width:var(--hero-left-spacer-width,440px);pointer-events:none;visibility:hidden;flex-shrink:0;height:1px}.app-root.mobile-mode .hero-left-spacer{width:0!important;display:none!important}