{"version":3,"sources":["index.css","App.css","styles.module.scss"],"names":[],"mappings":"AAAA,KACE,QAAS,CACT,mJAEY,CACZ,kCAAmC,CACnC,iCACF,CAEA,KACE,yEAEF,CCZA,KACE,iBAAkB,CAClB,gBACF,CAEA,UACE,aAAc,CACd,mBACF,CAEA,8CACE,UACE,mDAA4C,CAA5C,2CACF,CACF,CAEA,YACE,wBAAyB,CACzB,gBAAiB,CACjB,YAAa,CACb,qBAAsB,CACtB,kBAAmB,CACnB,sBAAuB,CACvB,4BAA6B,CAC7B,UACF,CAEA,UACE,aACF,CAEA,iCACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CAPA,yBACE,GACE,sBACF,CACA,GACE,uBACF,CACF,CCtCA,MACE,uBAAgB,CAChB,kBAAW,CACX,yBAAkB,CACnB,gCAIG,iBAAkB,CAClB,UAAW,CACX,eAAgB,CACjB,kBAsBD,uBAAwB,CACxB,UAAW,CACX,sBAAuB,CACvB,eAAgB,CAChB,eAAgB,CAChB,WAAY,CACZ,mBAAoB,CACpB,wBAAuC,CAAvC,qCAAuC,CACvC,WAAY,CACb,wCAGC,uBAAwB,CA9BxB,4DAA0E,CAC1E,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAA+C,CAA/C,6CAA+C,CAC/C,gBAAiB,CACjB,gBAAiB,CA0BlB,oCAhCC,4DAA0E,CAC1E,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAA+C,CAA/C,6CAA+C,CAC/C,gBAAiB,CACjB,gBAAiB,CA8BlB,6BApCC,4DAA0E,CAC1E,WAAY,CACZ,UAAW,CACX,iBAAkB,CAClB,wBAA+C,CAA/C,6CAA+C,CAC/C,gBAAiB,CACjB,gBAAiB,CAkClB,wBAGC,YAAa,CACd,oCAnCC,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,uCAAgD,CAChD,wBAAuC,CAAvC,qCAAuC,CACvC,kBAAmB,CAkCpB,0CAGC,wBAAA,CAAA,4CAA8C,CAC/C,mCAGC,UAAW,CACX,cAAe,CACf,sBAAuB,CACvB,wBAAyB,CACzB,iBAAkB,CACnB,iDAnDC,eAAgB,CAChB,WAAY,CACZ,cAAe,CACf,uCAAgD,CAChD,wBAAuC,CAAvC,qCAAuC,CACvC,kBAAmB,CAkDpB,uDAGC,wBAAA,CAAA,4CAA8C,CAC/C,6BAGC,UAAW,CACX,YAAa,CACb,cAAe,CACf,sBAAuB,CACvB,wBAAyB,CACzB,mBAAoB,CACpB,iBAAkB,CACnB,kCAEC,kBAAmB,CACnB,yBAA2B,CAC3B,mBAAoB,CACpB,2CAAoD,CACrD,wCAEC,wBAAA,CAAA,4CAA8C,CAC/C,kCAEC,kBAAmB,CACnB,yBAA2B,CAC3B,mBAAoB,CACpB,2CAAoD,CACrD,wCAEC,wBAAA,CAAA,4CAA8C","file":"main.4983c39c.chunk.css","sourcesContent":["body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n",".App {\n  text-align: center;\n  margin: 30px 20px;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n",":root {\n  --primary-color: hsl(212, 78%, 53%);\n  --input-bg: hsl(50, 5%, 90%);\n  --input-bg--focus: hsl(50, 5%, 80%);\n}\n\n.rangeInput {\n  label {\n    position: relative;\n    bottom: 6px;\n    margin-left: 7px;\n  }\n}\n\n@mixin thumb {\n  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5), 0px 0px 1px rgba(0, 0, 0, 0.3);\n  height: 24px;\n  width: 24px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #408ee7);\n  margin-top: 2.3px;\n  cursor: ew-resize;\n}\n@mixin track {\n  max-width: 400px;\n  height: 29px;\n  cursor: pointer;\n  box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.3);\n  background-color: var(--input-bg, #ddd);\n  border-radius: 15px;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none; /* Hides the slider so that custom slider can be made */\n  width: 100%; /* Specific width is required for Firefox. */\n  background: transparent; /* Otherwise white in Chrome */\n  max-width: 400px;\n  overflow: hidden;\n  width: 400px;\n  border-radius: 500px;\n  background-color: var(--input-bg, #ddd);\n  height: 29px;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  @include thumb;\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  @include thumb;\n}\n\ninput[type=\"range\"]::-ms-thumb {\n  @include thumb;\n}\n\ninput[type=\"range\"]:focus {\n  outline: none; /* Removes the blue border. You should probably do some kind of focus styling for accessibility reasons though. */\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  @include track;\n}\n\ninput[type=\"range\"]:focus::-moz-range-track {\n  background-color: var(--input-bg--focus, #ddd);\n}\n\ninput[type=\"range\"]:focus::-ms-track {\n  width: 100%;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  color: transparent;\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  @include track;\n}\n\ninput[type=\"range\"]:focus::-webkit-slider-runnable-track {\n  background-color: var(--input-bg--focus, #ddd);\n}\n\ninput[type=\"range\"]::-ms-track {\n  width: 100%;\n  height: 8.4px;\n  cursor: pointer;\n  background: transparent;\n  border-color: transparent;\n  border-width: 16px 0;\n  color: transparent;\n}\ninput[type=\"range\"]::-ms-fill-lower {\n  background: #2a6495;\n  border: 0.2px solid #010101;\n  border-radius: 2.6px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=\"range\"]:focus::-ms-fill-lower {\n  background-color: var(--input-bg--focus, #ddd);\n}\ninput[type=\"range\"]::-ms-fill-upper {\n  background: #3071a9;\n  border: 0.2px solid #010101;\n  border-radius: 2.6px;\n  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;\n}\ninput[type=\"range\"]:focus::-ms-fill-upper {\n  background-color: var(--input-bg--focus, #ddd);\n}\n"]}