.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}input[type=range]{box-sizing:border-box;appearance:none;width:200px;margin:0;padding:0 2px;overflow:hidden;border:0;border-radius:1px;outline:none;background:linear-gradient(#FFF4EF, #FFF4EF) no-repeat center;background-size:100% 2px;pointer-events:none;z-index:99}input[type=range]:active,input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{height:16px;width:16px;border-radius:16px;background-color:#ff7415;position:relative;margin:5px 0;cursor:pointer;appearance:none;pointer-events:all;box-shadow:0 1px 4px .5px rgba(0,0,0,.25)}input[type=range]::-webkit-slider-thumb::before{content:" ";display:block;position:absolute;top:13px;left:100%;width:2000px;height:2px}.multi-range{height:50px}.multi-range input[type=range]{position:absolute}.multi-range input[type=range]:nth-child(1)::-webkit-slider-thumb::before{background-color:red}.multi-range input[type=range]:nth-child(2){background:none}.multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before{background-color:#fff4ef}input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;margin:0;font:inherit;color:#4b4b4b;width:1.15em;height:1.15em;border:.15em solid #d3d3d3;border-radius:.15em;transform:translateY(-0.075em);display:grid;place-content:center}.form-control+.form-control{margin-top:1em}input[type=checkbox]::before{content:"";width:.65em;height:.65em;transform:scale(0);transition:120ms transform ease-in-out;box-shadow:inset 1em 1em var(--form-control-color)}input[type=checkbox]:checked::before{transform:scale(1)}input.orange-checkbox[type=checkbox]::before{border-radius:2px;background-color:#ff7415}input.teal-checkbox[type=checkbox]::before{border-radius:2px;background-color:#09aeae}/*# sourceMappingURL=app.css.map */
