global.8ea29d25.css.map

{"version":3,"sources":["global.scss"],"names":[],"mappings":"AAAA,EACE,sBAGF,KACE,SAAA,CACA,YAAA,CACA,WAAA,CACA,eAAA,CACA,cAAA,CACA,iBAAA,CACA,wBAAA,CACA,kBAAA,CAEA,0BAAA,CACA,eAAA,CACA,uFAAA,CACA,4BAAA,CACA,gBAEA,iBACE,2BAAA,CACA,gBAGF,mCArBF,KAsBI,YAAA,CACA,SAAA,CACA,wBAEA,iBACE,2BAAA,CACA,iBAKN,KACE,aAAA,CACA,aAAA,CACA,eAGF,SACE,WAAA,CACA,QAAA,CACA,UAGF,WACE,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,WACA,iBACE,kBAEF,iBACE,6BAIJ,MACE,kBAGF,kBACE,iBAAA,CACA,2BAAA,CACA,gCAAA,CACA,iBAEA,wGACE,8BAIJ,MACE,WAAA,CACA,OACA,gBACE,qBAIJ,mBACE,iBAAA,CACA,uCAAA,CACA,YAAA,CACA,SAAA,CACA,kBACA,kDACE,8BAIJ,aACE,sBAAA,CACA,aAAA,CACA,cAAA,CACA,YAAA,CACA,aAGF,OACE,iBAAA,CACA,oBACA,0BACE,SAEF,cACE,2BAAA,CACA,6BAAA,CACA,QAIJ,YAIE,sBAKF,wBAPE,aAAA,CACA,iBAAA,CAEA,qBAAA,CACA,WAGF,YAGE,yBAKF,YACE,WAAA,CACA,kBAQF,6BAJE,UAAA,CACA,gBAGF,gBACE","file":"global.8ea29d25.css","sourceRoot":"../src","sourcesContent":["* {\n  box-sizing: border-box;\n}\n\nhtml {\n  --bg: #fff;\n  --fg: #25282A;\n  --gray: #888;\n  --royal: #0072CE;\n  --blue: #6AD1E3;\n  --primary: #D1CCBD;\n  --secondary: var(--royal);\n  --tertiary: #FF585D;\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(.65em + 0.7vw);\n  line-height: 1.3;\n\n  ::selection {\n    background: var(--secondary);\n    color: var(--bg);\n  }\n\n  @media (prefers-color-scheme: dark) {\n    --bg: #25282A;\n    --fg: #fff;\n    --secondary: var(--blue);\n\n    ::selection {\n      background: var(--secondary);\n      color: var(--fg);\n    }\n  }\n}\n\nbody {\n  margin: 0 auto;\n  padding: 0 1em;\n  max-width: 40em;\n}\n\nfieldset {\n  border: none;\n  margin: 0;\n  padding: 0;\n}\n\n.highlight {\n  align-items: center;\n  display: flex;\n  margin-bottom: 0.5em;\n  width: 100%;\n  label {\n    margin-right: 0.5em;\n  }\n  input {\n    caret-color: var(--secondary);\n  }\n}\n\nlabel {\n  color: var(--gray);\n}\n\nbutton, .highlight {\n  border-radius: 5px;\n  border-color: var(--primary);\n  border: 0.1em solid var(--primary);\n  padding: 0.5em 1em;\n\n  &:hover, &:focus, &:focus-within {\n    border-color: var(--secondary);\n  }\n}\n\ninput {\n  border: none;\n  flex: 1;\n  &:read-only {\n    color: var(--primary)\n  }\n}\n\ninput[type=\"number\"] {\n  text-align: center;\n  border-bottom: 0.1em solid var(--primary);\n  margin: 0 1em;\n  width: 4em;\n  padding-left: 0.5em;\n  &:hover, &:focus {\n    border-color: var(--secondary);\n  }\n}\n\nbutton, input {\n  background: transparent;\n  color: inherit;\n  cursor: pointer;\n  font: inherit;\n  outline: none;\n}\n\nbutton {\n  position: relative;\n  transition: top 50ms;\n  &:hover, &:focus {\n    top: -1px;\n  }\n  &:active {\n    background: var(--secondary);\n    border-color: var(--secondary);\n    top: 1px;\n  }\n}\n\n.is-premium {\n  border-left: 0.25em solid var(--secondary);\n  padding: 0.35em;\n  margin-left: -0.5em;\n  background-color: cyan;\n  border: #cccccc solid 1px;\n  color: black;\n}\n\n.no-premium {\n  padding: 0.35em;\n  margin-left: -0.5em;\n  background-color: antiquewhite;\n  border: #cccccc solid 1px;\n  color: black;\n}\n\n.time-right {\n  float: right;\n  font-size: smaller;\n}\n\n.img-premium {\n  width: 20px;\n  margin-left: 5px;\n}\n\n.img-no-premium {\n  display: none;\n  width: 20px;\n  margin-left: 5px;\n}\n"]}