body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{background-attachment:fixed;font-family:OpenSansRegular,"Helvetica Neue",Arial,Helvetica,sans-serif}#main-container{display:flex;flex-direction:column;height:100%}.full-height{height:100%}#social-links-container{position:fixed;top:1%;left:1%;display:flex;flex-direction:row}#social-link-container{cursor:pointer;padding:.8em;border-radius:.6em;display:flex;justify-content:center;align-items:center}#social-link-container:hover{background-color:hsla(0,0%,100%,.1)}#open-side-menu-container{position:fixed;cursor:pointer;top:1%;right:1%;padding:.8em;border-radius:.6em}#open-side-menu-container:hover{background-color:hsla(0,0%,100%,.1)}#title-container{display:flex;justify-content:center;align-items:center;width:100%;height:25%}@media only screen and (orientation:portrait){#title-container{height:30%;padding-top:10%}}#title-container .title{font-weight:700;color:#fff;font-size:7vw}@media only screen and (orientation:portrait){#title-container .title{font-size:12vw}}#player-container{display:flex;justify-content:center;align-items:center;width:100%;height:20%}@media only screen and (orientation:portrait){#player-container{height:10%}}#heart-container{display:flex;align-items:center;padding-left:5%}#volume-slider-wrapper{display:inline-block;height:8em;width:8em;padding:0}#volume-slider-wrapper input{transform-origin:5em 2.3em;transform:rotate(-90deg)}.icon-sound{height:10vw;width:10vw;background-color:transparent;border:none;border-radius:20px;padding:0;margin:0;vertical-align:top;outline:0}@media only screen and (orientation:portrait){.icon-sound{height:12vh;width:12vh}}.icon-sound img{margin:auto;display:block;height:85%;width:85%;cursor:pointer}.icon-sound img:hover{height:88%;width:88%}.icon-sound img:active{height:83%;width:83%}.current-track-wrapper{display:flex;align-items:center;font-size:1.2em}@media only screen and (orientation:portrait){.current-track-wrapper{font-size:1em}}.current-track-wrapper .current-track-container{cursor:pointer;border-radius:10px;padding:20px;background-color:hsla(0,0%,100%,.1)}.current-track-wrapper .current-track-container:hover{background-color:hsla(0,0%,100%,.15)}.current-track-wrapper .current-track-container:active{background-color:hsla(0,0%,100%,.05)}.current-listeners{color:#fff;font-size:18px}.error-msg{color:#9f3a38;font-weight:700}.user-modal-login-error-container{display:flex;justify-content:center;align-items:center;height:25px;margin-bottom:10px}#spotify-button{pointer-events:auto!important}input[type=range]{background:transparent;-webkit-appearance:none;margin:7.5px 0;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:#fff;border-radius:5px;border:0 solid #fff}input[type=range]::-webkit-slider-thumb{border:0 solid #fff;height:15px;width:15px;border-radius:8px;background:#fff;cursor:pointer;-webkit-appearance:none;margin-top:-6.5px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:#fff;border-radius:5px;border:0 solid #fff}input[type=range]::-moz-range-thumb{border:0 solid #fff;height:15px;width:15px;border-radius:8px;background:#fff;cursor:pointer}input[type=range]::-ms-track{width:100%;height:2px;cursor:pointer;animate:.2s;background:transparent;border-color:transparent;border-width:15px 0;color:transparent}input[type=range]::-ms-fill-lower{background:#f2f2f2;border:0 solid #fff;border-radius:10px}input[type=range]::-ms-fill-upper{background:#fff;border:0 solid #fff;border-radius:10px}input[type=range]::-ms-thumb{border:0 solid #fff;height:15px;width:15px;border-radius:8px;background:#fff;cursor:pointer}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#fff}.title,.title-mobile{font-weight:700;color:#fff;font-size:600%}.title-mobile{font-size:40px}.sub-title,.sub-title-mobile{font-weight:700;color:#fff;font-size:200%}.sub-title-mobile{font-size:35px}.title-container{height:170px}.title-container,.title-container-mobile{display:flex;justify-content:center;align-items:center;width:100%}.title-container-mobile{height:170px;height:80px}.jingles-section{margin-top:20px}.jingles-section,.jingles-section-mobile{color:#fff;font-size:120%;margin-bottom:0}.jingles-section-mobile{font-size:12px;margin-top:10px}.main-jingles-container{align-items:center}.jingles-container,.main-jingles-container{display:flex;flex-direction:column;justify-content:center}.player-jingles-container{display:flex;align-items:center}.jingles-button{display:inline-block;color:#fff;font-size:14px;height:130px;width:130px;background-color:transparent;border:1px solid #fff;border-radius:15px;padding:8px;margin:4px;vertical-align:top;outline:0;cursor:pointer}.jingles-button:hover{background-color:hsla(0,0%,100%,.3)}.jingles-button:active{background-color:rgba(0,0,0,.2)}.jingles-button-mobile{display:inline-block;color:#fff;font-size:14px;height:130px;width:130px;background-color:transparent;border:1px solid #fff;border-radius:15px;vertical-align:top;outline:0;cursor:pointer;font-size:8px;height:70px;width:70px;border-radius:5px;padding:4px;margin:2px}.jingles-button-mobile:hover{background-color:hsla(0,0%,100%,.3)}.jingles-button-mobile:active{background-color:rgba(0,0,0,.2)}
/*# sourceMappingURL=main.050ab915.chunk.css.map */