@font-face{font-family:akzidenzgrotesk-boldextended;src:url(../media/akzidenzgrotesk-boldextended-webfont.0487aa8d.woff2)format("woff2"),url(../media/akzidenzgrotesk-boldextended-webfont.ffe13a5f.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:akzidenzgrotesk-extended;src:url(../media/akzidenzgrotesk-extended-webfont.b76ad340.woff2)format("woff2"),url(../media/akzidenzgrotesk-extended-webfont.b9c3586d.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:akzidenzgrotesk-mediumextended;src:url(../media/akzidenzgrotesk-mediumextended-webfont.a478cbac.woff2)format("woff2"),url(../media/akzidenzgrotesk-mediumextended-webfont.cce640b6.woff)format("woff");font-weight:400;font-style:normal}
*{box-sizing:border-box;background-color:#000}.app{background:#000;flex-direction:column;justify-content:space-between;width:100vw;height:100vh;padding:20px 0;font-family:akzidenzgrotesk-extended;display:flex;overflow:hidden}@media only screen and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.app{height:calc(100vh - 70px)}}.vinyl-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.vinyl-image{object-fit:cover;border-radius:50%;width:300px;max-width:calc(100% - 20px);height:300px;position:absolute}.vinyl-image.loading{opacity:.5}.vinyl-dot{content:"";background:#fff;border-radius:50%;width:30px;height:30px;position:absolute}.buy-wrapper{justify-content:center;align-items:center;width:100%;font-family:akzidenzgrotesk-mediumextended;display:flex}.buy-wrapper-image{width:150px}.title-wrapper{flex-direction:column;justify-content:center;align-items:center;display:flex}.playing-title{color:#fff;text-align:center;font-family:akzidenzgrotesk-boldextended;font-size:16px;line-height:28px}.track-title{color:#fff;text-align:center;font-family:akzidenzgrotesk-mediumextended;font-size:16px;line-height:28px}.message{color:#fff;box-sizing:border-box;z-index:999;text-align:center;background:#000;border:1px solid #fff;flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;padding:20px;font-size:14px;display:flex;box-shadow:0 15px 4px #0003}.message-close{position:absolute;top:10px;right:10px}.center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}a{color:#f9e412;text-decoration:none}button{-webkit-appearance:none;appearance:none;color:#fff;cursor:pointer;background:#639;border:#639;border-radius:5px;padding:10px;font-size:18px;font-weight:700}.rotating-svg{stroke:#fff;width:80px;margin:0 auto 5px;display:block}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
.react-spinner-loader-swing div{float:left;border-radius:50%;width:1em;height:1em}.react-spinner-loader-swing div:first-of-type{background:linear-gradient(90deg,#385c78 0%,#325774 100%)}.react-spinner-loader-swing div:nth-of-type(2){background:linear-gradient(90deg,#325774 0%,#47536a 100%)}.react-spinner-loader-swing div:nth-of-type(3){background:linear-gradient(90deg,#4a5369 0%,#6b4d59 100%)}.react-spinner-loader-swing div:nth-of-type(4){background:linear-gradient(90deg,#744c55 0%,#954646 100%)}.react-spinner-loader-swing div:nth-of-type(5){background:linear-gradient(90deg,#9c4543 0%,#bb4034 100%)}.react-spinner-loader-swing div:nth-of-type(6){background:linear-gradient(90deg,#c33f31 0%,#d83b27 100%)}.react-spinner-loader-swing div:nth-of-type(7){background:linear-gradient(90deg,#da3b26 0%,#db412c 100%)}.react-spinner-loader-shadow{clear:left;padding-top:1.5em}.react-spinner-loader-shadow div{filter:blur(1px);float:left;background:#e3dbd2;border-radius:50%;width:1em;height:.25em}.react-spinner-loader-shadow .react-spinner-loader-shadow-l{background:#d5d8d6}.react-spinner-loader-shadow .react-spinner-loader-shadow-r{background:#eed3ca}@-webkit-keyframes ball-l{0%,50%{transform:rotate(0)translate(0)}to{transform:rotate(50deg)translate(-2.5em)}}@keyframes ball-l{0%,50%{-webkit-transform:rotate(0)translate(0);transform:rotate(0)translate(0)}to{transform:rotate(50deg)translate(-2.5em)}}@keyframes ball-r{0%{transform:rotate(-50deg)translate(2.5em)}50%,to{transform:rotate(0)translate(0)}}@-webkit-keyframes shadow-l-n{0%,50%{opacity:.5;transform:translate(0)}to{opacity:.125;-webkit-transform:translate(-1.57em);transform:translate(-1.75em)}}@keyframes shadow-l-n{0%,50%{opacity:.5;transform:translate(0)}to{opacity:.125;-webkit-transform:translate(-1.75px);transform:translate(-1.75em)}}@keyframes shadow-r-n{0%{opacity:.125;transform:translate(1.75em)}50%,to{opacity:.5;transform:translate(0)}}.react-spinner-loader-swing-l{animation:.425s ease-in-out infinite alternate ball-l}.react-spinner-loader-swing-r{animation:.425s ease-in-out infinite alternate ball-r}.react-spinner-loader-shadow-l{animation:.425s ease-in-out infinite alternate shadow-l-n}.react-spinner-loader-shadow-r{animation:.425s ease-in-out infinite alternate shadow-r-n}
.react-spinner-loader-svg-calLoader{transform-origin:115px 115px;width:230px;height:230px;animation:1.4s linear infinite loader-spin}.react-spinner-loader-svg-cal-loader__path{animation:1.4s ease-in-out infinite loader-path}@keyframes loader-spin{to{transform:rotate(360deg)}}@keyframes loader-path{0%{stroke-dasharray:0 580 0 0 0 0 0 0 0}50%{stroke-dasharray:0 450 10 30 10 30 10 30 10}to{stroke-dasharray:0 580 0 0 0 0 0 0 0}}
.react-spinner-loader-svg svg{transform-origin:50% 65%}.react-spinner-loader-svg svg polygon{stroke-dasharray:17;animation:2.5s cubic-bezier(.35,.04,.63,.95) infinite dash}@keyframes dash{to{stroke-dashoffset:136px}}@keyframes rotate{to{transform:rotate(360deg)}}