@punkfairie/98.css 2.1.0 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/98.css +1 -1
  2. package/dist/98.css.map +1 -1
  3. package/package.json +1 -1
  4. package/style.css +945 -943
package/dist/98.css CHANGED
@@ -1,2 +1,2 @@
1
- /*! 98.css v2.1.0 - https://codewith.babesonthe.net/punkfairie/98.css */:root{--active-border:rgb(192 192 192);--active-title:rgb(10 36 106);--app-workspace:rgb(128 128 128);--background:rgb(58 110 165);--button-alternate-face:rgb(181 181 181);--button-dk-shadow:rgb(64 64 64);--button-face:rgb(192 192 192);--button-hilight:rgb(255 255 255);--button-light:rgb(192 192 192);--button-shadow:rgb(128 128 128);--button-text:rgb(0 0 0);--gradient-active-title:rgb(16 128 206);--gradient-inactive-title:rgb(128 128 128);--gray-text:rgb(128 128 128);--hilight:rgb(10 36 106);--hilight-text:rgb(255 255 255);--hot-tracking-color:rgb(0 0 128);--inactive-border:rgb(192 192 192);--inactive-title:rgb(128 128 128);--inactive-title-text:rgb(192 192 192);--info-text:rgb(0 0 0);--info-window:rgb(255 255 255);--menu:rgb(192 192 192);--menu-hilight:rgb(10 36 106);--menu-text:rgb(0 0 0);--scrollbar:rgb(192 192 192);--title-text:rgb(255 255 255);--window:rgb(255 255 255);--window-frame:rgb(0 0 0);--window-text:rgb(0 0 0);--element-spacing:8px;--grouped-button-spacing:4px;--grouped-element-spacing:6px;--radio-width:12px;--checkbox-width:13px;--radio-label-spacing:6px;--range-track-height:4px;--range-spacing:10px;--radio-total-width-precalc:var(--radio-width) + var(--radio-label-spacing);--radio-total-width:calc(var(--radio-total-width-precalc));--radio-left:calc(var(--radio-total-width-precalc)*-1);--radio-dot-width:4px;--radio-dot-top:calc(var(--radio-width) - var(--radio-dot-width));--radio-dot-left:calc(var(--radio-total-width-precalc)*-1 + var(--radio-width)/2 - var(--radio-dot-width)/2);--checkbox-total-width-precalc:var(--checkbox-width) + var(--radio-label-spacing);--checkbox-total-width:calc(var(--checkbox-total-width-precalc));--checkbox-left:calc(var(--checkbox-total-width-precalc)*-1);--checkmark-width:7px;--checkmark-left:3px;--border-width:1px;--border-raised-outer:inset -1px -1px var(--button-dk-shadow),inset 1px 1px var(--button-hilight);--border-raised-inner:inset -2px -2px var(--button-shadow),inset 2px 2px var(--button-light);--border-sunken-outer:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow);--border-sunken-inner:inset -2px -2px var(--button-light),inset 2px 2px var(--button-dk-shadow);--default-button-border-raised-outer:inset -2px -2px var(--button-dk-shadow),inset 2px 2px var(--button-hilight);--default-button-border-raised-inner:inset -3px -3px var(--button-shadow),inset 3px 3px var(--button-light);--default-button-border-sunken-outer:inset 2px 2px var(--button-dk-shadow),inset -1px -1px var(--button-dk-shadow);--default-button-border-sunken-inner:inset -2px -2px var(--button-hilight),inset -3px -3px var(--button-light),inset 3px 3px var(--button-dk-shadow);--border-window-outer:inset -1px -1px var(--button-dk-shadow),inset 1px 1px var(--button-light);--border-window-inner:inset -2px -2px var(--button-shadow),inset 2px 2px var(--button-hilight);--border-field:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow),inset -2px -2px var(--button-light),inset 2px 2px var(--button-dk-shadow);--border-status-field:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow);--border-tab:inset -1px 0 var(--button-dk-shadow),inset 1px 1px var(--button-hilight),inset -2px 0 var(--button-shadow),inset 2px 2px var(--button-light)}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(ms_sans_serif.woff) format("woff");src:url(ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(ms_sans_serif_bold.woff) format("woff");src:url(ms_sans_serif_bold.woff2) format("woff2")}body{color:var(--window-text);font-family:Arial,sans-serif;font-size:12px}.button,.title-bar,.window,button,input,label,legend,li[role=tab],option,select,table,textarea,ul.tree-view{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial,sans-serif;font-size:11px}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{border-bottom:.5px solid var(--window-text);text-decoration:none}.button,button,input[type=reset],input[type=submit]{background:var(--button-face);border:none;border-radius:0;box-shadow:var(--border-raised-outer),var(--border-raised-inner);box-sizing:border-box;color:transparent;min-height:23px;min-width:75px;padding:0 12px;text-shadow:0 0 var(--window-text)}.button.default,button.default,input[type=reset].default,input[type=submit].default{box-shadow:inset 0 0 0 1px var(--button-text),var(--default-button-border-raised-outer),var(--default-button-border-raised-inner)}.vertical-bar{background:silver;box-shadow:var(--border-raised-outer),var(--border-raised-inner);height:20px;width:4px}.button:not(:disabled):active,button:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner);text-shadow:1px 1px var(--window-text)}.button.default:not(:disabled):active,button.default:not(:disabled):active,input[type=reset].default:not(:disabled):active,input[type=submit].default:not(:disabled):active{box-shadow:var(--default-button-border-sunken-outer),var(--default-button-border-sunken-inner)}@media (not(hover)){.button:not(:disabled):hover,button:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner)}}.button:focus,button:focus,input[type=reset]:focus,input[type=submit]:focus{outline:1px dotted var(--window-frame);outline-offset:-4px}.button::-moz-focus-inner,button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}:disabled,:disabled+label,input[readonly],input[readonly]+label{color:var(--button-shadow)}.button:disabled,:disabled+label,button:disabled,input[type=reset]:disabled,input[type=submit]:disabled{text-shadow:1px 1px 0 var(--button-hilight)}.window{background:var(--button-face);box-shadow:var(--border-window-outer),var(--border-window-inner);padding:3px}.title-bar{align-items:center;background:linear-gradient(90deg,var(--active-title),var(--gradient-active-title));display:flex;justify-content:space-between;padding:3px 2px 3px 3px}.title-bar.inactive{background:linear-gradient(90deg,var(--inactive-title),var(--gradient-inactive-title))}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex}.title-bar-controls button{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls button:active{padding:0}.title-bar-controls button:focus{outline:none}.title-bar-controls button.minimize,.title-bar-controls button[aria-label=Minimize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls button.maximize,.title-bar-controls button[aria-label=Maximize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.maximize:disabled,.title-bar-controls button[aria-label=Maximize]:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1H1v9h9V1zM9 3H2v6h7V3z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='gray'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.restore,.title-bar-controls button[aria-label=Restore]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.help,.title-bar-controls button[aria-label=Help]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");background-position:top 2px left 5px;background-repeat:no-repeat}.title-bar-controls button.close,.title-bar-controls button[aria-label=Close]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;display:flex;margin:0 1px}.status-bar-field{box-shadow:var(--border-status-field);flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:var(--element-spacing)}fieldset{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E");margin:0;padding:calc(var(--border-width)*2 + var(--element-spacing));padding-block-start:var(--element-spacing)}legend{background:var(--button-face)}.field-row{align-items:center;display:flex}[class^=field-row]+[class^=field-row]{margin-top:var(--grouped-element-spacing)}.field-row>*+*{margin-left:var(--grouped-element-spacing)}.field-row-stacked{display:flex;flex-direction:column}.field-row-stacked *+*{margin-top:var(--grouped-element-spacing)}label{align-items:center;display:inline-flex;user-select:none}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0;border:none;margin:0;opacity:0;position:fixed}input[type=checkbox]+label,input[type=radio]+label{line-height:13px}input[type=radio]+label{margin-left:var(--radio-total-width);position:relative}input[type=radio]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:var(--radio-width);left:calc(var(--radio-total-width-precalc)*-1);margin-right:var(--radio-label-spacing);position:absolute;top:0;width:var(--radio-width)}input[type=radio]:active+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:var(--radio-dot-width);left:var(--radio-dot-left);position:absolute;top:var(--radio-dot-top);width:var(--radio-dot-width)}input[type=checkbox]:focus+label,input[type=radio]:focus+label{outline:1px dotted var(--window-frame)}input[type=radio][disabled]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E")}input[type=checkbox]+label{margin-left:var(--checkbox-total-width);position:relative}input[type=checkbox]+label:before{background:var(--window);box-shadow:var(--border-field);content:"";display:inline-block;height:var(--checkbox-width);left:calc(var(--checkbox-total-width-precalc)*-1);margin-right:var(--radio-label-spacing);position:absolute;width:var(--checkbox-width)}input[type=checkbox]:active+label:before{background:var(--button-face)}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:var(--checkmark-width);left:calc(var(--checkbox-total-width-precalc)*-1 + var(--checkmark-left));position:absolute;width:var(--checkmark-width)}input[type=checkbox][disabled]+label:before{background:var(--button-face)}input[type=checkbox][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E")}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--window);border:none;border-radius:0;box-shadow:var(--border-field);box-sizing:border-box;padding:3px 4px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:21px}input[type=number]{height:22px}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{line-height:2}input[type=email]:disabled,input[type=email]:read-only,input[type=number]:disabled,input[type=number]:read-only,input[type=password]:disabled,input[type=password]:read-only,input[type=search]:disabled,input[type=search]:read-only,input[type=tel]:disabled,input[type=tel]:read-only,input[type=text]:disabled,input[type=text]:read-only,input[type=url]:disabled,input[type=url]:read-only,textarea:disabled{background-color:var(--button-face)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat;border-radius:0;padding-right:32px;position:relative}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:none;box-shadow:none;height:21px;transform:translateY(-8px);width:11px}input[type=range].has-box-indicator::-webkit-slider-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(-10px)}input[type=range]::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:0;border-radius:0;height:21px;transform:translateY(2px);width:11px}input[type=range].has-box-indicator::-moz-range-thumb{background:url(../images/icon/indicator-rectangle-horizontal.svg);transform:translateY(0)}input[type=range]::-moz-range-track,input[type=range]::-webkit-slider-runnable-track{background:var(--button-dk-shadow);border-bottom:1px solid var(--button-light);border-right:1px solid var(--button-light);box-shadow:1px 0 0 var(--button-hilight),1px 1px 0 var(--button-hilight),0 1px 0 var(--button-hilight),-1px 0 0 var(--button-shadow),-1px -1px 0 var(--button-shadow),0 -1px 0 var(--button-shadow),-1px 1px 0 var(--button-hilight),1px -1px var(--button-hilight);box-sizing:border-box;height:2px;width:100%}.is-vertical{display:inline-block;height:150px;transform:translateY(50%);width:4px}.is-vertical>input[type=range]{height:4px;margin:0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0 var(--range-spacing);transform:rotate(270deg) translateX(calc(-50% + var(--element-spacing)));transform-origin:left;width:150px}.is-vertical>input[type=range]::-webkit-slider-runnable-track{border-bottom:1px solid var(--button-light);border-left:1px solid var(--button-light);border-right:0;box-shadow:-1px 0 0 var(--button-hilight),-1px 1px 0 var(--button-hilight),0 1px 0 var(--button-hilight),1px 0 0 var(--button-shadow),1px -1px 0 var(--button-shadow),0 -1px 0 var(--button-shadow),1px 1px 0 var(--button-hilight),-1px -1px var(--button-hilight)}.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-10px) scaleX(-1)}.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}select:focus{background-color:var(--hilight);color:var(--hilight-text)}select:focus option{background-color:var(--window);color:var(--menu-text)}select:active{background-image:url(../images/icon/button-down-active.svg)}a{color:var(--hot-tracking-color)}a:focus{outline:1px dotted var(--window-frame)}ul.tree-view{background:var(--window);box-shadow:var(--border-field);display:block;margin:0;padding:6px}ul.tree-view li{list-style-type:none}ul.tree-view a{color:var(--window-text);text-decoration:none}ul.tree-view a:focus{background-color:var(--hilight);color:var(--hilight-text)}ul.tree-view li,ul.tree-view ul{margin-top:3px}ul.tree-view ul{border-left:1px dotted var(--button-shadow);margin-left:16px;padding-left:16px}ul.tree-view ul>li{position:relative}ul.tree-view ul>li:before{border-bottom:1px dotted var(--button-shadow);content:"";display:block;left:-16px;position:absolute;top:6px;width:12px}ul.tree-view ul>li:last-child:after{background:var(--window);bottom:0;content:"";display:block;left:-20px;position:absolute;top:7px;width:8px}ul.tree-view details{margin-top:0}ul.tree-view details[open] summary{margin-bottom:0}ul.tree-view ul details>summary:before{margin-left:-22px;position:relative;z-index:1}ul.tree-view details>summary:before{background-color:var(--window);border:1px solid var(--button-shadow);content:"+";display:block;float:left;height:9px;line-height:8px;margin-right:5px;padding-left:1px;text-align:center;width:8px}ul.tree-view details[open]>summary:before{content:"-"}ul.tree-view details>summary::-webkit-details-marker,ul.tree-view details>summary::marker{content:""}pre{background:var(--window);box-shadow:var(--border-field);display:block;margin:0;padding:12px 8px}code,code *{font-family:monospace}summary:focus{outline:1px dotted var(--window-frame)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:var(--button-face)}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:var(--button-face);box-shadow:var(--border-raised-outer),var(--border-raised-inner)}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}.window[role=tabpanel]{position:relative;z-index:2}menu[role=tablist]{display:flex;list-style-type:none;margin:0 0 -2px;padding-left:3px;position:relative;text-indent:0}menu[role=tablist]>li{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:var(--border-tab);z-index:1}menu[role=tablist]>li[aria-selected=true]{background-color:var(--button-face);margin-left:-3px;margin-top:-2px;padding-bottom:2px;position:relative;z-index:8}menu[role=tablist]>li>a{color:var(--window-text);display:block;margin:6px;text-decoration:none}menu[role=tablist]>li[aria-selected=true]>a:focus{outline:none}menu[role=tablist]>li>a:focus{outline:1px dotted var(--window-frame)}menu[role=tablist].multirows>li{flex-grow:1;text-align:center}.sunken-panel{border:2px groove transparent;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;box-sizing:border-box;overflow:auto}.sunken-panel,table{background-color:var(--window)}table{border-collapse:collapse;position:relative;text-align:left;white-space:nowrap}table>thead>tr>*{background:var(--button-face);box-shadow:var(--border-raised-outer),var(--border-raised-inner);box-sizing:border-box;font-weight:400;height:17px;padding:0 var(--grouped-element-spacing);position:sticky;top:0}table.interactive>tbody>tr{cursor:pointer}table>tbody>tr.highlighted{background-color:var(--hilight);color:var(--hilight-text)}table>tbody>tr>*{height:14px;padding:0 var(--grouped-element-spacing)}.progress-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:var(--border-sunken-inner);box-sizing:border-box;height:32px;padding:4px;position:relative}.progress-indicator>.progress-indicator-bar{background-color:var(--hilight);display:block;height:100%}.progress-indicator.segmented>.progress-indicator-bar{background-color:transparent;background-image:linear-gradient(90deg,var(--hilight) 0 16px,transparent 0 2px);background-repeat:repeat;background-size:18px 100%;width:100%}.field-border{background:var(--window)}.field-border,.field-border-disabled{box-shadow:var(--border-field);padding:2px}.field-border-disabled,.status-field-border{background:var(--button-face)}.status-field-border{box-shadow:var(--border-status-field);padding:1px}
1
+ /*! 98.css v3.0.0 - https://codewith.babesonthe.net/punkfairie/98.css */@layer window{:root{--active-border:rgb(192 192 192);--active-title:rgb(10 36 106);--app-workspace:rgb(128 128 128);--background:rgb(58 110 165);--button-alternate-face:rgb(181 181 181);--button-dk-shadow:rgb(64 64 64);--button-face:rgb(192 192 192);--button-hilight:rgb(255 255 255);--button-light:rgb(192 192 192);--button-shadow:rgb(128 128 128);--button-text:rgb(0 0 0);--gradient-active-title:rgb(16 128 206);--gradient-inactive-title:rgb(128 128 128);--gray-text:rgb(128 128 128);--hilight:rgb(10 36 106);--hilight-text:rgb(255 255 255);--hot-tracking-color:rgb(0 0 128);--inactive-border:rgb(192 192 192);--inactive-title:rgb(128 128 128);--inactive-title-text:rgb(192 192 192);--info-text:rgb(0 0 0);--info-window:rgb(255 255 255);--menu:rgb(192 192 192);--menu-hilight:rgb(10 36 106);--menu-text:rgb(0 0 0);--scrollbar:rgb(192 192 192);--title-text:rgb(255 255 255);--window:rgb(255 255 255);--window-frame:rgb(0 0 0);--window-text:rgb(0 0 0);--element-spacing:8px;--grouped-button-spacing:4px;--grouped-element-spacing:6px;--radio-width:12px;--checkbox-width:13px;--radio-label-spacing:6px;--range-track-height:4px;--range-spacing:10px;--radio-total-width-precalc:var(--radio-width) + var(--radio-label-spacing);--radio-total-width:calc(var(--radio-total-width-precalc));--radio-left:calc(var(--radio-total-width-precalc)*-1);--radio-dot-width:4px;--radio-dot-top:calc(var(--radio-width) - var(--radio-dot-width));--radio-dot-left:calc(var(--radio-total-width-precalc)*-1 + var(--radio-width)/2 - var(--radio-dot-width)/2);--checkbox-total-width-precalc:var(--checkbox-width) + var(--radio-label-spacing);--checkbox-total-width:calc(var(--checkbox-total-width-precalc));--checkbox-left:calc(var(--checkbox-total-width-precalc)*-1);--checkmark-width:7px;--checkmark-left:3px;--border-width:1px;--border-raised-outer:inset -1px -1px var(--button-dk-shadow),inset 1px 1px var(--button-hilight);--border-raised-inner:inset -2px -2px var(--button-shadow),inset 2px 2px var(--button-light);--border-sunken-outer:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow);--border-sunken-inner:inset -2px -2px var(--button-light),inset 2px 2px var(--button-dk-shadow);--default-button-border-raised-outer:inset -2px -2px var(--button-dk-shadow),inset 2px 2px var(--button-hilight);--default-button-border-raised-inner:inset -3px -3px var(--button-shadow),inset 3px 3px var(--button-light);--default-button-border-sunken-outer:inset 2px 2px var(--button-dk-shadow),inset -1px -1px var(--button-dk-shadow);--default-button-border-sunken-inner:inset -2px -2px var(--button-hilight),inset -3px -3px var(--button-light),inset 3px 3px var(--button-dk-shadow);--border-window-outer:inset -1px -1px var(--button-dk-shadow),inset 1px 1px var(--button-light);--border-window-inner:inset -2px -2px var(--button-shadow),inset 2px 2px var(--button-hilight);--border-field:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow),inset -2px -2px var(--button-light),inset 2px 2px var(--button-dk-shadow);--border-status-field:inset -1px -1px var(--button-hilight),inset 1px 1px var(--button-shadow);--border-tab:inset -1px 0 var(--button-dk-shadow),inset 1px 1px var(--button-hilight),inset -2px 0 var(--button-shadow),inset 2px 2px var(--button-light)}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:400;src:url(ms_sans_serif.woff) format("woff");src:url(ms_sans_serif.woff2) format("woff2")}@font-face{font-family:"Pixelated MS Sans Serif";font-style:normal;font-weight:700;src:url(ms_sans_serif_bold.woff) format("woff");src:url(ms_sans_serif_bold.woff2) format("woff2")}body{color:var(--window-text);font-family:Arial,sans-serif;font-size:12px}.button,.title-bar,.window,button,input,label,legend,li[role=tab],option,select,table,textarea,ul.tree-view{-webkit-font-smoothing:none;font-family:"Pixelated MS Sans Serif",Arial,sans-serif;font-size:11px}h1{font-size:5rem}h2{font-size:2.5rem}h3{font-size:2rem}h4{font-size:1.5rem}u{border-bottom:.5px solid var(--window-text);text-decoration:none}.button,button,input[type=reset],input[type=submit]{background:var(--button-face);border:none;border-radius:0;box-shadow:var(--border-raised-outer),var(--border-raised-inner);box-sizing:border-box;color:transparent;min-height:23px;min-width:75px;padding:0 12px;text-shadow:0 0 var(--window-text)}.button.default,button.default,input[type=reset].default,input[type=submit].default{box-shadow:inset 0 0 0 1px var(--button-text),var(--default-button-border-raised-outer),var(--default-button-border-raised-inner)}.vertical-bar{background:silver;box-shadow:var(--border-raised-outer),var(--border-raised-inner);height:20px;width:4px}.button:not(:disabled):active,button:not(:disabled):active,input[type=reset]:not(:disabled):active,input[type=submit]:not(:disabled):active{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner);text-shadow:1px 1px var(--window-text)}.button.default:not(:disabled):active,button.default:not(:disabled):active,input[type=reset].default:not(:disabled):active,input[type=submit].default:not(:disabled):active{box-shadow:var(--default-button-border-sunken-outer),var(--default-button-border-sunken-inner)}@media (not(hover)){.button:not(:disabled):hover,button:not(:disabled):hover,input[type=reset]:not(:disabled):hover,input[type=submit]:not(:disabled):hover{box-shadow:var(--border-sunken-outer),var(--border-sunken-inner)}}.button:focus,button:focus,input[type=reset]:focus,input[type=submit]:focus{outline:1px dotted var(--window-frame);outline-offset:-4px}.button::-moz-focus-inner,button::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0}:disabled,:disabled+label,input[readonly],input[readonly]+label{color:var(--button-shadow)}.button:disabled,:disabled+label,button:disabled,input[type=reset]:disabled,input[type=submit]:disabled{text-shadow:1px 1px 0 var(--button-hilight)}.window{background:var(--button-face);box-shadow:var(--border-window-outer),var(--border-window-inner);padding:3px}.title-bar{align-items:center;background:linear-gradient(90deg,var(--active-title),var(--gradient-active-title));display:flex;justify-content:space-between;padding:3px 2px 3px 3px}.title-bar.inactive{background:linear-gradient(90deg,var(--inactive-title),var(--gradient-inactive-title))}.title-bar-text{color:#fff;font-weight:700;letter-spacing:0;margin-right:24px}.title-bar-controls{display:flex}.title-bar-controls button{display:block;min-height:14px;min-width:16px;padding:0}.title-bar-controls button:active{padding:0}.title-bar-controls button:focus{outline:none}.title-bar-controls button.minimize,.title-bar-controls button[aria-label=Minimize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 0h6v2H0z'/%3E%3C/svg%3E");background-position:bottom 3px left 4px;background-repeat:no-repeat}.title-bar-controls button.maximize,.title-bar-controls button[aria-label=Maximize]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.maximize:disabled,.title-bar-controls button[aria-label=Maximize]:disabled{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 1H1v9h9V1zM9 3H2v6h7V3z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 0H0v9h9V0zM8 2H1v6h7V2z' fill='gray'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.restore,.title-bar-controls button[aria-label=Restore]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M2 0h6v2H2zM7 2h1v4H7zM2 2h1v1H2zM6 5h1v1H6zM0 3h6v2H0zM5 5h1v4H5zM0 5h1v4H0zM1 8h4v1H1z'/%3E%3C/svg%3E");background-position:top 2px left 3px;background-repeat:no-repeat}.title-bar-controls button.help,.title-bar-controls button[aria-label=Help]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M0 1h2v2H0zM1 0h4v1H1zM4 1h2v2H4zM3 3h2v1H3zM2 4h2v2H2zM2 7h2v2H2z'/%3E%3C/svg%3E");background-position:top 2px left 5px;background-repeat:no-repeat}.title-bar-controls button.close,.title-bar-controls button[aria-label=Close]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='8' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h2v1h1v1h2V1h1V0h2v1H7v1H6v1H5v1h1v1h1v1h1v1H6V6H5V5H3v1H2v1H0V6h1V5h1V4h1V3H2V2H1V1H0V0z' fill='%23000'/%3E%3C/svg%3E");background-position:top 3px left 4px;background-repeat:no-repeat;margin-left:2px}.status-bar{gap:1px;display:flex;margin:0 1px}.status-bar-field{box-shadow:var(--border-status-field);flex-grow:1;margin:0;padding:2px 3px}.window-body{margin:var(--element-spacing)}fieldset{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' fill='gray' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h5v5H0V2h2v1h1V2H0' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0h4v4H0V1h1v2h2V1H0'/%3E%3C/svg%3E");margin:0;padding:calc(var(--border-width)*2 + var(--element-spacing));padding-block-start:var(--element-spacing)}legend{background:var(--button-face)}.field-row{align-items:center;display:flex}[class^=field-row]+[class^=field-row]{margin-top:var(--grouped-element-spacing)}.field-row>*+*{margin-left:var(--grouped-element-spacing)}.field-row-stacked{display:flex;flex-direction:column}.field-row-stacked *+*{margin-top:var(--grouped-element-spacing)}label{align-items:center;display:inline-flex;user-select:none}input[type=checkbox],input[type=radio]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:0;border:none;margin:0;opacity:0;position:fixed}input[type=checkbox]+label,input[type=radio]+label{line-height:13px}input[type=radio]+label{margin-left:var(--radio-total-width);position:relative}input[type=radio]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='%23fff'/%3E%3C/svg%3E");content:"";display:inline-block;height:var(--radio-width);left:calc(var(--radio-total-width-precalc)*-1);margin-right:var(--radio-label-spacing);position:absolute;top:0;width:var(--radio-width)}input[type=radio]:active+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:var(--radio-dot-width);left:var(--radio-dot-left);position:absolute;top:var(--radio-dot-top);width:var(--radio-dot-width)}input[type=checkbox]:focus+label,input[type=radio]:focus+label{outline:1px dotted var(--window-frame)}input[type=radio][disabled]+label:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 0H4v1H2v1H1v2H0v4h1v2h1V8H1V4h1V2h2V1h4v1h2V1H8V0z' fill='gray'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 1H4v1H2v2H1v4h1v1h1V8H2V4h1V3h1V2h4v1h2V2H8V1z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 3h1v1H9V3zm1 5V4h1v4h-1zm-2 2V9h1V8h1v2H8zm-4 0v1h4v-1H4zm0 0V9H2v1h2z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 2h-1v2h1v4h-1v2H8v1H4v-1H2v1h2v1h4v-1h2v-1h1V8h1V4h-1V2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2h4v1h1v1h1v4H9v1H8v1H4V9H3V8H2V4h1V3h1V2z' fill='silver'/%3E%3C/svg%3E")}input[type=radio][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='4' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 0H1v1H0v2h1v1h2V3h1V1H3V0z' fill='gray'/%3E%3C/svg%3E")}input[type=checkbox]+label{margin-left:var(--checkbox-total-width);position:relative}input[type=checkbox]+label:before{background:var(--window);box-shadow:var(--border-field);content:"";display:inline-block;height:var(--checkbox-width);left:calc(var(--checkbox-total-width-precalc)*-1);margin-right:var(--radio-label-spacing);position:absolute;width:var(--checkbox-width)}input[type=checkbox]:active+label:before{background:var(--button-face)}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:var(--checkmark-width);left:calc(var(--checkbox-total-width-precalc)*-1 + var(--checkmark-left));position:absolute;width:var(--checkmark-width)}input[type=checkbox][disabled]+label:before{background:var(--button-face)}input[type=checkbox][disabled]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 0H6v1H5v1H4v1H3v1H2V3H1V2H0v3h1v1h1v1h1V6h1V5h1V4h1V3h1V0z' fill='gray'/%3E%3C/svg%3E")}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--window);border:none;border-radius:0;box-shadow:var(--border-field);box-sizing:border-box;padding:3px 4px}input[type=email],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select{height:21px}input[type=number]{height:22px}input[type=search]::-ms-clear,input[type=search]::-ms-reveal{display:none;height:0;width:0}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url]{line-height:2}input[type=email]:disabled,input[type=email]:read-only,input[type=number]:disabled,input[type=number]:read-only,input[type=password]:disabled,input[type=password]:read-only,input[type=search]:disabled,input[type=search]:read-only,input[type=tel]:disabled,input[type=tel]:read-only,input[type=text]:disabled,input[type=text]:read-only,input[type=url]:disabled,input[type=url]:read-only,textarea:disabled{background-color:var(--button-face)}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");background-position:top 2px right 2px;background-repeat:no-repeat;border-radius:0;padding-right:32px;position:relative}input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,select:focus,textarea:focus{outline:none}input[type=range]{-webkit-appearance:none;background:transparent;width:100%}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:none;box-shadow:none;height:21px;transform:translateY(-8px);width:11px}input[type=range].has-box-indicator::-webkit-slider-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v20h1V1h9V0z' fill='%23fff'/%3E%3Cpath fill='%23C0C7C8' d='M1 1h8v18H1z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v19H1v-1h8z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v21H0v-1h10z' fill='%23000'/%3E%3C/svg%3E");transform:translateY(-10px)}input[type=range]::-moz-range-thumb{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0v16h2v2h2v2h1v-1H3v-2H1V1h9V0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 1v15h1v1h1v1h1v1h2v-1h1v-1h1v-1h1V1z' fill='%23C0C7C8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1h1v15H8v2H6v2H5v-1h2v-2h2z' fill='%2387888F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0h1v16H9v2H7v2H5v1h1v-2h2v-2h2z' fill='%23000'/%3E%3C/svg%3E");border:0;border-radius:0;height:21px;transform:translateY(2px);width:11px}input[type=range].has-box-indicator::-moz-range-thumb{background:url(../images/icon/indicator-rectangle-horizontal.svg);transform:translateY(0)}input[type=range]::-moz-range-track,input[type=range]::-webkit-slider-runnable-track{background:var(--button-dk-shadow);border-bottom:1px solid var(--button-light);border-right:1px solid var(--button-light);box-shadow:1px 0 0 var(--button-hilight),1px 1px 0 var(--button-hilight),0 1px 0 var(--button-hilight),-1px 0 0 var(--button-shadow),-1px -1px 0 var(--button-shadow),0 -1px 0 var(--button-shadow),-1px 1px 0 var(--button-hilight),1px -1px var(--button-hilight);box-sizing:border-box;height:2px;width:100%}.is-vertical{display:inline-block;height:150px;transform:translateY(50%);width:4px}.is-vertical>input[type=range]{height:4px;margin:0 calc(var(--grouped-element-spacing) + var(--range-spacing)) 0 var(--range-spacing);transform:rotate(270deg) translateX(calc(-50% + var(--element-spacing)));transform-origin:left;width:150px}.is-vertical>input[type=range]::-webkit-slider-runnable-track{border-bottom:1px solid var(--button-light);border-left:1px solid var(--button-light);border-right:0;box-shadow:-1px 0 0 var(--button-hilight),-1px 1px 0 var(--button-hilight),0 1px 0 var(--button-hilight),1px 0 0 var(--button-shadow),1px -1px 0 var(--button-shadow),0 -1px 0 var(--button-shadow),1px 1px 0 var(--button-hilight),-1px -1px var(--button-hilight)}.is-vertical>input[type=range]::-webkit-slider-thumb{transform:translateY(-8px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-webkit-slider-thumb{transform:translateY(-10px) scaleX(-1)}.is-vertical>input[type=range]::-moz-range-thumb{transform:translateY(2px) scaleX(-1)}.is-vertical>input[type=range].has-box-indicator::-moz-range-thumb{transform:translateY(0) scaleX(-1)}select:focus{background-color:var(--hilight);color:var(--hilight-text)}select:focus option{background-color:var(--window);color:var(--menu-text)}select:active{background-image:url(../images/icon/button-down-active.svg)}a{color:var(--hot-tracking-color)}a:focus{outline:1px dotted var(--window-frame)}ul.tree-view{background:var(--window);box-shadow:var(--border-field);display:block;margin:0;padding:6px}ul.tree-view li{list-style-type:none}ul.tree-view a{color:var(--window-text);text-decoration:none}ul.tree-view a:focus{background-color:var(--hilight);color:var(--hilight-text)}ul.tree-view li,ul.tree-view ul{margin-top:3px}ul.tree-view ul{border-left:1px dotted var(--button-shadow);margin-left:16px;padding-left:16px}ul.tree-view ul>li{position:relative}ul.tree-view ul>li:before{border-bottom:1px dotted var(--button-shadow);content:"";display:block;left:-16px;position:absolute;top:6px;width:12px}ul.tree-view ul>li:last-child:after{background:var(--window);bottom:0;content:"";display:block;left:-20px;position:absolute;top:7px;width:8px}ul.tree-view details{margin-top:0}ul.tree-view details[open] summary{margin-bottom:0}ul.tree-view ul details>summary:before{margin-left:-22px;position:relative;z-index:1}ul.tree-view details>summary:before{background-color:var(--window);border:1px solid var(--button-shadow);content:"+";display:block;float:left;height:9px;line-height:8px;margin-right:5px;padding-left:1px;text-align:center;width:8px}ul.tree-view details[open]>summary:before{content:"-"}ul.tree-view details>summary::-webkit-details-marker,ul.tree-view details>summary::marker{content:""}pre{background:var(--window);box-shadow:var(--border-field);display:block;margin:0;padding:12px 8px}code,code *{font-family:monospace}summary:focus{outline:1px dotted var(--window-frame)}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:var(--button-face)}::-webkit-scrollbar-track{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='2' height='2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0H0v1h1v1h1V1H1V0z' fill='silver'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 0H1v1H0v1h1V1h1V0z' fill='%23fff'/%3E%3C/svg%3E")}::-webkit-scrollbar-thumb{background-color:var(--button-face);box-shadow:var(--border-raised-outer),var(--border-raised-inner)}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 6H7v1H6v1H5v1H4v1h7V9h-1V8H9V7H8V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 6H4v1h1v1h1v1h1v1h1V9h1V8h1V7h1V6z' fill='%23000'/%3E%3C/svg%3E");height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 4H8v1H7v1H6v1H5v1h1v1h1v1h1v1h1V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v16h1V1h14V0z' fill='%23DFDFDF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 1H1v14h1V2h12V1H2z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 17H0v-1h15V0h1v17z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 1h-1v14H1v1h14V1z' fill='gray'/%3E%3Cpath fill='silver' d='M2 2h12v13H2z'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 4H6v7h1v-1h1V9h1V8h1V7H9V6H8V5H7V4z' fill='%23000'/%3E%3C/svg%3E");width:16px}.window[role=tabpanel]{position:relative;z-index:2}menu[role=tablist]{display:flex;list-style-type:none;margin:0 0 -2px;padding-left:3px;position:relative;text-indent:0}menu[role=tablist]>li{border-top-left-radius:3px;border-top-right-radius:3px;box-shadow:var(--border-tab);z-index:1}menu[role=tablist]>li[aria-selected=true]{background-color:var(--button-face);margin-left:-3px;margin-top:-2px;padding-bottom:2px;position:relative;z-index:8}menu[role=tablist]>li>a{color:var(--window-text);display:block;margin:6px;text-decoration:none}menu[role=tablist]>li[aria-selected=true]>a:focus{outline:none}menu[role=tablist]>li>a:focus{outline:1px dotted var(--window-frame)}menu[role=tablist].multirows>li{flex-grow:1;text-align:center}.sunken-panel{border:2px groove transparent;border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='5' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='gray' d='M0 0h4v1H0z'/%3E%3Cpath fill='gray' d='M0 0h1v4H0z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h2v1H1z'/%3E%3Cpath fill='%230a0a0a' d='M1 1h1v2H1z'/%3E%3Cpath fill='%23fff' d='M0 4h5v1H0z'/%3E%3Cpath fill='%23fff' d='M4 0h1v5H4z'/%3E%3Cpath fill='%23dfdfdf' d='M3 1h1v3H3z'/%3E%3Cpath fill='%23dfdfdf' d='M1 3h3v1H1z'/%3E%3C/svg%3E") 2;box-sizing:border-box;overflow:auto}.sunken-panel,table{background-color:var(--window)}table{border-collapse:collapse;position:relative;text-align:left;white-space:nowrap}table>thead>tr>*{background:var(--button-face);box-shadow:var(--border-raised-outer),var(--border-raised-inner);box-sizing:border-box;font-weight:400;height:17px;padding:0 var(--grouped-element-spacing);position:sticky;top:0}table.interactive>tbody>tr{cursor:pointer}table>tbody>tr.highlighted{background-color:var(--hilight);color:var(--hilight-text)}table>tbody>tr>*{height:14px;padding:0 var(--grouped-element-spacing)}.progress-indicator{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;box-shadow:var(--border-sunken-inner);box-sizing:border-box;height:32px;padding:4px;position:relative}.progress-indicator>.progress-indicator-bar{background-color:var(--hilight);display:block;height:100%}.progress-indicator.segmented>.progress-indicator-bar{background-color:transparent;background-image:linear-gradient(90deg,var(--hilight) 0 16px,transparent 0 2px);background-repeat:repeat;background-size:18px 100%;width:100%}.field-border{background:var(--window)}.field-border,.field-border-disabled{box-shadow:var(--border-field);padding:2px}.field-border-disabled,.status-field-border{background:var(--button-face)}.status-field-border{box-shadow:var(--border-status-field);padding:1px}}
2
2
  /*# sourceMappingURL=98.css.map */
package/dist/98.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"98.css","sourcesContent":["/*! 98.css v2.1.0 - https://codewith.babesonthe.net/punkfairie/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 --active-border: rgb(192 192 192);\n --active-title: rgb(10 36 106);\n --app-workspace: rgb(128 128 128);\n --background: rgb(58 110 165);\n --button-alternate-face: rgb(181 181 181);\n --button-dk-shadow: rgb(64 64 64);\n --button-face: rgb(192 192 192);\n --button-hilight: rgb(255 255 255);\n --button-light: rgb(192 192 192);\n --button-shadow: rgb(128 128 128);\n --button-text: rgb(0 0 0);\n --gradient-active-title: rgb(16 128 206);\n --gradient-inactive-title: rgb(128 128 128);\n --gray-text: rgb(128 128 128);\n --hilight: rgb(10 36 106);\n --hilight-text: rgb(255 255 255);\n --hot-tracking-color: rgb(0 0 128);\n --inactive-border: rgb(192 192 192);\n --inactive-title: rgb(128 128 128);\n --inactive-title-text: rgb(192 192 192);\n --info-text: rgb(0 0 0);\n --info-window: rgb(255 255 255);\n --menu: rgb(192 192 192);\n --menu-hilight: rgb(10 36 106);\n --menu-text: rgb(0 0 0);\n --scrollbar: rgb(192 192 192);\n --title-text: rgb(255 255 255);\n --window: rgb(255 255 255);\n --window-frame: rgb(0 0 0);\n --window-text: rgb(0 0 0);\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(--radio-dot-width) / 2\n );\n\n --checkbox-total-width-precalc: var(--checkbox-width) + 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-left: 3px;\n\n /* Borders */\n --border-width: 1px;\n\n --border-raised-outer: inset -1px -1px var(--button-dk-shadow),\n inset 1px 1px var(--button-hilight);\n --border-raised-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-light);\n\n --border-sunken-outer: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow);\n --border-sunken-inner: inset -2px -2px var(--button-light),\n inset 2px 2px var(--button-dk-shadow);\n\n --default-button-border-raised-outer: inset -2px -2px var(--button-dk-shadow),\n inset 2px 2px var(--button-hilight);\n --default-button-border-raised-inner: inset -3px -3px var(--button-shadow),\n inset 3px 3px var(--button-light);\n\n --default-button-border-sunken-outer: inset 2px 2px var(--button-dk-shadow),\n inset -1px -1px var(--button-dk-shadow);\n --default-button-border-sunken-inner: inset -2px -2px var(--button-hilight),\n inset -3px -3px var(--button-light),\n inset 3px 3px var(--button-dk-shadow);\n\n\n /* Window borders flip button-light and button-hilight */\n --border-window-outer: inset -1px -1px var(--button-dk-shadow),\n inset 1px 1px var(--button-light);\n --border-window-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-hilight);\n\n /* Field borders (checkbox, input, etc) flip button-dk-shadow and button-shadow of sunken */\n --border-field: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow),\n inset -2px -2px var(--button-light),\n inset 2px 2px var(--button-dk-shadow);\n --border-status-field: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow);\n\n /* Tabs */\n --border-tab: inset -1px 0 var(--button-dk-shadow),\n inset 1px 1px var(--button-hilight),\n inset -2px 0 var(--button-shadow),\n inset 2px 2px var(--button-light);\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, sans-serif;\n font-size: 12px;\n color: var(--window-text);\n}\n\nbutton,\n.button,\nlabel,\ninput,\nlegend,\ntextarea,\nselect,\noption,\ntable,\nul.tree-view,\n.window,\n.title-bar,\nli[role=tab] {\n font-family: \"Pixelated MS Sans Serif\", Arial, sans-serif;\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 /*noinspection CssNonIntegerLengthInPixels*/\n border-bottom: 0.5px solid var(--window-text);\n}\n\nbutton,\n.button,\ninput[type=\"submit\"],\ninput[type=\"reset\"] {\n box-sizing: border-box;\n border: none;\n color: transparent;\n text-shadow: 0 0 var(--window-text);\n background: var(--button-face);\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\nbutton.default,\n.button.default,\ninput[type=\"submit\"].default,\ninput[type=\"reset\"].default {\n box-shadow: inset 0 0 0 1px var(--button-text), var(--default-button-border-raised-outer), var(--default-button-border-raised-inner);\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.button:not(:disabled):active,\ninput[type=\"submit\"]:not(:disabled):active,\ninput[type=\"reset\"]:not(:disabled):active {\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n text-shadow: 1px 1px var(--window-text);\n}\n\nbutton.default:not(:disabled):active,\n.button.default:not(:disabled):active,\ninput[type=\"submit\"].default:not(:disabled):active,\ninput[type=\"reset\"].default:not(:disabled):active {\n box-shadow: var(--default-button-border-sunken-outer), var(--default-button-border-sunken-inner);\n}\n\n/* @formatter:off */\n@media (not(hover)) {\n button:not(:disabled):hover,\n .button:not(:disabled):hover,\n input[type=\"submit\"]:not(:disabled):hover,\n input[type=\"reset\"]:not(:disabled):hover {\n /*noinspection CssUnknownProperty*/\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n }\n}\n/* @formatter:on */\n\nbutton:focus,\n.button:focus,\ninput[type=\"submit\"]:focus,\ninput[type=\"reset\"]:focus {\n outline: 1px dotted var(--window-frame);\n outline-offset: -4px;\n}\n\nbutton::-moz-focus-inner,\n.button::-moz-focus-inner,\ninput[type=\"submit\"]::-moz-focus-inner,\ninput[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n}\n\n:disabled,\n:disabled + label,\ninput[readonly],\ninput[readonly] + label {\n color: var(--button-shadow);\n}\n\nbutton:disabled,\n.button:disabled,\ninput[type=\"submit\"]:disabled,\ninput[type=\"reset\"]:disabled,\n:disabled + label {\n text-shadow: 1px 1px 0 var(--button-hilight);\n}\n\n.window {\n box-shadow: var(--border-window-outer), var(--border-window-inner);\n background: var(--button-face);\n padding: 3px;\n}\n\n.title-bar {\n background: linear-gradient(\n 90deg,\n var(--active-title),\n var(--gradient-active-title)\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(--inactive-title),\n var(--gradient-inactive-title)\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.title-bar-controls button.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.title-bar-controls button.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=\"Maximize\"]:disabled,\n.title-bar-controls button.maximize:disabled {\n background-image: svg-load(\"./icon/maximize-disabled.svg\");\n background-repeat: no-repeat;\n background-position: top 2px left 3px;\n}\n\n.title-bar-controls button[aria-label=\"Restore\"],\n.title-bar-controls button.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.title-bar-controls button.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.title-bar-controls button.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: 0 1px;\n display: flex;\n gap: 1px;\n}\n\n.status-bar-field {\n box-shadow: var(--border-status-field);\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 /*noinspection CssInvalidFunction*/\n border-image: svg-load(\"./icon/groupbox-border.svg\");\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(--button-face);\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 user-select: none;\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 var(--window-frame);\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(--window);\n box-shadow: var(--border-field);\n margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:active + label::before {\n background: var(--button-face);\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 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(--button-face);\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\"],\ninput[type=\"url\"],\ninput[type=\"tel\"],\ninput[type=\"number\"],\ninput[type=\"search\"],\nselect,\ntextarea {\n padding: 3px 4px;\n border: none;\n box-shadow: var(--border-field);\n background-color: var(--window);\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\"],\ninput[type=\"url\"],\ninput[type=\"tel\"],\ninput[type=\"search\"],\nselect {\n height: 21px;\n}\n\ninput[type=\"number\"] {\n /* need this 1 pixel to fit the spinner controls in box */\n height: 22px;\n}\n\n/* clears the ‘X’ from Internet Explorer */\ninput[type=search]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n}\n\ninput[type=search]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n}\n\n/* clears the ‘X’ from Chrome */\ninput[type=\"search\"]::-webkit-search-decoration,\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-results-button,\ninput[type=\"search\"]::-webkit-search-results-decoration {\n display: none;\n}\n\ninput[type=\"text\"],\ninput[type=\"password\"],\ninput[type=\"email\"],\ninput[type=\"url\"],\ninput[type=\"tel\"],\ninput[type=\"number\"],\ninput[type=\"search\"] {\n /* For some reason descenders are getting cut off without this */\n line-height: 2;\n}\n\ninput[type=\"email\"]:disabled,\ninput[type=\"url\"]:disabled,\ninput[type=\"tel\"]:disabled,\ninput[type=\"password\"]:disabled,\ninput[type=\"text\"]:disabled,\ninput[type=\"number\"]:disabled,\ninput[type=\"search\"]:disabled,\ninput[type=\"email\"]:read-only,\ninput[type=\"url\"]:read-only,\ninput[type=\"tel\"]:read-only,\ninput[type=\"password\"]:read-only,\ninput[type=\"text\"]:read-only,\ninput[type=\"number\"]:read-only,\ninput[type=\"search\"]:read-only,\ntextarea:disabled {\n background-color: var(--button-face);\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,\ninput[type=\"url\"]:focus,\ninput[type=\"tel\"]:focus,\ninput[type=\"number\"]:focus,\ninput[type=\"search\"]: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 box-shadow: none;\n border: none;\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: url(\"../images/./icon/indicator-rectangle-horizontal.svg\");\n transform: translateY(0px);\n}\n\ninput[type=\"range\"]::-webkit-slider-runnable-track,\ninput[type=\"range\"]::-moz-range-track {\n width: 100%;\n height: 2px;\n box-sizing: border-box;\n background: var(--button-dk-shadow);\n border-right: 1px solid var(--button-light);\n border-bottom: 1px solid var(--button-light);\n box-shadow: 1px 0 0 var(--button-hilight),\n 1px 1px 0 var(--button-hilight),\n 0 1px 0 var(--button-hilight),\n -1px 0 0 var(--button-shadow),\n -1px -1px 0 var(--button-shadow),\n 0 -1px 0 var(--button-shadow),\n -1px 1px 0 var(--button-hilight),\n 1px -1px var(--button-hilight);\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 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.is-vertical > input[type=\"range\"]::-webkit-slider-runnable-track {\n border-left: 1px solid var(--button-light);\n border-right: 0;\n border-bottom: 1px solid var(--button-light);\n box-shadow: -1px 0 0 var(--button-hilight),\n -1px 1px 0 var(--button-hilight),\n 0 1px 0 var(--button-hilight),\n 1px 0 0 var(--button-shadow),\n 1px -1px 0 var(--button-shadow),\n 0 -1px 0 var(--button-shadow),\n 1px 1px 0 var(--button-hilight),\n -1px -1px var(--button-hilight);\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(--hilight-text);\n background-color: var(--hilight);\n}\n\nselect:focus option {\n color: var(--menu-text);\n background-color: var(--window);\n}\n\nselect:active {\n background-image: url(\"../images/./icon/button-down-active.svg\");\n}\n\na {\n color: var(--hot-tracking-color);\n}\n\na:focus {\n outline: 1px dotted var(--window-frame);\n}\n\nul.tree-view {\n display: block;\n background: var(--window);\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: var(--window-text);\n}\n\nul.tree-view a:focus {\n background-color: var(--hilight);\n color: var(--hilight-text);\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 var(--button-shadow);\n}\n\nul.tree-view ul > li {\n position: relative;\n}\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 var(--button-shadow);\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: 0;\n width: 8px;\n background: var(--window);\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 var(--button-shadow);\n width: 8px;\n height: 9px;\n line-height: 8px;\n margin-right: 5px;\n padding-left: 1px;\n background-color: var(--window);\n}\n\nul.tree-view details[open] > summary:before {\n content: \"-\";\n}\n\nul.tree-view details > summary::marker,\nul.tree-view details > summary::-webkit-details-marker {\n content: \"\";\n}\n\npre {\n display: block;\n background: var(--window);\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 var(--window-frame);\n}\n\n::-webkit-scrollbar {\n width: 16px;\n}\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\n::-webkit-scrollbar-button:vertical:end {\n height: 17px;\n background-image: svg-load(\"./icon/button-down.svg\");\n}\n\n::-webkit-scrollbar-button:horizontal:start {\n width: 16px;\n background-image: svg-load(\"./icon/button-left.svg\");\n}\n\n::-webkit-scrollbar-button:horizontal:end {\n width: 16px;\n background-image: svg-load(\"./icon/button-right.svg\");\n}\n\n.window[role=tabpanel] {\n position: relative;\n z-index: 2;\n}\n\nmenu[role=tablist] {\n position: relative;\n margin: 0 0 -2px 0;\n text-indent: 0;\n list-style-type: none;\n display: flex;\n padding-left: 3px;\n}\n\nmenu[role=tablist] > li {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n box-shadow: var(--border-tab);\n z-index: 1;\n}\n\nmenu[role=tablist] > li[aria-selected=true] {\n padding-bottom: 2px;\n margin-top: -2px;\n background-color: var(--button-face);\n position: relative;\n z-index: 8;\n margin-left: -3px;\n}\n\nmenu[role=tablist] > li > a {\n display: block;\n color: var(--window-text);\n margin: 6px;\n text-decoration: none;\n}\n\nmenu[role=tablist] > li[aria-selected=true] > a:focus {\n outline: none;\n}\n\nmenu[role=tablist] > li > a:focus {\n outline: 1px dotted var(--window-frame);\n}\n\nmenu[role=tablist].multirows > li {\n flex-grow: 1;\n text-align: center;\n}\n\n.sunken-panel {\n box-sizing: border-box;\n border: 2px groove transparent;\n border-image: svg-load(\"./icon/sunken-panel-border.svg\") 2;\n overflow: auto;\n background-color: var(--window);\n}\n\ntable {\n border-collapse: collapse;\n position: relative;\n text-align: left;\n white-space: nowrap;\n background-color: var(--window);\n}\n\ntable > thead > tr > * {\n position: sticky;\n top: 0;\n height: 17px;\n box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n background: var(--button-face);\n box-sizing: border-box;\n font-weight: normal;\n padding: 0 var(--grouped-element-spacing);\n}\n\ntable.interactive > tbody > tr {\n cursor: pointer;\n}\n\ntable > tbody > tr.highlighted {\n color: var(--hilight-text);\n background-color: var(--hilight);\n}\n\ntable > tbody > tr > * {\n padding: 0 var(--grouped-element-spacing);\n height: 14px;\n}\n\n.progress-indicator {\n height: 32px;\n position: relative;\n box-shadow: var(--border-sunken-inner);\n padding: 4px 4px;\n border: none;\n box-sizing: border-box;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0;\n}\n\n\n.progress-indicator > .progress-indicator-bar {\n height: 100%;\n display: block;\n background-color: var(--hilight);\n}\n\n.progress-indicator.segmented > .progress-indicator-bar {\n width: 100%;\n background-color: transparent; /* resets the background color which is set to blue in the non-segmented selector */\n background-image: linear-gradient(\n 90deg,\n var(--hilight) 0 16px,\n transparent 0 2px\n );\n background-repeat: repeat;\n background-size: 18px 100%;\n}\n\n.field-border {\n background: var(--window);\n box-shadow: var(--border-field);\n padding: 2px;\n}\n\n.field-border-disabled {\n background: var(--button-face);\n box-shadow: var(--border-field);\n padding: 2px;\n}\n\n.status-field-border {\n background: var(--button-face);\n box-shadow: var(--border-status-field);\n padding: 1px;\n}\n"]}
1
+ {"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"98.css","sourcesContent":["/*! 98.css v3.0.0 - https://codewith.babesonthe.net/punkfairie/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@layer window {\n :root {\n /* Color */\n --active-border: rgb(192 192 192);\n --active-title: rgb(10 36 106);\n --app-workspace: rgb(128 128 128);\n --background: rgb(58 110 165);\n --button-alternate-face: rgb(181 181 181);\n --button-dk-shadow: rgb(64 64 64);\n --button-face: rgb(192 192 192);\n --button-hilight: rgb(255 255 255);\n --button-light: rgb(192 192 192);\n --button-shadow: rgb(128 128 128);\n --button-text: rgb(0 0 0);\n --gradient-active-title: rgb(16 128 206);\n --gradient-inactive-title: rgb(128 128 128);\n --gray-text: rgb(128 128 128);\n --hilight: rgb(10 36 106);\n --hilight-text: rgb(255 255 255);\n --hot-tracking-color: rgb(0 0 128);\n --inactive-border: rgb(192 192 192);\n --inactive-title: rgb(128 128 128);\n --inactive-title-text: rgb(192 192 192);\n --info-text: rgb(0 0 0);\n --info-window: rgb(255 255 255);\n --menu: rgb(192 192 192);\n --menu-hilight: rgb(10 36 106);\n --menu-text: rgb(0 0 0);\n --scrollbar: rgb(192 192 192);\n --title-text: rgb(255 255 255);\n --window: rgb(255 255 255);\n --window-frame: rgb(0 0 0);\n --window-text: rgb(0 0 0);\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(--radio-dot-width) / 2\n );\n\n --checkbox-total-width-precalc: var(--checkbox-width) + 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-left: 3px;\n\n /* Borders */\n --border-width: 1px;\n\n --border-raised-outer: inset -1px -1px var(--button-dk-shadow),\n inset 1px 1px var(--button-hilight);\n --border-raised-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-light);\n\n --border-sunken-outer: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow);\n --border-sunken-inner: inset -2px -2px var(--button-light),\n inset 2px 2px var(--button-dk-shadow);\n\n --default-button-border-raised-outer: inset -2px -2px var(--button-dk-shadow),\n inset 2px 2px var(--button-hilight);\n --default-button-border-raised-inner: inset -3px -3px var(--button-shadow),\n inset 3px 3px var(--button-light);\n\n --default-button-border-sunken-outer: inset 2px 2px var(--button-dk-shadow),\n inset -1px -1px var(--button-dk-shadow);\n --default-button-border-sunken-inner: inset -2px -2px var(--button-hilight),\n inset -3px -3px var(--button-light),\n inset 3px 3px var(--button-dk-shadow);\n\n\n /* Window borders flip button-light and button-hilight */\n --border-window-outer: inset -1px -1px var(--button-dk-shadow),\n inset 1px 1px var(--button-light);\n --border-window-inner: inset -2px -2px var(--button-shadow),\n inset 2px 2px var(--button-hilight);\n\n /* Field borders (checkbox, input, etc) flip button-dk-shadow and button-shadow of sunken */\n --border-field: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow),\n inset -2px -2px var(--button-light),\n inset 2px 2px var(--button-dk-shadow);\n --border-status-field: inset -1px -1px var(--button-hilight),\n inset 1px 1px var(--button-shadow);\n\n /* Tabs */\n --border-tab: inset -1px 0 var(--button-dk-shadow),\n inset 1px 1px var(--button-hilight),\n inset -2px 0 var(--button-shadow),\n inset 2px 2px var(--button-light);\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\n body {\n font-family: Arial, sans-serif;\n font-size: 12px;\n color: var(--window-text);\n }\n\n button,\n .button,\n label,\n input,\n legend,\n textarea,\n select,\n option,\n table,\n ul.tree-view,\n .window,\n .title-bar,\n li[role=tab] {\n font-family: \"Pixelated MS Sans Serif\", Arial, sans-serif;\n -webkit-font-smoothing: none;\n font-size: 11px;\n }\n\n h1 {\n font-size: 5rem;\n }\n\n h2 {\n font-size: 2.5rem;\n }\n\n h3 {\n font-size: 2rem;\n }\n\n h4 {\n font-size: 1.5rem;\n }\n\n u {\n text-decoration: none;\n /*noinspection CssNonIntegerLengthInPixels*/\n border-bottom: 0.5px solid var(--window-text);\n }\n\n button,\n .button,\n input[type=\"submit\"],\n input[type=\"reset\"] {\n box-sizing: border-box;\n border: none;\n color: transparent;\n text-shadow: 0 0 var(--window-text);\n background: var(--button-face);\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 button.default,\n .button.default,\n input[type=\"submit\"].default,\n input[type=\"reset\"].default {\n box-shadow: inset 0 0 0 1px var(--button-text), var(--default-button-border-raised-outer), var(--default-button-border-raised-inner);\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\n button:not(:disabled):active,\n .button:not(:disabled):active,\n input[type=\"submit\"]:not(:disabled):active,\n input[type=\"reset\"]:not(:disabled):active {\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n text-shadow: 1px 1px var(--window-text);\n }\n\n button.default:not(:disabled):active,\n .button.default:not(:disabled):active,\n input[type=\"submit\"].default:not(:disabled):active,\n input[type=\"reset\"].default:not(:disabled):active {\n box-shadow: var(--default-button-border-sunken-outer), var(--default-button-border-sunken-inner);\n }\n\n /* @formatter:off */\n @media (not(hover)) {\n button:not(:disabled):hover,\n .button:not(:disabled):hover,\n input[type=\"submit\"]:not(:disabled):hover,\n input[type=\"reset\"]:not(:disabled):hover {\n /*noinspection CssUnknownProperty*/\n box-shadow: var(--border-sunken-outer), var(--border-sunken-inner);\n }\n }\n /* @formatter:on */\n\n button:focus,\n .button:focus,\n input[type=\"submit\"]:focus,\n input[type=\"reset\"]:focus {\n outline: 1px dotted var(--window-frame);\n outline-offset: -4px;\n }\n\n button::-moz-focus-inner,\n .button::-moz-focus-inner,\n input[type=\"submit\"]::-moz-focus-inner,\n input[type=\"reset\"]::-moz-focus-inner {\n border: 0;\n }\n\n :disabled,\n :disabled + label,\n input[readonly],\n input[readonly] + label {\n color: var(--button-shadow);\n }\n\n button:disabled,\n .button:disabled,\n input[type=\"submit\"]:disabled,\n input[type=\"reset\"]:disabled,\n :disabled + label {\n text-shadow: 1px 1px 0 var(--button-hilight);\n }\n\n .window {\n box-shadow: var(--border-window-outer), var(--border-window-inner);\n background: var(--button-face);\n padding: 3px;\n }\n\n .title-bar {\n background: linear-gradient(\n 90deg,\n var(--active-title),\n var(--gradient-active-title)\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(--inactive-title),\n var(--gradient-inactive-title)\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 .title-bar-controls button.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 .title-bar-controls button.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=\"Maximize\"]:disabled,\n .title-bar-controls button.maximize:disabled {\n background-image: svg-load(\"./icon/maximize-disabled.svg\");\n background-repeat: no-repeat;\n background-position: top 2px left 3px;\n }\n\n .title-bar-controls button[aria-label=\"Restore\"],\n .title-bar-controls button.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 .title-bar-controls button.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 .title-bar-controls button.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: 0 1px;\n display: flex;\n gap: 1px;\n }\n\n .status-bar-field {\n box-shadow: var(--border-status-field);\n flex-grow: 1;\n padding: 2px 3px;\n margin: 0;\n }\n\n .window-body {\n margin: var(--element-spacing);\n }\n\n fieldset {\n /*noinspection CssInvalidFunction*/\n border-image: svg-load(\"./icon/groupbox-border.svg\");\n padding: calc(2 * var(--border-width) + var(--element-spacing));\n padding-block-start: var(--element-spacing);\n margin: 0;\n }\n\n legend {\n background: var(--button-face);\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\n label {\n display: inline-flex;\n align-items: center;\n user-select: none;\n }\n\n input[type=\"radio\"],\n input[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\n input[type=\"radio\"] + label,\n input[type=\"checkbox\"] + label {\n line-height: 13px;\n }\n\n input[type=\"radio\"] + label {\n position: relative;\n margin-left: var(--radio-total-width);\n }\n\n input[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\n input[type=\"radio\"]:active + label::before {\n background: svg-load(\"./icon/radio-border-disabled.svg\");\n }\n\n input[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\n input[type=\"radio\"]:focus + label,\n input[type=\"checkbox\"]:focus + label {\n outline: 1px dotted var(--window-frame);\n }\n\n input[type=\"radio\"][disabled] + label::before {\n background: svg-load(\"./icon/radio-border-disabled.svg\");\n }\n\n input[type=\"radio\"][disabled]:checked + label::after {\n background: svg-load(\"./icon/radio-dot-disabled.svg\");\n }\n\n input[type=\"checkbox\"] + label {\n position: relative;\n margin-left: var(--checkbox-total-width);\n }\n\n input[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(--window);\n box-shadow: var(--border-field);\n margin-right: var(--radio-label-spacing);\n }\n\n input[type=\"checkbox\"]:active + label::before {\n background: var(--button-face);\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n content: \"\";\n display: block;\n width: var(--checkmark-width);\n height: var(--checkmark-width);\n position: absolute;\n left: calc(\n -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\n );\n background: svg-load(\"./icon/checkmark.svg\");\n }\n\n input[type=\"checkbox\"][disabled] + label::before {\n background: var(--button-face);\n }\n\n input[type=\"checkbox\"][disabled]:checked + label::after {\n background: svg-load(\"./icon/checkmark-disabled.svg\");\n }\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"tel\"],\n input[type=\"number\"],\n input[type=\"search\"],\n select,\n textarea {\n padding: 3px 4px;\n border: none;\n box-shadow: var(--border-field);\n background-color: var(--window);\n box-sizing: border-box;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0;\n }\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"tel\"],\n input[type=\"search\"],\n select {\n height: 21px;\n }\n\n input[type=\"number\"] {\n /* need this 1 pixel to fit the spinner controls in box */\n height: 22px;\n }\n\n /* clears the ‘X’ from Internet Explorer */\n input[type=search]::-ms-clear {\n display: none;\n width: 0;\n height: 0;\n }\n\n input[type=search]::-ms-reveal {\n display: none;\n width: 0;\n height: 0;\n }\n\n /* clears the ‘X’ from Chrome */\n input[type=\"search\"]::-webkit-search-decoration,\n input[type=\"search\"]::-webkit-search-cancel-button,\n input[type=\"search\"]::-webkit-search-results-button,\n input[type=\"search\"]::-webkit-search-results-decoration {\n display: none;\n }\n\n input[type=\"text\"],\n input[type=\"password\"],\n input[type=\"email\"],\n input[type=\"url\"],\n input[type=\"tel\"],\n input[type=\"number\"],\n input[type=\"search\"] {\n /* For some reason descenders are getting cut off without this */\n line-height: 2;\n }\n\n input[type=\"email\"]:disabled,\n input[type=\"url\"]:disabled,\n input[type=\"tel\"]:disabled,\n input[type=\"password\"]:disabled,\n input[type=\"text\"]:disabled,\n input[type=\"number\"]:disabled,\n input[type=\"search\"]:disabled,\n input[type=\"email\"]:read-only,\n input[type=\"url\"]:read-only,\n input[type=\"tel\"]:read-only,\n input[type=\"password\"]:read-only,\n input[type=\"text\"]:read-only,\n input[type=\"number\"]:read-only,\n input[type=\"search\"]:read-only,\n textarea:disabled {\n background-color: var(--button-face);\n }\n\n select {\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\n select:focus,\n input[type=\"text\"]:focus,\n input[type=\"password\"]:focus,\n input[type=\"email\"]:focus,\n input[type=\"url\"]:focus,\n input[type=\"tel\"]:focus,\n input[type=\"number\"]:focus,\n input[type=\"search\"]:focus,\n textarea:focus {\n outline: none;\n }\n\n input[type=\"range\"] {\n -webkit-appearance: none;\n width: 100%;\n background: transparent;\n }\n\n input[type=\"range\"]:focus {\n outline: none;\n }\n\n input[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 box-shadow: none;\n border: none;\n }\n\n input[type=\"range\"].has-box-indicator::-webkit-slider-thumb {\n background: svg-load(\"./icon/indicator-rectangle-horizontal.svg\");\n transform: translateY(-10px);\n }\n\n input[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\n input[type=\"range\"].has-box-indicator::-moz-range-thumb {\n background: url(\"../images/./icon/indicator-rectangle-horizontal.svg\");\n transform: translateY(0px);\n }\n\n input[type=\"range\"]::-webkit-slider-runnable-track,\n input[type=\"range\"]::-moz-range-track {\n width: 100%;\n height: 2px;\n box-sizing: border-box;\n background: var(--button-dk-shadow);\n border-right: 1px solid var(--button-light);\n border-bottom: 1px solid var(--button-light);\n box-shadow: 1px 0 0 var(--button-hilight),\n 1px 1px 0 var(--button-hilight),\n 0 1px 0 var(--button-hilight),\n -1px 0 0 var(--button-shadow),\n -1px -1px 0 var(--button-shadow),\n 0 -1px 0 var(--button-shadow),\n -1px 1px 0 var(--button-hilight),\n 1px -1px var(--button-hilight);\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 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 .is-vertical > input[type=\"range\"]::-webkit-slider-runnable-track {\n border-left: 1px solid var(--button-light);\n border-right: 0;\n border-bottom: 1px solid var(--button-light);\n box-shadow: -1px 0 0 var(--button-hilight),\n -1px 1px 0 var(--button-hilight),\n 0 1px 0 var(--button-hilight),\n 1px 0 0 var(--button-shadow),\n 1px -1px 0 var(--button-shadow),\n 0 -1px 0 var(--button-shadow),\n 1px 1px 0 var(--button-hilight),\n -1px -1px var(--button-hilight);\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\n select:focus {\n color: var(--hilight-text);\n background-color: var(--hilight);\n }\n\n select:focus option {\n color: var(--menu-text);\n background-color: var(--window);\n }\n\n select:active {\n background-image: url(\"../images/./icon/button-down-active.svg\");\n }\n\n a {\n color: var(--hot-tracking-color);\n }\n\n a:focus {\n outline: 1px dotted var(--window-frame);\n }\n\n ul.tree-view {\n display: block;\n background: var(--window);\n box-shadow: var(--border-field);\n padding: 6px;\n margin: 0;\n }\n\n ul.tree-view li {\n list-style-type: none;\n }\n\n ul.tree-view a {\n text-decoration: none;\n color: var(--window-text);\n }\n\n ul.tree-view a:focus {\n background-color: var(--hilight);\n color: var(--hilight-text);\n }\n\n ul.tree-view ul,\n ul.tree-view li {\n margin-top: 3px;\n }\n\n ul.tree-view ul {\n margin-left: 16px;\n padding-left: 16px;\n /* Goes down too far */\n border-left: 1px dotted var(--button-shadow);\n }\n\n ul.tree-view ul > li {\n position: relative;\n }\n\n ul.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 var(--button-shadow);\n }\n\n /* Cover the bottom of the left dotted border */\n ul.tree-view ul > li:last-child::after {\n content: \"\";\n display: block;\n position: absolute;\n left: -20px;\n top: 7px;\n bottom: 0;\n width: 8px;\n background: var(--window);\n }\n\n ul.tree-view details {\n margin-top: 0;\n }\n\n ul.tree-view details[open] summary {\n margin-bottom: 0;\n }\n\n ul.tree-view ul details > summary:before {\n margin-left: -22px;\n position: relative;\n z-index: 1;\n }\n\n ul.tree-view details > summary:before {\n text-align: center;\n display: block;\n float: left;\n content: \"+\";\n border: 1px solid var(--button-shadow);\n width: 8px;\n height: 9px;\n line-height: 8px;\n margin-right: 5px;\n padding-left: 1px;\n background-color: var(--window);\n }\n\n ul.tree-view details[open] > summary:before {\n content: \"-\";\n }\n\n ul.tree-view details > summary::marker,\n ul.tree-view details > summary::-webkit-details-marker {\n content: \"\";\n }\n\n pre {\n display: block;\n background: var(--window);\n box-shadow: var(--border-field);\n padding: 12px 8px;\n margin: 0;\n }\n\n code,\n code * {\n font-family: monospace;\n }\n\n summary:focus {\n outline: 1px dotted var(--window-frame);\n }\n\n ::-webkit-scrollbar {\n width: 16px;\n }\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\n ::-webkit-scrollbar-button:vertical:end {\n height: 17px;\n background-image: svg-load(\"./icon/button-down.svg\");\n }\n\n ::-webkit-scrollbar-button:horizontal:start {\n width: 16px;\n background-image: svg-load(\"./icon/button-left.svg\");\n }\n\n ::-webkit-scrollbar-button:horizontal:end {\n width: 16px;\n background-image: svg-load(\"./icon/button-right.svg\");\n }\n\n .window[role=tabpanel] {\n position: relative;\n z-index: 2;\n }\n\n menu[role=tablist] {\n position: relative;\n margin: 0 0 -2px 0;\n text-indent: 0;\n list-style-type: none;\n display: flex;\n padding-left: 3px;\n }\n\n menu[role=tablist] > li {\n border-top-left-radius: 3px;\n border-top-right-radius: 3px;\n box-shadow: var(--border-tab);\n z-index: 1;\n }\n\n menu[role=tablist] > li[aria-selected=true] {\n padding-bottom: 2px;\n margin-top: -2px;\n background-color: var(--button-face);\n position: relative;\n z-index: 8;\n margin-left: -3px;\n }\n\n menu[role=tablist] > li > a {\n display: block;\n color: var(--window-text);\n margin: 6px;\n text-decoration: none;\n }\n\n menu[role=tablist] > li[aria-selected=true] > a:focus {\n outline: none;\n }\n\n menu[role=tablist] > li > a:focus {\n outline: 1px dotted var(--window-frame);\n }\n\n menu[role=tablist].multirows > li {\n flex-grow: 1;\n text-align: center;\n }\n\n .sunken-panel {\n box-sizing: border-box;\n border: 2px groove transparent;\n border-image: svg-load(\"./icon/sunken-panel-border.svg\") 2;\n overflow: auto;\n background-color: var(--window);\n }\n\n table {\n border-collapse: collapse;\n position: relative;\n text-align: left;\n white-space: nowrap;\n background-color: var(--window);\n }\n\n table > thead > tr > * {\n position: sticky;\n top: 0;\n height: 17px;\n box-shadow: var(--border-raised-outer), var(--border-raised-inner);\n background: var(--button-face);\n box-sizing: border-box;\n font-weight: normal;\n padding: 0 var(--grouped-element-spacing);\n }\n\n table.interactive > tbody > tr {\n cursor: pointer;\n }\n\n table > tbody > tr.highlighted {\n color: var(--hilight-text);\n background-color: var(--hilight);\n }\n\n table > tbody > tr > * {\n padding: 0 var(--grouped-element-spacing);\n height: 14px;\n }\n\n .progress-indicator {\n height: 32px;\n position: relative;\n box-shadow: var(--border-sunken-inner);\n padding: 4px 4px;\n border: none;\n box-sizing: border-box;\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border-radius: 0;\n }\n\n\n .progress-indicator > .progress-indicator-bar {\n height: 100%;\n display: block;\n background-color: var(--hilight);\n }\n\n .progress-indicator.segmented > .progress-indicator-bar {\n width: 100%;\n background-color: transparent; /* resets the background color which is set to blue in the non-segmented selector */\n background-image: linear-gradient(\n 90deg,\n var(--hilight) 0 16px,\n transparent 0 2px\n );\n background-repeat: repeat;\n background-size: 18px 100%;\n }\n\n .field-border {\n background: var(--window);\n box-shadow: var(--border-field);\n padding: 2px;\n }\n\n .field-border-disabled {\n background: var(--button-face);\n box-shadow: var(--border-field);\n padding: 2px;\n }\n\n .status-field-border {\n background: var(--button-face);\n box-shadow: var(--border-status-field);\n padding: 1px;\n }\n}\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@punkfairie/98.css",
3
- "version": "2.1.0",
3
+ "version": "3.0.0",
4
4
  "description": "A design system for building faithful recreations of old UIs",
5
5
  "main": "dist/98.css",
6
6
  "directories": {