@import url(https://fonts.googleapis.com/css2?family=Pacifico&family=Caveat:wght@700&display=swap);#root h1{color:#fff;font-family:Pacifico,Caveat,cursive,Roboto,Helvetica,Arial,sans-serif;font-size:3em;letter-spacing:.1em;text-align:center;text-shadow:0 2px 8px #0000004d;width:100%}.test-tube-container{align-items:center;display:inline-flex;flex-direction:column;margin:32px}.test-tube{align-items:flex-end;background:#f5f5f5;border:2px solid #333;border-radius:24px 24px 16px 16px;box-shadow:0 2px 8px #00000014;display:flex;height:300px;justify-content:center;max-height:300px;overflow:visible;padding-right:40px;position:relative;width:48px}.test-tube-slider{height:8px;left:50%;max-width:300px;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%) rotate(-90deg);width:560px;z-index:2}.test-tube-slider::-webkit-slider-thumb{background:#0000!important;border:none!important;box-shadow:none!important;cursor:pointer;height:0!important;position:relative;width:0!important;z-index:3}.test-tube-slider::-webkit-slider-runnable-track{background:#fff;border-radius:4px;box-shadow:0 1px 2px #00000026;height:8px;position:relative;z-index:2}.test-tube-slider::-moz-range-thumb{background:#0000!important;border:none!important;box-shadow:none!important;cursor:pointer;height:0!important;position:relative;width:0!important;z-index:3}.test-tube-slider::-moz-range-track{background:#222;border-radius:4px;box-shadow:0 1px 2px #00000026;height:8px;position:relative;z-index:2}.test-tube-slider::-ms-thumb{background:#0000!important;border:none!important;box-shadow:none!important;cursor:pointer;height:0!important;position:relative;width:0!important;z-index:3}.test-tube-slider::-ms-fill-lower,.test-tube-slider::-ms-fill-upper{background:#222;border-radius:4px;box-shadow:0 1px 2px #00000026;height:8px;position:relative;z-index:2}.test-tube-fill{border-radius:0 0 16px 16px;bottom:0;left:0;position:absolute;transition:height .2s;width:100%;z-index:0}.test-tube-label{color:#fff;font-size:1.2em;font-weight:700;letter-spacing:2px;margin-top:12px}body{background:#0d1117;color:#fff;font-family:Roboto,Helvetica,Arial,sans-serif;margin:0}#root{align-items:center;display:flex;justify-content:center;min-height:100vh}input[type=range].caffeine-slider::-webkit-slider-thumb,input[type=range].dilution-slider::-webkit-slider-thumb,input[type=range].energy-slider::-webkit-slider-thumb,input[type=range].pain-slider::-webkit-slider-thumb{-webkit-appearance:none!important;appearance:none!important;border-radius:50%!important;cursor:pointer!important;height:32px!important;-webkit-transition:background .2s!important;transition:background .2s!important;width:32px!important}input[type=range].caffeine-slider::-webkit-slider-runnable-track,input[type=range].dilution-slider::-webkit-slider-runnable-track,input[type=range].energy-slider::-webkit-slider-runnable-track,input[type=range].pain-slider::-webkit-slider-runnable-track{border-radius:4px!important;height:8px!important}input[type=range].caffeine-slider::-moz-range-thumb,input[type=range].dilution-slider::-moz-range-thumb,input[type=range].energy-slider::-moz-range-thumb,input[type=range].pain-slider::-moz-range-thumb{background:#222!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;cursor:pointer!important;height:32px!important;-moz-transition:background .2s!important;transition:background .2s!important;width:32px!important}input[type=range].caffeine-slider::-ms-thumb,input[type=range].dilution-slider::-ms-thumb,input[type=range].energy-slider::-ms-thumb,input[type=range].pain-slider::-ms-thumb{background:#222!important;border:2px solid #fff!important;border-radius:50%!important;box-shadow:0 2px 8px #0003!important;cursor:pointer!important;height:32px!important;-ms-transition:background .2s!important;transition:background .2s!important;width:32px!important}input[type=range].caffeine-slider::-ms-fill-lower,input[type=range].caffeine-slider::-ms-fill-upper,input[type=range].dilution-slider::-ms-fill-lower,input[type=range].dilution-slider::-ms-fill-upper,input[type=range].energy-slider::-ms-fill-lower,input[type=range].energy-slider::-ms-fill-upper,input[type=range].pain-slider::-ms-fill-lower,input[type=range].pain-slider::-ms-fill-upper{background:#222!important;border-radius:4px!important}input[type=range].caffeine-slider,input[type=range].dilution-slider,input[type=range].energy-slider,input[type=range].pain-slider{outline:none!important}
/*# sourceMappingURL=main.b5f3bcf9.css.map*/