.catalog-detail-genre,.catalog-detail-sector,.catalog-detail-playlist,.catalog-detail-radio{isolation:isolate}.catalog-hero-anchor~.detail-body{z-index:0;padding-top:12px;position:relative}.catalog-hero-anchor{--detail-compact-height:88px;--detail-expanded-height:420px;--detail-visible-height:var(--detail-expanded-height);--detail-actions-width:192px;--detail-actions-height:72px;--detail-action-top:24px;--detail-parallax-offset:0px;--detail-collapse-progress:0;--detail-expanded-padding:24px;--detail-expanded-play-size:72px;--detail-compact-play-size:48px;--detail-expanded-small-size:48px;--detail-expanded-gap:12px;--detail-expanded-title-size:36px;--detail-expanded-title-line:40px;--detail-compact-title-size:20px;--detail-padding:calc(var(--detail-expanded-padding) + (12px - var(--detail-expanded-padding)) * var(--detail-collapse-progress));--detail-play-size:calc(var(--detail-expanded-play-size) + (var(--detail-compact-play-size) - var(--detail-expanded-play-size)) * var(--detail-collapse-progress));--detail-small-size:calc(var(--detail-expanded-small-size) + (36px - var(--detail-expanded-small-size)) * var(--detail-collapse-progress));z-index:10;height:calc(var(--detail-compact-height) + 8px);overflow-anchor:none;position:sticky;top:0;overflow:visible}.catalog-hero-anchor:after{content:"";top:var(--detail-visible-height);pointer-events:none;background:#121212;height:8px;transition:top .14s ease-out;position:absolute;left:0;right:0}.catalog-hero-reserve{width:100%;height:var(--detail-expanded-height,auto);aspect-ratio:21/9;min-height:var(--detail-compact-height,88px);margin-top:calc(-1 * var(--detail-compact-height,88px));pointer-events:none;overflow-anchor:none}.catalog-hero-anchor .catalog-detail-hero{height:var(--detail-visible-height);aspect-ratio:auto;isolation:isolate;background:#121212;transition:height .14s ease-out,box-shadow .18s}.catalog-hero-anchor:not([data-layout]) .catalog-detail-hero{height:auto;min-height:var(--detail-compact-height);aspect-ratio:21/9}.catalog-detail-hero-artwork{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 30%,#000b 58%,#0000 100%);mask-image:linear-gradient(#000 0% 30%,#000b 58%,#0000 100%)}.catalog-detail-hero-artwork>.catalog-detail-hero-image{width:100%;height:var(--detail-expanded-height);object-fit:cover;object-position:center;transform:translate3d(0, var(--detail-parallax-offset), 0);will-change:transform;position:absolute;inset:0}.catalog-hero-anchor:not([data-layout]) .catalog-detail-hero-image{height:100%}.catalog-hero-anchor .detail-hero-shade{z-index:1;pointer-events:none;background:linear-gradient(#0000,#12121214 45%,#12121280)}.catalog-hero-anchor .detail-hero-content{z-index:2;right:calc(var(--detail-actions-width) + var(--detail-padding) * 2);left:var(--detail-padding);bottom:var(--detail-copy-bottom,var(--detail-padding));transform:translateY(calc(50% * var(--detail-collapse-progress)));padding:0;transition:left .14s ease-out,right .14s ease-out,bottom .14s ease-out,transform .14s ease-out}.catalog-hero-anchor .detail-hero-content h1{-webkit-line-clamp:2;overflow-wrap:anywhere;font-size:calc(var(--detail-expanded-title-size) + (var(--detail-compact-title-size) - var(--detail-expanded-title-size)) * var(--detail-collapse-progress));line-height:calc(var(--detail-expanded-title-line) + (22px - var(--detail-expanded-title-line)) * var(--detail-collapse-progress));margin:0 0 calc(8px - 4px * var(--detail-collapse-progress));-webkit-box-orient:vertical;transition:font-size .14s ease-out,line-height .14s ease-out,margin .14s ease-out;display:-webkit-box;overflow:hidden}.catalog-hero-anchor .detail-kind{font-size:calc(12px - 2px * var(--detail-collapse-progress));line-height:calc(16px - 4px * var(--detail-collapse-progress));max-height:none;margin:0 0 calc(4px - 2px * var(--detail-collapse-progress));color:coral;opacity:1;transition:font-size .14s ease-out,line-height .14s ease-out,margin .14s ease-out,opacity .14s ease-out;overflow:hidden}.catalog-hero-anchor .detail-description{max-height:calc(40px * (1 - var(--detail-collapse-progress)));margin:0 0 calc(8px * (1 - var(--detail-collapse-progress)));opacity:calc(1 - var(--detail-collapse-progress));transition:max-height .14s ease-out,margin .14s ease-out,opacity .14s ease-out}.catalog-hero-anchor .detail-count{font-size:calc(14px - 2px * var(--detail-collapse-progress));line-height:calc(20px - 4px * var(--detail-collapse-progress));margin:0;transition:font-size .14s ease-out,line-height .14s ease-out}.catalog-hero-anchor .detail-actions{top:var(--detail-action-top);right:var(--detail-padding);gap:calc(var(--detail-expanded-gap) + (8px - var(--detail-expanded-gap)) * var(--detail-collapse-progress));z-index:3;transition:top .14s ease-out,right .14s ease-out,gap .14s ease-out}.catalog-hero-anchor .detail-actions .detail-play-primary{width:var(--detail-play-size);height:var(--detail-play-size);flex:0 0 var(--detail-play-size);color:#fff;background:#ff6a3d;box-shadow:0 6px 24px #0003}.catalog-hero-anchor .detail-actions .detail-play-primary i{font-size:calc(25px - 7px * var(--detail-collapse-progress));margin-left:3px;transition:font-size .14s ease-out}.catalog-hero-anchor .detail-actions .round-dark{width:var(--detail-small-size);height:var(--detail-small-size);flex:0 0 var(--detail-small-size);font-size:calc(18px - 4px * var(--detail-collapse-progress));color:#fff;background:#121212b3;border:1px solid #ffffff1a}.catalog-hero-anchor .detail-actions button{transition:width .14s ease-out,height .14s ease-out,flex-basis .14s ease-out,font-size .14s ease-out,background-color .16s,color .16s,box-shadow .16s}.catalog-hero-anchor .detail-actions button:hover:not(:disabled),.catalog-hero-anchor .detail-actions .round-dark.selected{color:#ff9a7c;background:#382018}.catalog-hero-anchor .detail-actions .detail-play-primary:hover:not(:disabled){color:#fff;background:#ff805a}.catalog-hero-anchor .detail-actions button:focus-visible{outline-offset:4px;outline:2px solid #ff9a7c}.catalog-hero-anchor .detail-actions button:disabled{opacity:.45;cursor:not-allowed}.catalog-hero-anchor[data-collapsed=true] .catalog-detail-hero{box-shadow:0 8px 24px #0004}.catalog-hero-anchor[data-layout=stacked]{--detail-expanded-padding:16px;--detail-expanded-play-size:60px;--detail-compact-play-size:44px;--detail-expanded-small-size:44px;--detail-expanded-gap:10px;--detail-expanded-title-size:24px;--detail-expanded-title-line:32px;--detail-compact-title-size:18px}.catalog-hero-anchor[data-layout=stacked] .detail-hero-content{right:calc(var(--detail-padding) + (var(--detail-actions-width) + var(--detail-padding)) * var(--detail-collapse-progress))}@media (width<=767px){.catalog-hero-anchor{--detail-compact-height:88px;--detail-expanded-height:320px;--detail-actions-height:60px;--detail-action-top:244px;--detail-expanded-padding:16px;--detail-expanded-play-size:60px;--detail-compact-play-size:44px;--detail-expanded-small-size:44px;--detail-expanded-gap:10px;--detail-expanded-title-size:24px;--detail-expanded-title-line:32px;--detail-compact-title-size:18px}.catalog-hero-reserve{--detail-compact-height:88px;aspect-ratio:16/9}.catalog-hero-anchor:not([data-layout]) .catalog-detail-hero{aspect-ratio:16/9}.catalog-hero-anchor:not([data-layout]) .detail-actions{top:auto;bottom:16px}.catalog-hero-anchor:not([data-layout]) .detail-hero-content{right:var(--detail-padding);bottom:calc(var(--detail-actions-height) + 32px)}}@media (width<=639px){.catalog-hero-reserve,.catalog-hero-anchor:not([data-layout]) .catalog-detail-hero{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.catalog-detail-hero-artwork>.catalog-detail-hero-image{will-change:auto;transform:none}.catalog-hero-anchor *,.catalog-hero-anchor .catalog-detail-hero{transition:none!important}}