body div,body header,body section,body footer,body article,body p,body video,body nav,body table,body hr,body dl,body dt,body ul,body button,body{box-sizing:border-box;position:relative;display:flex;align-items:stretch;flex-shrink:0;align-items:center;align-content:center;justify-content:center;flex-direction:column;flex-wrap:wrap;border:0;margin:0;padding:0;min-width:0}body strong,body em,body span,body a,body b,body i,body code,body strike{display:contents}body strike{text-decoration:line-through}body li{display:list-item;margin-left:20px}body head,body link,body meta,body script,body style,body title{display:none}body,body *{position:relative;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF UI Text","Helvetica Neue",Arial,sans-serif;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-size:16px;color:#fff}a{text-decoration:none;color:#08f}.clear{display:block;clear:both}body>div{flex-direction:row;flex-wrap:wrap}body{color:#fff;background:#000;padding:2vw;width:100vw;min-height:100vh;background-size:cover;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;overflow:hidden}body.panel{flex-wrap:wrap-reverse}@media screen and (max-width: 1144px){body{overflow-y:scroll}}@media screen and (max-width: 740px){body{min-height:calc(100vh - 120px)}}body::after{content:" ";display:block;position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.4);backdrop-filter:blur(54px) saturate(2.2) brightness(140%);-webkit-backdrop-filter:blur(54px) saturate(2.2) brightness(140%);box-shadow:inset 0 0 20vh rgba(0,0,0,0.4);z-index:0}@media screen and (max-width: 740px){body::after{height:120vh;top:-10vh;box-shadow:none}}body *{z-index:1;text-align:center}body .row{flex-direction:row}body header,body section{width:30vw;height:30vw;min-width:320px;min-height:320px;margin:1vw;background:rgba(0,0,0,0.64);border-radius:16px;padding:30px 10px}@media screen and (max-width: 1144px){body header,body section{width:46vw;height:46vw}}@media screen and (max-width: 740px){body header,body section{width:90vw;height:90vw}}body header button,body section button{height:54px;min-width:54px;margin:0 5px;padding:0 10px;text-align:center;line-height:50px;font-size:24px;border:none;background:none;border-radius:8px;color:#fff;font-weight:200}body header button:hover,body section button:hover{background:rgba(255,255,255,0.2)}body header button:active,body section button:active{background:rgba(255,255,255,0.4)}body header img{width:64%;margin-bottom:4%}@media screen and (max-width: 1144px){body header{height:12vw;flex-direction:row;min-height:0;background:none;width:100%}body header img{width:12%;margin-bottom:0;margin-right:20px}body header h1{font-size:36px}}@media screen and (max-width: 1144px) and (max-width: 740px){body header h1{font-size:24px}body header img{margin-right:10px}}body footer{padding:5vw 0;margin:0 0 -10vw;max-width:84vw}body #artwork{padding:10px}body #artwork img{max-width:100%;border-radius:6px}body #controls h2,body #controls h3{font-size:24px}body #controls h3{font-weight:normal;margin-top:4px}body #controls>*{margin:20px 0}@media screen and (max-width: 740px){body #controls{height:auto;min-height:200px}body #controls h2,body #controls h3{font-size:22px}body #controls>*{margin:10px 0}body #controls>*:first-child{margin-top:0}body #controls>*:last-child{margin-bottom:0}}body #controls .volume{width:66%;height:34px}body #controls .volume input{width:100%}@media screen and (max-width: 740px){body #controls .volume{display:none}}input[type=range]{-webkit-appearance:none;background:rgba(0,0,0,0)}input[type=range]::-webkit-slider-thumb,input[type=range]::-webkit-slider-runnable-track{transition:all .16s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-9px;height:24px;width:24px;background:#fff;border-radius:12px;box-shadow:0 0 1px rgba(0,0,0,0.6),0 8px 6px rgba(0,0,0,0.4)}input[type=range]::-webkit-slider-thumb::before{position:absolute;width:100%;height:100%;left:-100%;top:0;background:red}input[type=range]::-webkit-slider-runnable-track{height:6px;width:6px;border-radius:3px;background:rgba(255,255,255,0.14);overflow:visible}input[type=range]:hover,input[type=range]:active,input[type=range]:focus{outline:none}input[type=range]:hover::-webkit-slider-thumb,input[type=range]:active::-webkit-slider-thumb,input[type=range]:focus::-webkit-slider-thumb{margin-top:0}input[type=range]:hover::-webkit-slider-runnable-track,input[type=range]:active::-webkit-slider-runnable-track,input[type=range]:focus::-webkit-slider-runnable-track{height:24px;width:24px;border-radius:12px;background:rgba(255,255,255,0.24);box-shadow:0 0 1px rgba(0,0,0,0),0 0 32px rgba(255,255,255,0.04)}.flip{-webkit-transform:scaleX(-1);transform:scaleX(-1)}