@font-face{font-family:SoundtrackAeonik;font-style:normal;font-weight:400;src:url(/assets/SoundtrackAeonik-Medium-BRUaS4tK.woff2)format("woff2"),url(/assets/SoundtrackAeonik-Medium-DEHbw-38.woff)format("woff")}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:calc(1vw + 1vh + .5vmin);line-height:1.25}body{--display-transition:1s ease-in-out;letter-spacing:-.025em;-webkit-font-smoothing:antialised;color:rgba(255,255,255,.98);min-height:100%;transition:all var(--display-transition);background:#141414;font-family:SoundtrackAeonik,Helvetica,Arial,sans-serif;font-weight:400;transition-property:color,background-color;overflow:hidden;transform:translateZ(0)}body.bright{color:rgba(0,0,0,.98);background:#fafafa}.subtle{color:rgba(255,255,255,.6);transition:color var(--display-transition)}body.bright .subtle{color:rgba(0,0,0,.4)}h1,h2,h3,h4,h5,h6,p{font-size:1em;font-weight:400}.gradient-container{z-index:-1;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.gradient{width:300%;height:300%;transition:all var(--display-transition);transition-property:visibility,opacity;animation:120s linear infinite around;position:absolute;bottom:0;right:0}.safari .gradient{animation-name:around-safari}.ie .gradient{animation:none}.track{grid-gap:2em;grid-template:"info image"1fr"logo image"/minmax(min-content,4fr) 6fr;place-content:center;gap:2em;padding:2em;display:grid;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.ie .track{flex-direction:row-reverse;display:flex}.track__image img{object-fit:contain;float:right;border-radius:8px;border-radius:max(1vmin,8px);max-width:100%;max-height:100%}.track .brand-logo-spacing{grid-area:logo;max-width:100%;height:2em}.brand-logo img{filter:invert();max-width:100%;height:2em;transition:filter var(--display-transition);position:fixed;bottom:2em;left:2em}body.bright .brand-logo img{filter:invert(0)}.track__info{opacity:1;max-width:100%;transition:opacity var(--display-transition);word-wrap:break-word;grid-area:info}@media (max-aspect-ratio:5/4){.track{grid-template:"image""info"1fr"logo"/calc(100vw - 4em);align-content:start}.track__image{justify-content:center;align-items:center;display:flex}.ie .track{flex-direction:column;justify-content:flex-start}.brand-logo img{height:2em}}@media (min-aspect-ratio:5/4){.track__info{max-width:60vw}}.track__image{opacity:1;grid-area:image;overflow:hidden;transform:translateZ(0)}.ie .track__image{flex:1}.track__header{margin-bottom:.5em}.track__artists,.track__name{font-size:2em}.track__artists:after,.track__name:after{content:"​"}.paused .track .gradient,.paused .track__info,.paused .track__image{opacity:0}@keyframes to-left{0%{opacity:1}to{opacity:0;transform:translate(-10em)}}@keyframes from-right{0%{opacity:0}to{opacity:1;transform:translate(0)}}.track.leaving .track__header{visibility:hidden}.track.leaving .track__artists,.track.leaving .track__name,.track.leaving .track__image{animation:to-left var(--display-transition) forwards;transform:translate(0)}.track.leaving .track__artists{animation-delay:.1s}.track.entering .track__artists,.track.entering .track__name,.track.entering .track__image{opacity:0;animation:from-right var(--display-transition) forwards;animation-delay:.5s;transform:translate(10em)}.track.entering .track__artists{animation-duration:1.2s}.track.leaving .gradient,.track.entering .gradient{opacity:0}.gradient--idle{opacity:0;visibility:hidden;background-color:#509bf5;background-image:linear-gradient(135deg,#f037a5,#509bf5,#f037a5,#509bf5);animation:60s linear infinite slide}.safari .gradient--idle{animation-name:slide-safari}.paused .gradient--idle{opacity:1;visibility:visible}.gradient.leaving{opacity:0}.paused .gradient.entering{opacity:1}@keyframes slide{0%{transform:translate(0)}to{transform:translate(66.6667%,66.6667%)}}@keyframes slide-safari{0%{bottom:0;right:0}to{bottom:-200%;right:-200%}}@keyframes around{0%{transform:translate(0)}25%{transform:translateY(66.6667%)}50%{transform:translate(66.6667%,66.6667%)}75%{transform:translate(66.6667%)}to{transform:translate(0)}}@keyframes around-safari{0%{bottom:0;right:0}25%{bottom:-200%;right:0}50%{bottom:-200%;right:-200%}75%{bottom:0;right:-200%}to{bottom:0;right:0}}
