.rangeslider{margin:20px 0;position:relative;background:#fff;-ms-touch-action:none;touch-action:none}.rangeslider,.rangeslider .rangeslider__fill{display:block;-webkit-box-shadow:inset 0 1px 3px rgba(0,0,0,.4);box-shadow:inset 0 1px 3px rgba(0,0,0,.4)}.rangeslider-horizontal{height:9px;border-radius:10px}.rangeslider-horizontal .rangeslider__fill{height:100%;background-color:#7c42e1;border-radius:10px;top:0}.rangeslider-horizontal .rangeslider__handle,.rangeslider-horizontal .rangeslider__handle:after{width:0;height:0}.volume-slider .rangeslider-horizontal{height:5px}.volume-slider{margin-right:15px;width:0;-webkit-transition:width .3s ease-out;-o-transition:width .3s ease-out;transition:width .3s ease-out}.volume-slider-show{width:100px}body{font-family:sans-serif;background-color:#34333c;margin:0;padding:0}.body{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100%}.body-sub{width:85%;max-width:1024px;position:relative}.container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex:1 1;flex:1 1}.brand{width:175px;margin-left:50px}.nav{background-color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:60px}.title{color:#fff;font-weight:600;margin-top:40px;margin-bottom:20px}.control-panel{background-color:#000000ba;height:50px;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:absolute;bottom:0;left:0;right:0;z-index:3}.video{width:100%;position:relative}.placeholder{width:100%;position:absolute;top:0;left:0;right:0;bottom:0;background:url(/static/media/background.944bec8a.png);background:url(/static/media/background.944bec8a.png),-webkit-linear-gradient(45deg,#ff5d32,#3023ae);background:url(/static/media/background.944bec8a.png),-o-linear-gradient(45deg,#ff5d32,#3023ae);background:url(/static/media/background.944bec8a.png),linear-gradient(45deg,#ff5d32,#3023ae);background-size:cover;z-index:2}.placeholder--initial{display:-ms-flexbox;display:flex;-ms-flex:1 1;flex:1 1;width:100%;height:100%;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.placeholder--copy{color:#fff;font-size:25px;font-weight:100}.placeholder--loader{margin-top:30px}.placeholder--logo{width:140px;margin-top:35px}.playFeedback{position:absolute;width:100%;top:0;bottom:50px;left:0;right:0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;z-index:-1}.playFeedbackFront{z-index:4}.playFeedbackWrap{background-color:#0d0d0dd9;height:80px;width:80px;border-radius:40px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}.showIcon{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition:scale .3s ease-out,opacity .4s;-o-transition:scale .3s ease-out,opacity .4s;transition:scale .3s ease-out,opacity .4s}.playFeedbackWrap img{width:30px}.timestamp{font-size:11px;color:#ffffffc2;margin-right:5px;margin-left:7px;font-weight:100}.slider{-ms-flex:1 1;flex:1 1;margin-left:7px}.expand{margin-left:7px;margin-right:15px}.volume{color:#fff;margin-right:10px;font-size:20px;z-index:4;margin-top:1px}.play{width:15px;margin-left:10px;margin-right:5px}.rewind{margin-left:7px;margin-right:7px}.card{max-width:1024px;background-color:#fff;-ms-flex-direction:row;flex-direction:row;width:85%;margin-top:-4px}.card,.card--left{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.card--left{-ms-flex-direction:column;flex-direction:column}.card--right{-ms-flex:1 1;flex:1 1}.card--left,.card--right{padding:20px}.card--msg{font-size:30px;font-weight:900}.card--artist{color:#6c089e;margin-top:5px}.card--meta{margin-top:14px;font-size:12px;font-weight:600;color:gray}.avatar{width:60px;height:60px;border-radius:30px}.name{margin-top:5px;font-weight:600;font-size:14px}.footer{width:85%;max-width:1024px;margin-top:50px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-bottom:50px}.footer--cta{font-size:22px;color:#fff;font-weight:500}.footer--cta-sub{margin-top:10px;color:#fff;font-size:15px;font-weight:500}.downloads{margin-top:20px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.downloads--google{margin-left:18px}svg{margin:0 auto;overflow:hidden}input[type=range]{-webkit-appearance:none;margin:4.5px 0}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{height:1px;background:#fff;border-radius:1px;border:.1px solid transparent}input[type=range]::-webkit-slider-runnable-track,input[type=range]::-webkit-slider-thumb{cursor:pointer;-webkit-box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-webkit-slider-thumb{border:1px solid transparent;height:10px;width:10px;border-radius:5px;background:#ff5d32;-webkit-appearance:none;margin-top:-4.6px}input[type=range]:focus::-webkit-slider-runnable-track{background:#fff}input[type=range]::-moz-range-track{height:1px;cursor:pointer;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;background:#fff;border-radius:1px;border:.1px solid transparent}input[type=range]::-moz-range-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid transparent;height:10px;width:10px;border-radius:5px;background:#ff5d32;cursor:pointer}input[type=range]::-ms-track{height:1px;cursor:pointer;background:transparent;border-color:transparent;color:transparent}input[type=range]::-ms-fill-lower{background:#f2f2f2}input[type=range]::-ms-fill-lower,input[type=range]::-ms-fill-upper{border:.1px solid transparent;border-radius:2px;box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d}input[type=range]::-ms-fill-upper{background:#fff}input[type=range]::-ms-thumb{box-shadow:1px 1px 1px #000,0 0 1px #0d0d0d;border:1px solid transparent;height:10px;width:10px;border-radius:5px;background:#ff5d32;cursor:pointer;height:1px}input[type=range]:focus::-ms-fill-lower,input[type=range]:focus::-ms-fill-upper{background:#fff}@media screen and (max-width:768px){.card--msg{font-size:20px}.card--artist{font-size:15px}.placeholder--copy{font-size:18px}.title{font-size:16px}.placeholder--loader{margin-top:10px}.placeholder--logo{width:100px}.body-sub,.card,.footer{width:100%}.footer,.title{padding-left:10px}.footer--cta{font-size:20px}.footer--cta-sub{font-size:13px}.name{font-size:12px}}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}#wave{stroke-dasharray:0 16 101 16;-webkit-animation:moveTheWave 2.4s linear infinite;animation:moveTheWave 2.4s linear infinite}@-webkit-keyframes moveTheWave{0%{stroke-dashoffset:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{stroke-dashoffset:-133;-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}}@keyframes moveTheWave{0%{stroke-dashoffset:0;-webkit-transform:translateZ(0);transform:translateZ(0)}to{stroke-dashoffset:-133;-webkit-transform:translate3d(-90px,0,0);transform:translate3d(-90px,0,0)}}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
/*# sourceMappingURL=main.8f0e5e4a.css.map*/