*{margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}body{font-family:Arial,Helvetica,sans-serif;background-color:#333}#root{width:100%}.title{margin:20px;font-size:20px;text-align:center}.add-queue{display:flex;flex-direction:column;width:95%;margin:0 auto}.queue{width:95%;display:flex;justify-content:center;flex-direction:row;background-color:#555;padding:5px;border-radius:10px;margin:5px auto}.queue div{display:flex;justify-content:center;flex-direction:column}.queue-data{width:100%}.inc-count{text-align:center;width:3.5em}p{color:#fff}button{color:#fff;background-color:#444;border-width:0;cursor:pointer}input[type=text]{border-width:0;color:#fff;text-align:center;background-color:#444}.queue input,.queue button{margin:3px}.add-queue button{background-color:#35f}input[type=text],button{padding:5px;border-radius:5px}input[type=range]{margin:5px}.delete{background-color:#f30}.queues-message{width:95%;margin:0 auto;display:flex;justify-content:center;flex-direction:column;border-color:#555;border-style:solid;border-radius:10px;border-width:2px;padding:5px;position:relative;cursor:pointer}.add-queue *{margin-left:0;margin-right:0;margin-bottom:5px}.copy{position:absolute;top:5px;right:5px;z-index:1}@media (min-width: 600px){.title{font-size:30px}.add-queue{display:grid;grid-template-columns:5fr 1fr}.add-queue input,.add-queue button,.queue input[type=text],.queue button,.inc-count{font-size:20px}.add-queue input{margin-right:5px}.page-content{display:grid;grid-template-columns:2fr 1fr;width:90%;margin:0 auto}.add-queue,.queue{width:100%}.queue:last-child{margin-bottom:0}}@media (min-width: 1400px){.page-content{grid-template-columns:3fr 1fr;width:80%}}input[type=range].styled-slider{height:2.2em;-webkit-appearance:none}input[type=range].styled-slider.slider-progress{--range: calc(var(--max) - var(--min));--ratio: calc((var(--value) - var(--min)) / var(--range));--sx: calc(.5 * 2em + var(--ratio) * (100% - 2em))}input[type=range].styled-slider:focus{outline:none}input[type=range].styled-slider::-webkit-slider-thumb{-webkit-appearance:none;width:2em;height:2em;border-radius:1em;background:#007cf8;border:none;box-shadow:0 0 2px #000;margin-top:-.5em}input[type=range].styled-slider::-webkit-slider-runnable-track{height:1em;border:none;border-radius:.5em;background:#404040;box-shadow:none}input[type=range].styled-slider::-webkit-slider-thumb:hover{background:#0061c3}input[type=range].styled-slider:hover::-webkit-slider-runnable-track{background:#444}input[type=range].styled-slider::-webkit-slider-thumb:active{background:#2f98f9}input[type=range].styled-slider:active::-webkit-slider-runnable-track{background:#333}input[type=range].styled-slider.slider-progress::-webkit-slider-runnable-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#404040}input[type=range].styled-slider.slider-progress:hover::-webkit-slider-runnable-track{background:linear-gradient(#0061c3,#0061c3) 0/var(--sx) 100% no-repeat,#444}input[type=range].styled-slider.slider-progress:active::-webkit-slider-runnable-track{background:linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat,#333}input[type=range].styled-slider::-moz-range-thumb{width:2em;height:2em;border-radius:1em;background:#007cf8;border:none;box-shadow:0 0 2px #000}input[type=range].styled-slider::-moz-range-track{height:1em;border:none;border-radius:.5em;background:#404040;box-shadow:none}input[type=range].styled-slider::-moz-range-thumb:hover{background:#0061c3}input[type=range].styled-slider:hover::-moz-range-track{background:#444}input[type=range].styled-slider::-moz-range-thumb:active{background:#2f98f9}input[type=range].styled-slider:active::-moz-range-track{background:#333}input[type=range].styled-slider.slider-progress::-moz-range-track{background:linear-gradient(#007cf8,#007cf8) 0/var(--sx) 100% no-repeat,#404040}input[type=range].styled-slider.slider-progress:hover::-moz-range-track{background:linear-gradient(#0061c3,#0061c3) 0/var(--sx) 100% no-repeat,#444}input[type=range].styled-slider.slider-progress:active::-moz-range-track{background:linear-gradient(#2f98f9,#2f98f9) 0/var(--sx) 100% no-repeat,#333}input[type=range].styled-slider::-ms-fill-upper{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-fill-lower{background:transparent;border-color:transparent}input[type=range].styled-slider::-ms-thumb{width:2em;height:2em;border-radius:1em;background:#007cf8;border:none;box-shadow:0 0 2px #000;margin-top:0;box-sizing:border-box}input[type=range].styled-slider::-ms-track{height:1em;border-radius:.5em;background:#404040;border:none;box-shadow:none;box-sizing:border-box}input[type=range].styled-slider::-ms-thumb:hover{background:#0061c3}input[type=range].styled-slider:hover::-ms-track{background:#444}input[type=range].styled-slider::-ms-thumb:active{background:#2f98f9}input[type=range].styled-slider:active::-ms-track{background:#333}input[type=range].styled-slider.slider-progress::-ms-fill-lower{height:1em;border-radius:.5em 0 0 .5em;margin:0;background:#007cf8;border:none;border-right-width:0}input[type=range].styled-slider.slider-progress:hover::-ms-fill-lower{background:#0061c3}input[type=range].styled-slider.slider-progress:active::-ms-fill-lower{background:#2f98f9}input[type=range].styled-slider{background:#0000;touch-action:none}