98.css/98.css.map

{"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"98.css","sourcesContent":["/*! 98.css v0.1.17 - https://github.com/jdan/98.css */\n/**\n * 98.css\n * Copyright (c) 2020 Jordan Scales <thatjdanisso.cool>\n * https://github.com/jdan/98.css/blob/main/LICENSE\n */\n\n:root {\n  /* Color */\n  --surface: #c0c0c0;\n  --button-highlight: #ffffff;\n  --button-face: #dfdfdf;\n  --button-shadow: #808080;\n  --window-frame: #0a0a0a;\n  --dialog-blue: #000080;\n  --dialog-blue-light: #1084d0;\n  --dialog-gray: #808080;\n  --dialog-gray-light: #b5b5b5;\n  --link-blue: #0000ff;\n\n  /* Spacing */\n  --element-spacing: 8px;\n  --grouped-button-spacing: 4px;\n  --grouped-element-spacing: 6px;\n  --radio-width: 12px;\n  --checkbox-width: 13px;\n  --radio-label-spacing: 6px;\n  --range-track-height: 4px;\n  --range-spacing: 10px;\n\n  /* Some detailed computations for radio buttons and checkboxes */\n  --radio-total-width-precalc: var(--radio-width) + var(--radio-label-spacing);\n  --radio-total-width: calc(var(--radio-total-width-precalc));\n  --radio-left: calc(-1 * var(--radio-total-width-precalc));\n  --radio-dot-width: 4px;\n  --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);\n  --radio-dot-left: calc(\n    -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(\n        --radio-dot-width\n      ) / 2\n  );\n\n  --checkbox-total-width-precalc: var(--checkbox-width) +\n    var(--radio-label-spacing);\n  --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\n  --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));\n  --checkmark-width: 7px;\n  --checkmark-top: 3px;\n  --checkmark-left: 3px;\n\n  /* Borders */\n  --border-width: 1px;\n  --border-raised-outer: inset -1px -1px var(--window-frame),\n    inset 1px 1px var(--button-highlight);\n  --border-raised-inner: inset -2px -2px var(--button-shadow),\n    inset 2px 2px var(--button-face);\n  --border-sunken-outer: inset -1px -1px var(--button-highlight),\n    inset 1px 1px var(--window-frame);\n  --border-sunken-inner: inset -2px -2px var(--button-face),\n    inset 2px 2px var(--button-shadow);\n\n  /* Window borders flip button-face and button-highlight */\n  --border-window-outer: inset -1px -1px var(--window-frame),\n    inset 1px 1px var(--button-face);\n  --border-window-inner: inset -2px -2px var(--button-shadow),\n    inset 2px 2px var(--button-highlight);\n\n  /* Field borders (checkbox, input, etc) flip window-frame and button-shadow */\n  --border-field: inset -1px -1px var(--button-highlight),\n    inset 1px 1px var(--button-shadow), inset -2px -2px var(--button-face),\n    inset 2px 2px var(--window-frame);\n}\n\n@font-face {\n  font-family: \"Pixelated MS Sans Serif\";\n  src: url(\"fonts/converted/ms_sans_serif.woff\") format(\"woff\");\n  src: url(\"fonts/converted/ms_sans_serif.woff2\") format(\"woff2\");\n  font-weight: normal;\n  font-style: normal;\n}\n\n@font-face {\n  font-family: \"Pixelated MS Sans Serif\";\n  src: url(\"fonts/converted/ms_sans_serif_bold.woff\") format(\"woff\");\n  src: url(\"fonts/converted/ms_sans_serif_bold.woff2\") format(\"woff2\");\n  font-weight: bold;\n  font-style: normal;\n}\n\nbody {\n  font-family: Arial;\n  font-size: 12px;\n  color: #222222;\n}\n\nbutton,\nlabel,\ninput,\ntextarea,\nselect,\noption,\nul.tree-view,\n.window,\n.title-bar {\n  font-family: \"Pixelated MS Sans Serif\", Arial;\n  -webkit-font-smoothing: none;\n  font-size: 11px;\n}\n\nh1 {\n  font-size: 5rem;\n}\n\nh2 {\n  font-size: 2.5rem;\n}\n\nh3 {\n  font-size: 2rem;\n}\n\nh4 {\n  font-size: 1.5rem;\n}\n\nu {\n  text-decoration: none;\n  border-bottom: 0.5px solid #222222;\n}\n\nbutton {\n  box-sizing: border-box;\n  border: none;\n  background: var(--surface);\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n  border-radius: 0;\n\n  min-width: 75px;\n  min-height: 23px;\n  padding: 0 12px;\n}\n\n.vertical-bar {\n  width: 4px;\n  height: 20px;\n  background: #c0c0c0;\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n}\n\nbutton:not(:disabled):active {\n  box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n  padding: 2px 11px 0 13px;\n}\n\n@media (not(hover)) {\n  button:not(:disabled):hover {\n    box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n  }\n}\n\nbutton:focus {\n  outline: 1px dotted #000000;\n  outline-offset: -4px;\n}\n\nbutton::-moz-focus-inner {\n  border: 0;\n}\n\n:disabled,\n:disabled + label {\n  color: var(--button-shadow);\n}\n\nbutton:disabled,\n:disabled + label {\n  text-shadow: 1px 1px 0 var(--button-highlight);\n}\n\n.window {\n  box-shadow: var(--border-window-outer), var(--border-window-inner);\n  background: var(--surface);\n  padding: 3px;\n}\n\n.title-bar {\n  background: linear-gradient(\n    90deg,\n    var(--dialog-blue),\n    var(--dialog-blue-light)\n  );\n  padding: 3px 2px 3px 3px;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.title-bar.inactive {\n  background: linear-gradient(\n    90deg,\n    var(--dialog-gray),\n    var(--dialog-gray-light)\n  );\n}\n\n.title-bar-text {\n  font-weight: bold;\n  color: white;\n  letter-spacing: 0;\n  margin-right: 24px;\n}\n\n.title-bar-controls {\n  display: flex;\n}\n\n.title-bar-controls button {\n  padding: 0;\n  display: block;\n  min-width: 16px;\n  min-height: 14px;\n}\n\n.title-bar-controls button:active {\n  padding: 0;\n}\n\n.title-bar-controls button:focus {\n  outline: none;\n}\n\n.title-bar-controls button[aria-label=\"Minimize\"] {\n  background-image: svg-load(\"./icon/minimize.svg\");\n  background-repeat: no-repeat;\n  background-position: bottom 3px left 4px;\n}\n\n.title-bar-controls button[aria-label=\"Maximize\"] {\n  background-image: svg-load(\"./icon/maximize.svg\");\n  background-repeat: no-repeat;\n  background-position: top 2px left 3px;\n}\n\n.title-bar-controls button[aria-label=\"Restore\"] {\n  background-image: svg-load(\"./icon/restore.svg\");\n  background-repeat: no-repeat;\n  background-position: top 2px left 3px;\n}\n\n.title-bar-controls button[aria-label=\"Help\"] {\n  background-image: svg-load(\"./icon/help.svg\");\n  background-repeat: no-repeat;\n  background-position: top 2px left 5px;\n}\n\n.title-bar-controls button[aria-label=\"Close\"] {\n  margin-left: 2px;\n  background-image: svg-load(\"./icon/close.svg\");\n  background-repeat: no-repeat;\n  background-position: top 3px left 4px;\n}\n\n.status-bar {\n  margin: 0px 1px;\n  display: flex;\n  gap: 1px;\n}\n\n.status-bar-field {\n  box-shadow: inset -1px -1px  #dfdfdf, \n    inset 1px 1px #808080;\n  flex-grow: 1;\n  padding: 2px 3px;\n  margin: 0;\n}\n\n.window-body {\n  margin: var(--element-spacing);\n}\n\nfieldset {\n  border: none;\n  box-shadow: inset -1px -1px var(--button-highlight), inset -2px 1px var(--button-shadow),\n    inset 1px -2px var(--button-shadow), inset 2px 2px var(--button-highlight);\n  padding: calc(2 * var(--border-width) + var(--element-spacing));\n  padding-block-start: var(--element-spacing);\n  margin: 0;\n}\n\nlegend {\n  background: var(--surface);\n}\n\n.field-row {\n  display: flex;\n  align-items: center;\n}\n\n[class^=\"field-row\"] + [class^=\"field-row\"] {\n  margin-top: var(--grouped-element-spacing);\n}\n\n.field-row > * + * {\n  margin-left: var(--grouped-element-spacing);\n}\n\n.field-row-stacked {\n  display: flex;\n  flex-direction: column;\n}\n\n.field-row-stacked * + * {\n  margin-top: var(--grouped-element-spacing);\n}\n\nlabel {\n  display: inline-flex;\n  align-items: center;\n}\n\ninput[type=\"radio\"],\ninput[type=\"checkbox\"] {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  margin: 0;\n  background: 0;\n  position: fixed;\n  opacity: 0;\n  border: none;\n}\n\ninput[type=\"radio\"] + label,\ninput[type=\"checkbox\"] + label {\n  line-height: 13px;\n}\n\ninput[type=\"radio\"] + label {\n  position: relative;\n  margin-left: var(--radio-total-width);\n}\n\ninput[type=\"radio\"] + label::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: calc(-1 * (var(--radio-total-width-precalc)));\n  display: inline-block;\n  width: var(--radio-width);\n  height: var(--radio-width);\n  margin-right: var(--radio-label-spacing);\n  background: svg-load(\"./icon/radio-border.svg\");\n}\n\ninput[type=\"radio\"]:active + label::before {\n  background: svg-load(\"./icon/radio-border-disabled.svg\");\n}\n\ninput[type=\"radio\"]:checked + label::after {\n  content: \"\";\n  display: block;\n  width: var(--radio-dot-width);\n  height: var(--radio-dot-width);\n  top: var(--radio-dot-top);\n  left: var(--radio-dot-left);\n  position: absolute;\n  background: svg-load(\"./icon/radio-dot.svg\");\n}\n\ninput[type=\"radio\"]:focus + label,\ninput[type=\"checkbox\"]:focus + label {\n  outline: 1px dotted #000000;\n}\n\ninput[type=\"radio\"][disabled] + label::before {\n  background: svg-load(\"./icon/radio-border-disabled.svg\");\n}\n\ninput[type=\"radio\"][disabled]:checked + label::after {\n  background: svg-load(\"./icon/radio-dot-disabled.svg\");\n}\n\ninput[type=\"checkbox\"] + label {\n  position: relative;\n  margin-left: var(--checkbox-total-width);\n}\n\ninput[type=\"checkbox\"] + label::before {\n  content: \"\";\n  position: absolute;\n  left: calc(-1 * (var(--checkbox-total-width-precalc)));\n  display: inline-block;\n  width: var(--checkbox-width);\n  height: var(--checkbox-width);\n  background: var(--button-highlight);\n  box-shadow: var(--border-field);\n  margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:active + label::before {\n  background: var(--surface);\n}\n\ninput[type=\"checkbox\"]:checked + label::after {\n  content: \"\";\n  display: block;\n  width: var(--checkmark-width);\n  height: var(--checkmark-width);\n  position: absolute;\n  top: var(--checkmark-top);\n  left: calc(\n    -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\n  );\n  background: svg-load(\"./icon/checkmark.svg\");\n}\n\ninput[type=\"checkbox\"][disabled] + label::before {\n  background: var(--surface);\n}\n\ninput[type=\"checkbox\"][disabled]:checked + label::after {\n  background: svg-load(\"./icon/checkmark-disabled.svg\");\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\nselect,\ntextarea {\n  padding: 3px 4px;\n  border: none;\n  box-shadow: var(--border-field);\n  background-color: var(--button-highlight);\n  box-sizing: border-box;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: 0;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\nselect {\n  height: 21px;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"] {\n  /* For some reason descenders are getting cut off without this */\n  line-height: 2;\n}\n\ninput[type=\"email\"]:disabled,\ninput[type=\"password\"]:disabled,\ninput[type=\"text\"]:disabled,\ntextarea:disabled {\n  background-color: var(--surface);\n}\n\nselect {\n  appearance: none;\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  position: relative;\n  padding-right: 32px;\n  background-image: svg-load(\"./icon/button-down.svg\");\n  background-position: top 2px right 2px;\n  background-repeat: no-repeat;\n  border-radius: 0;\n}\n\nselect:focus,\ninput[type=\"text\"]:focus,\ninput[type=\"password\"]:focus,\ninput[type=\"email\"]:focus,\ntextarea:focus {\n  outline: none;\n}\n\ninput[type=\"range\"] {\n  -webkit-appearance: none;\n  width: 100%;\n  background: transparent;\n}\n\ninput[type=\"range\"]:focus {\n  outline: none;\n}\n\ninput[type=\"range\"]::-webkit-slider-thumb {\n  -webkit-appearance: none;\n  height: 21px;\n  width: 11px;\n  background: svg-load(\"./icon/indicator-horizontal.svg\");\n  transform: translateY(-8px);\n}\n\ninput[type=\"range\"].has-box-indicator::-webkit-slider-thumb {\n  background: svg-load(\"./icon/indicator-rectangle-horizontal.svg\");\n  transform: translateY(-10px);\n}\n\ninput[type=\"range\"]::-moz-range-thumb {\n  height: 21px;\n  width: 11px;\n  border: 0;\n  border-radius: 0;\n  background: svg-load(\"./icon/indicator-horizontal.svg\");\n  transform: translateY(2px);\n}\n\ninput[type=\"range\"].has-box-indicator::-moz-range-thumb {\n  background: svg-load(\"./icon/indicator-rectangle-horizontal.svg\");\n  transform: translateY(0px);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track {\n  width: 100%;\n  height: 2px;\n  box-sizing: border-box;\n  background: black;\n  border-right: 1px solid grey;\n  border-bottom: 1px solid grey;\n  box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,\n    -1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;\n}\n\ninput[type=\"range\"]::-moz-range-track {\n  width: 100%;\n  height: 2px;\n  box-sizing: border-box;\n  background: black;\n  border-right: 1px solid grey;\n  border-bottom: 1px solid grey;\n  box-shadow: 1px 0 0 white, 1px 1px 0 white, 0 1px 0 white, -1px 0 0 darkgrey,\n    -1px -1px 0 darkgrey, 0 -1px 0 darkgrey, -1px 1px 0 white, 1px -1px darkgrey;\n}\n\n.is-vertical {\n  display: inline-block;\n  width: 4px;\n  height: 150px;\n  transform: translateY(50%);\n}\n\n.is-vertical > input[type=\"range\"] {\n  width: 150px;\n  height: 4px;\n  margin: 0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0\n    var(--range-spacing);\n  transform-origin: left;\n  transform: rotate(270deg) translateX(calc(-50% + var(--element-spacing)));\n}\n\n.is-vertical > input[type=\"range\"]::-webkit-slider-runnable-track {\n  border-left: 1px solid grey;\n  border-right: 0;\n  border-bottom: 1px solid grey;\n  box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,\n    1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;\n}\n\n.is-vertical > input[type=\"range\"]::-moz-range-track {\n  border-left: 1px solid grey;\n  border-right: 0;\n  border-bottom: 1px solid grey;\n  box-shadow: -1px 0 0 white, -1px 1px 0 white, 0 1px 0 white, 1px 0 0 darkgrey,\n    1px -1px 0 darkgrey, 0 -1px 0 darkgrey, 1px 1px 0 white, -1px -1px darkgrey;\n}\n\n.is-vertical > input[type=\"range\"]::-webkit-slider-thumb {\n  transform: translateY(-8px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"].has-box-indicator::-webkit-slider-thumb {\n  transform: translateY(-10px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"]::-moz-range-thumb {\n  transform: translateY(2px) scaleX(-1);\n}\n\n.is-vertical > input[type=\"range\"].has-box-indicator::-moz-range-thumb {\n  transform: translateY(0px) scaleX(-1);\n}\n\nselect:focus {\n  color: var(--button-highlight);\n  background-color: var(--dialog-blue);\n}\nselect:focus option {\n  color: #000;\n  background-color: #fff;\n}\n\nselect:active {\n  background-image: svg-load(\"./icon/button-down-active.svg\");\n}\n\na {\n  color: var(--link-blue);\n}\n\na:focus {\n  outline: 1px dotted var(--link-blue);\n}\n\nul.tree-view {\n  display: block;\n  background: var(--button-highlight);\n  box-shadow: var(--border-field);\n  padding: 6px;\n  margin: 0;\n}\n\nul.tree-view li {\n  list-style-type: none;\n}\n\nul.tree-view a {\n  text-decoration: none;\n  color: #000;\n}\n\nul.tree-view a:focus {\n  background-color: var(--dialog-blue);\n  color: var(--button-highlight);\n}\n\nul.tree-view ul,\nul.tree-view li {\n  margin-top: 3px;\n}\n\nul.tree-view ul {\n  margin-left: 16px;\n  padding-left: 16px;\n  /* Goes down too far */\n  border-left: 1px dotted #808080;\n}\n\nul.tree-view ul > li {\n  position: relative;\n}\nul.tree-view ul > li::before {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: -16px;\n  top: 6px;\n  width: 12px;\n  border-bottom: 1px dotted #808080;\n}\n\n/* Cover the bottom of the left dotted border */\nul.tree-view ul > li:last-child::after {\n  content: \"\";\n  display: block;\n  position: absolute;\n  left: -20px;\n  top: 7px;\n  bottom: 0px;\n  width: 8px;\n  background: var(--button-highlight);\n}\n\nul.tree-view details {\n  margin-top: 0;\n}\n\nul.tree-view details[open] summary {\n  margin-bottom: 0;\n}\n\nul.tree-view ul details > summary:before {\n  margin-left: -22px;\n  position: relative;\n  z-index: 1;\n}\n\nul.tree-view details > summary:before {\n  text-align: center;\n  display: block;\n  float: left;\n  content: \"+\";\n  border: 1px solid #808080;\n  width: 8px;\n  height: 9px;\n  line-height: 8px;\n  margin-right: 5px;\n  padding-left: 1px;\n  background-color: #fff;\n}\n\nul.tree-view details[open] > summary:before {\n  content: \"-\";\n}\n\npre {\n  display: block;\n  background: var(--button-highlight);\n  box-shadow: var(--border-field);\n  padding: 12px 8px;\n  margin: 0;\n}\n\ncode,\ncode * {\n  font-family: monospace;\n}\n\nsummary:focus {\n  outline: 1px dotted #000000;\n}\n\n::-webkit-scrollbar {\n  width: 16px;\n}\n::-webkit-scrollbar:horizontal {\n  height: 17px;\n}\n\n::-webkit-scrollbar-corner {\n  background: var(--button-face);\n}\n\n::-webkit-scrollbar-track {\n  background-image: svg-load(\"./icon/scrollbar-background.svg\");\n}\n\n::-webkit-scrollbar-thumb {\n  background-color: var(--button-face);\n  box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n}\n\n::-webkit-scrollbar-button:horizontal:start:decrement,\n::-webkit-scrollbar-button:horizontal:end:increment,\n::-webkit-scrollbar-button:vertical:start:decrement,\n::-webkit-scrollbar-button:vertical:end:increment {\n  display: block;\n}\n\n::-webkit-scrollbar-button:vertical:start {\n  height: 17px;\n  background-image: svg-load(\"./icon/button-up.svg\");\n}\n::-webkit-scrollbar-button:vertical:end {\n  height: 17px;\n  background-image: svg-load(\"./icon/button-down.svg\");\n}\n::-webkit-scrollbar-button:horizontal:start {\n  width: 16px;\n  background-image: svg-load(\"./icon/button-left.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end {\n  width: 16px;\n  background-image: svg-load(\"./icon/button-right.svg\");\n}\n"]}