global.72df65e5.css.map

{"version":3,"sources":["global.css"],"names":[],"mappings":"AAAA,EACE,qBACF,CAEA,KACE,YAAa,CACb,YAAa,CACb,WAAY,CACZ,iBAAkB,CAClB,gBAAiB,CACjB,iBAA4B,CAC5B,iBAAkB,CAClB,mBAAoB,CAEpB,0BAA2B,CAC3B,eAAgB,CAChB,uFAAwF,CACxF,2BAA8B,CAC9B,eACF,CAEA,KACE,QAAS,CACT,WACF,CAEA,KACE,aAAc,CACd,cACF,CAEA,GACE,0DAA4C,CAC5C,4BAA+B,CAC/B,2BAA4B,CAC5B,wBAAyB,CACzB,YAAa,CACb,oBAAsB,CACtB,iBACF,CAEA,QAEE,oBAAqB,CACrB,oBACF,CACA,wCAIE,yBACF,CACA,sBAEE,sBACF,CAEA,aACE,YAAa,CACb,YACF,CAEA,OACE,iCAAkC,CAClC,iBAAkB,CAClB,WAAY,CACZ,aAAc,CACd,cAAe,CACf,kBAAqB,CACrB,yBACF,CACA,0BACE,4CACF,CACA,cACE,wCACF,CACA,YACE,eAAgB,CAChB,WAAY,CACZ,eAAgB,CAChB,cACF,CACA,mCACE,eAAgB,CAChB,kCAAmC,CACnC,UAAW,CACX,kBAAmB,CACnB,cACF,CACA,kBACE,kBAAmB,CACnB,SAAU,CACV,iBACF,CACA,wBACE,WAAY,CACZ,aAAc,CACd,UAAY,CACZ,WAAa,CACb,iBAAkB,CAClB,iBAAsB,CACtB,iCAAyD,CAAzD,iCAAyD,CAAzD,kCAAyD,CAAzD,8BAAyD,CACzD,qCAAsC,CACtC,iBAAkB,CAClB,SAAW,CACX,UACF,CACA,kBACE,GAAK,sBAAwB,CAC7B,GAAO,uBAA0B,CACnC,CAEA,SACE,WAAY,CACZ,SACF,CAEA,MACE,8BAA+B,CAC/B,WAAY,CACZ,yBAA0B,CAC1B,0BAA2B,CAC3B,aAAc,CACd,iBACF,CACA,iBACE,iCAAkC,CAClC,aACF,CACA,YACE,yCACF,CAEA,KACE,iBACF,CAEA,GACE,kBACF,CAEA,MACE,gCAAiC,CACjC,8BAA+B,CAC/B,iBAAkB,CAClB,QAAS,CACT,cAAgB,CAChB,UAAW,CACX,WAAY,CACZ,cAAe,CACf,0BAA2B,CAC3B,OACF,CACA,aACE,YAAa,CACb,cAAgB,CAChB,6BAA8B,CAC9B,eACF,CACA,0BACE,oBACF,CACA,yBACE,iBACF,CACA,kBACE,GAAK,0BAA4B,CACjC,GAAK,uBAAyB,CAC9B,IAAM,uBAAyB,CAC/B,GAAO,0BAA4B,CACrC,CAEA,mCACE,KACE,YAAa,CACb,YAAa,CACb,WAAY,CACZ,gBAAiB,CACjB,iBACF,CACA,GACE,0DACF,CACA,YACE,6CACF,CACF","file":"global.72df65e5.css","sourceRoot":"..\\src","sourcesContent":["* {\n  box-sizing: border-box;\n}\n\nhtml {\n  --bg: #efefef;\n  --fg: #1e1e1e;\n  --gray: #555;\n  --light-gray: #ccc;\n  --shadow: #e6e6e6;\n  --success: rgb(90, 206, 132);\n  --primary: #FF585D;\n  --secondary: #0072CE;\n\n  background-color: var(--bg);\n  color: var(--fg);\n  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;\n  font-size: calc(0.9em + 0.5vw);\n  line-height: 1.3;\n}\n\nbody {\n  margin: 0;\n  padding: 1em;\n}\n\nmain {\n  margin: 0 auto;\n  max-width: 25em;\n}\n\nh1 {\n  background-image: url(assets/logo-black.svg);\n  background-position: center 0em;\n  background-repeat: no-repeat;\n  background-size: auto 2em;\n  margin-top: 0;\n  padding: 1.5em 0 0.5em;\n  text-align: center;\n}\n\na,\n.link {\n  color: var(--primary);\n  text-decoration: none;\n}\na:hover,\na:focus,\n.link:hover,\n.link:focus {\n  text-decoration: underline;\n}\na:active,\n.link:active {\n  color: var(--secondary);\n}\n\nbutton, input {\n  font: inherit;\n  outline: none;\n}\n\nbutton {\n  background-color: var(--secondary);\n  border-radius: 5px;\n  border: none;\n  color: #efefef;\n  cursor: pointer;\n  padding: 0.3em 0.75em;\n  transition: transform 30ms;\n}\nbutton:hover, button:focus {\n  box-shadow: 0 0 10em rgba(255, 255, 255, 0.2) inset;\n}\nbutton:active {\n  box-shadow: 0 0 10em rgba(0, 0, 0, 0.1) inset;\n}\nbutton.link {\n  background: none;\n  border: none;\n  box-shadow: none;\n  display: inline;\n}\n[disabled] button, button[disabled] {\n  box-shadow: none;\n  background-color: var(--light-gray);\n  color: gray;\n  cursor: not-allowed;\n  transform: none;\n}\n[disabled] button {\n  text-indent: -900em;\n  width: 2em;\n  position: relative;\n}\n[disabled] button:after {\n  content: \" \";\n  display: block;\n  width: 0.8em;\n  height: 0.8em;\n  border-radius: 50%;\n  border: 2px solid #fff;\n  border-color: var(--fg) transparent var(--fg) transparent;\n  animation: loader 1.2s linear infinite;\n  position: absolute;\n  top: 0.45em;\n  right: 0.5em;\n}\n@keyframes loader {\n  0% { transform: rotate(0deg) }\n  100% { transform: rotate(360deg) }\n}\n\nfieldset {\n  border: none;\n  padding: 0em 0;\n}\n\ninput {\n  background-color: var(--shadow);\n  border: none;\n  border-radius: 5px 0 0 5px;\n  caret-color: var(--primary);\n  color: inherit;\n  padding: 0.25em 1em;\n}\ninput::selection {\n  background-color: var(--secondary);\n  color: #efefef;\n}\ninput:focus {\n  box-shadow: 0 0 10em rgba(0, 0, 0, 0.02) inset;\n}\n\ncode {\n  color: var(--gray);\n}\n\nli {\n  padding-bottom: 1em;\n}\n\naside {\n  animation: notify ease-in-out 10s;\n  background-color: var(--shadow);\n  border-radius: 5px;\n  bottom: 0;\n  font-size: 0.8em;\n  margin: 1em;\n  padding: 1em;\n  position: fixed;\n  transform: translateY(10em);\n  right: 0;\n}\naside footer {\n  display: flex;\n  font-size: 0.9em;\n  justify-content: space-between;\n  margin-top: 0.5em;\n}\naside footer *:first-child {\n  color: var(--success);\n}\naside footer *:last-child {\n  color: var(--gray);\n}\n@keyframes notify {\n  0% { transform: translateY(10em) }\n  5% { transform: translateY(0) }\n  95% { transform: translateY(0) }\n  100% { transform: translateY(10em) }\n}\n\n@media (prefers-color-scheme: dark) {\n  html {\n    --bg: #1e1e1e;\n    --fg: #efefef;\n    --gray: #aaa;\n    --shadow: #2a2a2a;\n    --light-gray: #444;\n  }\n  h1 {\n    background-image: url(assets/logo-white.svg);\n  }\n  input:focus {\n    box-shadow: 0 0 10em rgba(255, 255, 255, 0.02) inset;\n  }\n}\n"]}