body{margin:0;padding:0;font-family:"Roboto",-apple-system,BlinkMacSystemFont,"Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input:focus,select:focus,textarea:focus{outline:none}*{box-sizing:border-box}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.App{min-height:100vh;background:#1c1e21;align-items:center;justify-content:center}.App,.App .calculator{display:flex;flex-direction:column}.App .calculator{max-width:600px;border-radius:25px;background:#3d3f44;background:linear-gradient(180deg,#3d3f44,#2b2e34);box-shadow:0 0 30px 0 #101011}.header{padding:40px 50px;border-bottom:1px solid #1a1a1a;box-shadow:0 1px 0 #484b52;display:flex;align-items:center}.header .logo{fill:#fff;width:64px}.header h1{margin:0 20px;font-size:34px}.header h1,.header h2{line-height:1;color:#fff}.header h2{font-size:14px;margin:5px 20px;font-weight:300}.media_runtime{margin:40px 50px}.media_runtime h3{margin:20px 0;color:#fff;font-size:1.5em}.media_runtime #duration{display:flex;justify-content:space-between}.media_runtime #duration div{width:30%}.media_runtime #duration div input{width:100%;font-size:30px;text-align:center;border-radius:5px;background:#484b52;box-shadow:inset 1px 2px 2px 0 rgba(0,0,0,.37);border:none;padding:10px 0;color:#fff}.media_runtime #duration div label{text-align:center;display:block;color:#fff;margin:10px 0;font-size:14px}.playback_speed{margin:40px 50px}.playback_speed h3{margin:20px 0;color:#fff;font-size:1.5em}.pb_slider{padding:0 10px}.rc-slider .rc-slider-rail{background:#484b52}.rc-slider .rc-slider-handle{height:20px;width:20px;margin-top:-8px;background-image:linear-gradient(0deg,#6a6d74,#fff);box-shadow:0 2px 2px 0 rgba(14,14,14,.5),inset 2px 2px 5px 0 hsla(0,0%,100%,.5);border:none}.rc-slider .rc-slider-dot{background:#fff;border-color:#555}.rc-slider .rc-slider-dot-active{border-color:#fc2235}.rc-slider .rc-slider-track{background-image:linear-gradient(90deg,#fc2235,#9f041b 95%)}.rc-slider .rc-slider-mark-text{margin-top:5px;color:#fff}.result{padding:10px 50px;margin-top:40px;background-image:linear-gradient(-180deg,#e50a2f,#9f043b);border-top:1px solid #f54165;border-radius:0 0 25px 25px;box-shadow:0 -1px 0 #111;position:relative}.result h3{color:#fff;font-size:1.5em;margin:30px 0 10px}.result .result-box{color:#fff;font-size:2.6em;font-weight:700;padding:0 0 30px;text-shadow:0 1px 2px #710426}.result .result-box span{font-size:70%;font-weight:300}.footer{color:#eee;text-shadow:1px 1px 1px #111;padding:20px 0}.footer a{color:#fff}.footer p{margin:5px 0;text-align:center}@media screen and (max-width:600px){.App .calculator{width:100%;border-radius:0}.App .header{padding:30px}.App .header h1{font-size:30px}.App .media_runtime{margin:30px}.App .media_runtime h3{font-size:1.25em}.App .playback_speed{margin:30px}.App .playback_speed h3{font-size:1.25em}.App .result{padding:10px 30px;border-radius:0}.App .result h3{font-size:1.25em}.App .result .result-box{font-size:1.75em}}
/*# sourceMappingURL=main.010325c0.chunk.css.map */