{"version":3,"sources":["styles.css"],"names":[],"mappings":"AAoWA,OACE,sBAAuB,AACvB,YAAc,CACf,AACD,WACE,aAAc,AACd,mBAAoB,AACpB,kBAAoB,CACrB,AACD,sBACE,WAAY,AACZ,kBAAmB,AACnB,cAAgB,CACjB,AAED,QACE,YAAc,CACf,AAED,MACE,mCAA+C,AAC/C,oBAAsB,CACvB,AAED,SACE,mBAAoB,AACpB,iDAAkD,AAClD,aAAc,AACd,sBAAuB,AACvB,aAAc,AACd,uBAAwB,AACxB,YAAa,AACb,WAAa,CACd,AAED,cAEE,2BAA4B,AAC5B,eAAgB,AAEhB,eAAiB,CAElB,AAED,6BARE,YAAa,AAGb,gBAAiB,AAEjB,iBAAmB,CAUpB,AAPD,eAEE,WAAY,AACZ,eAAgB,AAEhB,eAAiB,CAElB,AAED,qBACE,aAAgB,CACjB,AAED,4BACE,iBAAmB,CACpB,AAOD,4DAJE,iBAAkB,AAClB,iBAAmB,CAMpB,AAED,mCACE,gBAAkB,CACnB,AAED,gCACE,gBAAkB,AAClB,iBAAkB,AAClB,kBAAmB,AACnB,kBAAqB,CACtB,AAED,2BACE,cAAgB,CACjB,AAED,wBACE,cAAe,AACf,eAAgB,AAChB,eAAiB,CAClB,AAED,mBACE,mBAAoB,AACpB,iDAAkD,AAClD,aAAc,AACd,sBAAuB,AACvB,aAAc,AACd,uBAAwB,AACxB,YAAa,AACb,WAAa,CACd,AAED,yBACE,YAAa,AACb,WAAY,AACZ,eAAgB,AAChB,gBAAiB,AACjB,gBAAiB,AACjB,iBAAmB,CACpB,AAED,QACE,sBAAuB,AACvB,cAAgB,AAChB,YAAc,CACf,AAED,YACE,mBAAoB,AACpB,aAAc,AACd,uBAAwB,AACxB,YAAa,AACb,aAAe,CAChB,AAED,mBACE,aAAe,AACf,UAAY,CACb,AACD,OACE,mBAAoB,AACpB,wBAA0B,AAC1B,sBAAuB,AACvB,aAAc,AACd,sBAAuB,AACvB,uBAAwB,AACxB,YAAa,AACb,aAAe,CAChB,AACD,WACE,UAAY,CACb,AACD,UACE,aAAc,AACd,kBAAoB,CACrB,AACD,iBACE,OAAQ,AACR,gBAAiB,AACjB,qBAAsB,AACtB,UAAY,CACb","file":"styles.css","sourcesContent":["/* Bootstrap 4 Reset\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\nhtml {\n font-family: sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n -ms-overflow-style: scrollbar;\n -webkit-tap-highlight-color: transparent;\n font-size: 62.5%;\n}\n\n@-ms-viewport {\n width: device-width;\n}\n\narticle, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {\n display: block;\n}\n\nbody {\n margin: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n font-size: 1.4rem;\n font-weight: normal;\n line-height: 1.5;\n color: #212529;\n text-align: left;\n background-color: #fff;\n}\n\n[tabindex=\"-1\"]:focus {\n outline: none !important;\n}\n\nhr {\n box-sizing: content-box;\n height: 0;\n overflow: visible;\n}\n\nh1, h2, h3, h4, h5, h6 {\n margin-top: 0;\n margin-bottom: .5rem;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nabbr[title],\nabbr[data-original-title] {\n text-decoration: underline;\n -webkit-text-decoration: underline dotted;\n text-decoration: underline dotted;\n cursor: help;\n border-bottom: 0;\n}\n\naddress {\n margin-bottom: 1rem;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1rem;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: bold;\n}\n\ndd {\n margin-bottom: .5rem;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1rem;\n}\n\ndfn {\n font-style: italic;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall {\n font-size: 80%;\n}\n\nsub,\nsup {\n position: relative;\n font-size: 75%;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -.25em;\n}\n\nsup {\n top: -.5em;\n}\n\na {\n color: #007bff;\n text-decoration: none;\n background-color: transparent;\n -webkit-text-decoration-skip: objects;\n}\n\na:hover {\n color: #0056b3;\n text-decoration: underline;\n}\n\na:not([href]):not([tabindex]) {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {\n color: inherit;\n text-decoration: none;\n}\n\na:not([href]):not([tabindex]):focus {\n outline: 0;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: monospace, monospace;\n font-size: 1em;\n}\n\npre {\n margin-top: 0;\n margin-bottom: 1rem;\n overflow: auto;\n -ms-overflow-style: scrollbar;\n}\n\nfigure {\n margin: 0 0 1rem;\n}\n\nimg {\n vertical-align: middle;\n border-style: none;\n}\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\na,\narea,\nbutton,\n[role=\"button\"],\ninput:not([type=range]),\nlabel,\nselect,\nsummary,\ntextarea {\n -ms-touch-action: manipulation;\n touch-action: manipulation;\n}\n\ntable {\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n color: #868e96;\n text-align: left;\n caption-side: bottom;\n}\n\nth {\n text-align: inherit;\n}\n\nlabel {\n display: inline-block;\n margin-bottom: .5rem;\n}\n\nbutton {\n border-radius: 0;\n border: solid 1px #ccc;\n background-color: #ccc;\n overflow: hidden;\n}\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\ninput {\n overflow: visible;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\nbutton,\nhtml [type=\"button\"],\n[type=\"reset\"],\n[type=\"submit\"] {\n -webkit-appearance: button;\n}\n\nbutton::-moz-focus-inner,\n[type=\"button\"]::-moz-focus-inner,\n[type=\"reset\"]::-moz-focus-inner,\n[type=\"submit\"]::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n box-sizing: border-box;\n padding: 0;\n}\n\ninput[type=\"date\"],\ninput[type=\"time\"],\ninput[type=\"datetime-local\"],\ninput[type=\"month\"] {\n -webkit-appearance: listbox;\n}\n\ntextarea {\n overflow: auto;\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n display: block;\n width: 100%;\n max-width: 100%;\n padding: 0;\n margin-bottom: .5rem;\n font-size: 1.5rem;\n line-height: inherit;\n color: inherit;\n white-space: normal;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[type=\"number\"]::-webkit-inner-spin-button,\n[type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n}\n\n[type=\"search\"] {\n outline-offset: -2px;\n -webkit-appearance: none;\n}\n\n[type=\"search\"]::-webkit-search-cancel-button,\n[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-file-upload-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\nsummary {\n display: list-item;\n}\n\ntemplate {\n display: none;\n}\n\n[hidden] {\n display: none !important;\n}\n\nhtml, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl,\ndt, dd, blockquote, address, table {\n margin: 0;\n padding: 0;\n}\n\n* {\n font-weight: 100;\n} */\n\n\n/****************/\n/* Local Styles */\n/****************/\n\nheader {\n background-color: #333;\n padding: 20px;\n}\nheader nav {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\nheader h1, .fa-clock-o {\n color: #fff;\n margin: 0 0 0 10px;\n font-size: 2rem;\n}\n\nsection {\n padding: 2rem;\n}\n\n:root {\n --display-background-color: rgb(245, 245, 245);\n --display-color: #222;\n}\n\n.display {\n align-items: center;\n background-color: var(--display-background-color); \n display: flex;\n flex-direction: column;\n height: 10rem;\n justify-content: center;\n margin: auto;\n width: 16rem;\n}\n\n.display-time {\n border: none;\n color: var(--display-color);\n font-size: 24px;\n font-weight: 600;\n outline-width: 0;\n text-align: center;\n}\n\n.display-label {\n border: none;\n color: #999;\n font-size: 12px;\n font-weight: 600;\n margin: 0 2.3rem;\n text-align: center;\n}\n\n.display-input-group {\n padding: 0.2rem;\n}\n\n.display-time.display-hours { \n border-right: none;\n}\n\n.display-time.display-minutes { \n border-left: none;\n border-right: none;\n}\n\n.display-time.display-seconds { \n border-left: none;\n border-right: none;\n}\n\n.display-time.display-milliseconds { \n border-left: none;\n}\n\n.display-time.display-separator { \n background: white; \n border-left: none;\n border-right: none;\n padding-top: 0.59rem;\n}\n\n.display-time.form-control {\n font-size: 28px;\n}\n\n.display-countdown-time {\n color: #0082F7;\n font-size: 36px;\n font-weight: 600;\n}\n\n.display-countdown {\n align-items: center;\n background-color: var(--display-background-color); \n display: flex;\n flex-direction: column;\n height: 20rem;\n justify-content: center;\n margin: auto;\n width: 16rem;\n}\n\n.display-countdown-label {\n border: none;\n color: #999;\n font-size: 12px;\n font-weight: 600;\n margin: 0 1.2rem;\n text-align: center;\n}\n\n.keypad {\n background-color: #999;\n padding: 0.2rem;\n height: 10rem;\n}\n\n.keypad-row {\n align-items: center;\n display: flex;\n justify-content: center;\n margin: auto;\n width: 15.6rem;\n}\n\n.keypad-row > button {\n margin: 0.2rem;\n width: 100%;\n}\n.timer {\n align-items: center;\n border: #333 solid 0.2rem;\n background-color: #333;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin: auto;\n width: 16.5rem;\n}\n.timer > div {\n width: 100%;\n}\n.controls {\n display: flex;\n flex-direction: row;\n}\n.controls > button {\n flex: 1;\n border-radius: 0;\n display: inline-block;\n width: auto;\n}"]}