diff --git a/index.html b/index.html index 0058bbc..66970a8 100644 --- a/index.html +++ b/index.html @@ -43,6 +43,12 @@
  • Contributing, Credits, etc.
    •  +
    +
  • Sponsors
    • + + @@ -760,7 +766,7 @@

    - We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested div. The outer div uses the .outer-border class and the .inner-border + We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested div. The outer div uses the .outer-border class and the .inner-border for the inner div.

    @@ -896,14 +902,17 @@

    Thanks for checking this project out! This library was made in good fun and was largely inspired by 98.css. The Chicago 12pt and Geneva 9pt fonts are recreations by @blogmywiki

    -

    System.css is still in beta! I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found here.

    +

    System.css is still in beta! There's a few things that are currently missing that I incline on adding pretty soon. I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found here.

    + +

    The Github repository can be found here

    -

    If you find a bug, consider opening an issue here. If there's something that you'd like to add, please feel free to create a PR!

    +

    If you find a bug, consider opening an issue here. If there's something that you'd like to add, please feel free to create a PR!

    If you'd like to see what else I'm up to, consider following me on Twitter or checking out my personal site :)

    +
    diff --git a/index.html.ejs b/index.html.ejs index fd90a4b..c231fe9 100644 --- a/index.html.ejs +++ b/index.html.ejs @@ -43,6 +43,12 @@
  • Contributing, Credits, etc.
    •  +
    +
  • Sponsors
    • + + @@ -521,7 +527,7 @@ `)%>

    - We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested div. The outer div uses the .outer-border class and the .inner-border + We can also have a modal dialog box, which typically has some interactive component within it. It has a double-outline border. We achieve this by using a nested div. The outer div uses the .outer-border class and the .inner-border for the inner div.

    <%- example(` @@ -600,14 +606,17 @@

    Thanks for checking this project out! This library was made in good fun and was largely inspired by 98.css. The Chicago 12pt and Geneva 9pt fonts are recreations by @blogmywiki

    -

    System.css is still in beta! I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found here.

    +

    System.css is still in beta! There's a few things that are currently missing that I incline on adding pretty soon. I recreated components based on Apple's Human Interface Guidelines. However, there's still a pretty good chance that I've might've missed/overlooked something essential. I've also had to recreate most of the assets, which can also be found here.

    + +

    The Github repository can be found here

    -

    If you find a bug, consider opening an issue here. If there's something that you'd like to add, please feel free to create a PR!

    +

    If you find a bug, consider opening an issue here. If there's something that you'd like to add, please feel free to create a PR!

    If you'd like to see what else I'm up to, consider following me on Twitter or checking out my personal site :)

    + diff --git a/system.css b/system.css index 192c81e..e033912 100644 --- a/system.css +++ b/system.css @@ -1,2 +1,2 @@ -/*! system.css v0.1.2 - https://github.com/sakofchit/system.css */@font-face{font-family:Chicago;src:url(ChicagoFLF.ttf)}@font-face{font-family:Monaco;src:url(monaco.ttf)}@font-face{font-family:Chicago_12;src:url(ChiKareGo2.ttf)}@font-face{font-family:Geneva_9;src:url(FindersKeepers.ttf)}::-webkit-scrollbar{background-color:#fff;width:22px}::-webkit-scrollbar-track{background:linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000),linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000);background-color:#fff;background-position:0 0,2px 2px;background-size:4px 4px;border-left:3px solid #000;width:10px}::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #000;border-right:none;box-sizing:content-box;width:20px}::-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='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.375H.5z'/%3E%3Cpath fill='%23000' d='M1 23h20v-2H1zM1.375 12.375h5.5V11h-5.5zM6.875 17.875h6.875V16.5H6.875zM6.875 17.875v-5.5H5.5v5.5zM9.625 5.5V4.125H8.25V5.5zM11 4.125V2.75H9.625v1.375zM19.25 12.375V11h-1.375v1.375zM17.875 11V9.625H16.5V11zM16.5 9.625V8.25h-1.375v1.375zM15.125 8.25V6.875H13.75V8.25zM13.75 6.875V5.5h-1.375v1.375zM12.375 5.5V4.125H11V5.5zM8.25 6.875V5.5H6.875v1.375zM6.875 8.25V6.875H5.5V8.25zM5.5 9.625V8.25H4.125v1.375zM4.125 11V9.625H2.75V11z'/%3E%3Cpath fill='%23000' d='M2.75 12.375V11H1.375v1.375zM15.125 17.875v-5.5H13.75v5.5zM13.75 12.375h5.5V11h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:vertical:start:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.38H.5z'/%3E%3Cpath fill='%23000' d='M1 23.005h20v-2H1zM1.375 12.378h5.5v-1.375h-5.5zM6.875 17.879h6.875V6.877H6.875zM6.875 17.879v-5.501H5.5v5.5zM9.625 5.501V4.126H8.25v1.375zM11 4.126V2.75H9.625v1.375zM19.25 12.378v-1.375h-1.375v1.375zM17.875 11.002V9.627H13.75v1.375zM16.5 9.627V8.252h-2.75v1.375zM15.125 8.252V6.877H13.75v1.375zM13.75 6.876V5.501h-1.375v1.375zM12.375 5.501V4.126h-2.75v1.375zM12.375 6.876V5.501h-5.5v1.375zM6.875 8.252V6.877H5.5v1.375zM6.875 9.627V8.252h-2.75v1.375zM6.875 11.002V9.627H2.75v1.375z'/%3E%3Cpath fill='%23000' d='M2.75 12.378v-1.375H1.375v1.375zM15.125 17.879v-5.501H13.75v5.5zM13.75 12.378h5.5v-1.375h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.875h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11h5.5v1.375h-5.5zM6.875 5.5h6.875v1.375H6.875zM6.875 5.5V11H5.5V5.5zM9.625 17.875v1.375H8.25v-1.375zM11 19.25v1.375H9.625V19.25zM19.25 11v1.375h-1.375V11zM17.875 12.375v1.375H16.5v-1.375zM16.5 13.75v1.375h-1.375V13.75zM15.125 15.125V16.5H13.75v-1.375zM13.75 16.5v1.375h-1.375V16.5zM12.375 17.875v1.375H11v-1.375zM8.25 16.5v1.375H6.875V16.5zM6.875 15.125V16.5H5.5v-1.375zM5.5 13.75v1.375H4.125V13.75zM4.125 12.375v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11v1.375H1.375V11zM15.125 5.5V11H13.75V5.5zM13.75 11h5.5v1.375h-5.5z'/%3E%3C/svg%3E");height:23.38px}::-webkit-scrollbar-button:vertical:end:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.88h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11.002h5.5v1.375h-5.5zM6.875 5.501h6.875v11.002H6.875zM6.875 5.501v5.501H5.5v-5.5zM9.625 17.879v1.375H8.25v-1.375zM11 19.254v1.375H9.625v-1.375zM19.25 11.002v1.375h-1.375v-1.375zM17.875 12.378v1.375H13.75v-1.375zM16.5 13.753v1.375h-2.75v-1.375zM15.125 15.128v1.375H13.75v-1.375zM13.75 16.503v1.375h-1.375v-1.375zM12.375 17.879v1.375h-2.75v-1.375zM12.375 16.503v1.375h-5.5v-1.375zM6.875 15.128v1.375H5.5v-1.375zM6.875 13.753v1.375h-2.75v-1.375zM6.875 12.378v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11.002v1.375H1.375v-1.375zM15.125 5.501v5.501H13.75v-5.5zM13.75 11.002h5.5v1.375h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.813 22.187v-21h22.375v21z'/%3E%3Cpath fill='%23000' d='M23.313 21.688v-20h-2v20zM12.688 21.313v-5.5h-1.376v5.5zM18.188 15.813V8.936h-1.375v6.876z'/%3E%3Cpath fill='%23000' d='M18.188 15.813h-5.5v1.374h5.5zM5.813 13.063H4.438v1.374h1.375zM4.438 11.688H3.063v1.374h1.374zM12.688 3.438h-1.376v1.374h1.376zM11.313 4.813H9.937v1.375h1.376zM9.938 6.188H8.562v1.375h1.376zM8.563 7.563H7.187v1.375h1.375zM7.188 8.938H5.813v1.374h1.375zM5.813 10.313H4.438v1.374h1.375zM7.188 14.438H5.813v1.374h1.375zM8.563 15.813H7.187v1.374h1.375zM9.938 17.188H8.562v1.375h1.376zM11.313 18.563H9.937v1.375h1.376zM12.688 19.938h-1.376v1.375h1.376zM18.188 7.563h-5.5v1.375h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.938v-5.5h-1.376v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:start:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.81 22.19v-21h22.38v21z'/%3E%3Cpath fill='%23000' d='M23.315 21.69v-20h-2v20zM12.688 21.315v-5.5h-1.375v5.5zM18.189 15.815V8.94H7.187v6.875z'/%3E%3Cpath fill='%23000' d='M18.189 15.815h-5.501v1.375h5.5zM5.811 13.065H4.436v1.375h1.375zM4.436 11.69H3.06v1.375h1.375zM12.688 3.44h-1.375v1.375h1.375zM11.312 4.815H9.937V8.94h1.375zM9.937 6.19H8.562v2.75h1.375z'/%3E%3Cpath fill='%23000' d='M8.562 7.565H7.187V8.94h1.375zM7.186 8.94H5.811v1.375h1.375zM5.811 10.315H4.436v2.75h1.375zM7.186 10.315H5.811v5.5h1.375zM8.562 15.815H7.187v1.375h1.375z'/%3E%3Cpath fill='%23000' d='M9.937 15.815H8.562v2.75h1.375zM11.312 15.815H9.937v4.125h1.375zM12.688 19.94h-1.375v1.375h1.375zM18.189 7.565h-5.501V8.94h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.94v-5.5h-1.375v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.188 22.188v-21H.813v21z'/%3E%3Cpath fill='%23000' d='M.688 21.687v-20h2v20zM11.313 21.312v-5.5h1.375v5.5zM5.813 15.812V8.937h1.375v6.875zM5.813 15.813h5.5v1.375h-5.5zM18.188 13.063h1.375v1.375h-1.375zM19.563 11.688h1.375v1.375h-1.375zM11.313 3.438h1.375v1.375h-1.375zM12.688 4.813h1.375v1.375h-1.375zM14.063 6.188h1.375v1.375h-1.375zM15.438 7.563h1.375v1.375h-1.375zM16.813 8.938h1.375v1.375h-1.375zM18.188 10.313h1.375v1.375h-1.375zM16.813 14.438h1.375v1.375h-1.375zM15.438 15.813h1.375v1.375h-1.375zM14.063 17.188h1.375v1.375h-1.375zM12.688 18.563h1.375v1.375h-1.375z'/%3E%3Cpath fill='%23000' d='M11.313 19.938h1.375v1.375h-1.375zM5.813 7.563h5.5v1.375h-5.5zM11.313 8.937v-5.5h1.375v5.5z'/%3E%3C/svg%3E");height:23.38px}::-webkit-scrollbar-button:horizontal:end:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.19 22.19v-21H.81v21z'/%3E%3Cpath fill='%23000' d='M.685 21.69v-20h2v20zM11.312 21.315v-5.5h1.375v5.5zM5.811 15.815V8.94h11.002v6.875z'/%3E%3Cpath fill='%23000' d='M5.811 15.815h5.501v1.375H5.811zM18.189 13.065h1.375v1.375h-1.375zM19.564 11.69h1.375v1.375h-1.375zM11.312 3.44h1.375v1.375h-1.375zM12.688 4.815h1.375V8.94h-1.375zM14.063 6.19h1.375v2.75h-1.375zM15.438 7.565h1.375V8.94h-1.375zM16.814 8.94h1.375v1.375h-1.375zM18.189 10.315h1.375v2.75h-1.375zM16.814 10.315h1.375v5.5h-1.375zM15.438 15.815h1.375v1.375h-1.375zM14.063 15.815h1.375v2.75h-1.375zM12.688 15.815h1.375v4.125h-1.375zM11.312 19.94h1.375v1.375h-1.375zM5.811 7.565h5.501V8.94H5.811z'/%3E%3Cpath fill='%23000' d='M11.312 8.94v-5.5h1.375v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}body{background:linear-gradient(90deg,#fff 21px,transparent 1%) 50%,linear-gradient(#fff 21px,transparent 1%) 50%,#000;background-attachment:fixed;background-size:22px 22px}a{color:#000;text-decoration:underline}hr{border-top:.15em solid #000}.container{display:block;margin:0 auto;width:50%}.heading,h1{font-size:1em}.heading,h1,h2{font-family:Chicago}h2{font-size:2em}.standard-button{display:block;min-height:20px;min-width:59px}.standard-dialog{background-color:#fff;border:2px solid;box-shadow:2px 2px;padding:10px}.alert-box,.modal-dialog{padding:13px;width:auto}.alert-contents,.modal-contents{padding:10px}.modeless-dialog{font-size:18px;height:100%;letter-spacing:-.025em;padding:.5rem}.inner-border{border-color:currentcolor;border-style:solid;border-width:3.5px 5px}.outer-border{border:2px solid;padding:3px}.title-bar{align-items:center;background:linear-gradient(#000 50%,transparent 0);background-clip:content-box;background-size:6.6666666667% 13.3333333333%;display:flex;flex:none;height:1.5rem;margin:.1rem 0;padding:.2rem .1rem}.title-bar .title{background:#fff;cursor:default;font-family:Chicago_12;font-size:1.5rem;font-weight:700;line-height:1.1;margin:0 auto;padding:0 .5em;text-align:center}.inactive-title-bar{align-items:center;background-clip:content-box;background-size:6.6666666667% 13.3333333333%;display:flex;flex:none;height:1.5rem;margin:.1rem 0;padding:.2rem .1rem}.inactive-title-bar .title{color:#a5a5a5;cursor:default;font-family:Chicago_12;font-size:1.5rem;font-weight:700;line-height:1.1;margin:0 auto;padding:0 .5em;text-align:center}.title-bar button{background-color:#fff;border:4px solid #000;cursor:pointer;display:block;height:40px;margin:0 .2rem;position:relative;transform:scale(.5);width:40px}.title-bar button span{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);position:absolute!important}.title-bar button.close:after,.title-bar button.close:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.title-bar button.close:before{background:linear-gradient(#000,#000) 0,linear-gradient(#000,#000) 100%,linear-gradient(#000,#000) top,linear-gradient(#000,#000) bottom;background-repeat:no-repeat;background-size:30% 4px,30% 4px,4px 30%,4px 30%}.title-bar button.close:after{background:linear-gradient(#000,#000) 0,linear-gradient(#000,#000) 100%,linear-gradient(#000,#000) top,linear-gradient(#000,#000) bottom;background-repeat:no-repeat;background-size:22.5% 3.6363636364px,22.5% 3.6363636364px,3.6363636364px 22.5%,3.6363636364px 22.5%;transform:rotate(45deg) scale(1.1)}.title-bar button.close:active:after,.title-bar button.close:active:before{opacity:1}.title-bar button.resize{background:linear-gradient(#000,#000) left 58%,linear-gradient(180deg,#000 0,#000) 58% top;background-color:#fff;background-repeat:no-repeat;background-size:60% 4px,4px 60%}.title-bar button.resize:active{background:#fff}.title-bar button.hidden{visibility:hidden}.window{background-color:#fff;border:.1em solid #000;flex-direction:column;font-family:Inconsolata,Menlo,Chicago,Geneva;margin:1rem;min-width:320px;overflow:hidden}.window-pane{font-size:18px;height:100%;letter-spacing:-.025em;overflow-y:scroll;padding:1rem 2rem}.window-pane::-webkit-scrollbar{background-color:#fff;width:22px}.window-pane::-webkit-scrollbar-track{background:linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000),linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000);background-color:#fff;background-position:0 0,2px 2px;background-size:4px 4px;border-left:4px solid #000;width:10px}.window-pane::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #000;border-right:none;box-sizing:content-box;width:20px}.separator{border-width:.1rem 0;border-top:.1rem solid #000}.details-bar,.separator{display:flex;flex:none;flex-direction:row;font-size:1rem;justify-content:space-between}.details-bar{border:.1rem solid #000;border-width:.1rem 0;font-weight:100;padding:.4rem .8rem}.btn{background:#fff;border:5.5px solid transparent;border-image:url(button.png) 30 stretch;color:#000;cursor:pointer;font-size:18px;min-height:20px;min-width:59px;padding:0 20px;text-align:center;text-decoration:none}.btn,.btn:active{font-family:Chicago_12}.btn:active{background:#000;border-radius:6px;color:#fff}.btn:disabled{background:#fff;border:5.5px solid transparent;border-image:url(button.png) 30 stretch;color:#b6b7b8;min-height:20px;min-width:59px;text-align:center;text-decoration:none}.btn:disabled,input{font-family:Chicago_12;font-size:18px}input{border:1.5px solid #000;padding-left:5px}input:focus{outline:none}input[type=radio]+label:before{border-image: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='%23000' d='M3.907 0h4.186v1.067H3.907zM0 8V4h1.116v4zM10.884 8V4H12v4zM1.953 1.067h1.953v1.067H1.953zM8.093 1.067h1.953v1.067H8.093zM10.046 4V2.134h.837v1.868zM1.116 4V2.133h.837V4zM3.907 12h4.186v-1.067H3.907zM1.953 10.933h1.953V9.866H1.953zM8.093 10.933h1.953V9.866H8.093zM10.046 8v1.867h.838V8zM1.116 8v1.867h.837V8z'/%3E%3C/svg%3E");height:20px;width:20px}input[type=checkbox]+label:before{border:1.5px solid #000;height:20px;width:20px}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;padding-left:5px}input[type=radio]+label{margin-left:18px;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='%23000' d='M3.907 0h4.186v1.067H3.907zM0 8V4h1.116v4zM10.884 8V4H12v4zM1.953 1.067h1.953v1.067H1.953zM8.093 1.067h1.953v1.067H8.093zM10.046 4V2.134h.837v1.868zM1.116 4V2.133h.837V4zM3.907 12h4.186v-1.067H3.907zM1.953 10.933h1.953V9.866H1.953zM8.093 10.933h1.953V9.866H8.093zM10.046 8v1.867h.838V8zM1.116 8v1.867h.837V8z'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;left:-18px;margin-right:6px;position:absolute;top:0;width:12px}input[type=radio]: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='%23000' d='M1.066 0h3.998v1.066H1.066zM1.066 5.064h3.998V6.13H1.066zM0 1.066h6.13v3.998H0z'/%3E%3C/svg%3E");content:"";display:block;height:6.13px;left:-15.065px;position:absolute;top:2.935px;width:6.13px}input[type=checkbox]+label{margin-left:19px;position:relative}input[type=checkbox]+label:before{background:undefined;box-shadow:undefined;content:"";display:inline-block;height:13px;left:-19px;margin-right:6px;position:absolute;width:13px}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.631 1.478h1.245v1.19H10.63v-1.19Z' fill='%230A0A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.12 0v1.514h-1.244V0h1.244Z' fill='%23040404'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.11 2.668h1.521v1.19h-1.52v-1.19ZM5.24 5.311h2.765v2.38H5.24V5.31ZM8.005 3.857H9.11v1.454H8.005V3.857Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.611 1.478H1.367v1.19h1.244v-1.19Z' fill='%230A0A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.123 0v1.514h1.244V0H.123Z' fill='%23040404'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.132 2.668h-1.52v1.19h1.52v-1.19ZM8.003 5.311H5.238v2.38h2.765V5.31ZM5.238 3.857H4.132v1.454h1.106V3.857Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.629 11.522h1.244v-1.19H10.63v1.19Z' fill='%230A0A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.117 13v-1.514h-1.244V13h1.245Z' fill='%23040404'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.108 10.332h1.521v-1.19h-1.52v1.19ZM5.237 7.689h2.765v-2.38H5.237v2.38ZM8.002 9.143h1.106V7.689H8.002v1.454Z' fill='%23000'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.609 11.522H1.364v-1.19H2.61v1.19Z' fill='%230A0A0A'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.12 13v-1.514h1.244V13H.12Z' fill='%23040404'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.13 10.332H2.608v-1.19h1.52v1.19ZM8 7.689H5.235v-2.38H8v2.38ZM5.235 9.143H4.13V7.689h1.106v1.454Z' fill='%23000'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:block;height:13px;left:-17.5px;position:absolute;top:1.5px;width:13px}input[type=checkbox][disabled]+label:before{background:undefined}input[type=checkbox][disabled]:checked+label:after{background:svg-load("./icon/checkmark-disabled.svg")}.field-row{align-items:center;display:flex;font-family:Chicago_12;font-size:1em}[class^=field-row]+[class^=field-row]{margin-top:6px}.field-row>*+*{margin-left:6px}.apple{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.609.261h3.696V1H9.609zM9.609 1h2.217v.739H9.609z'/%3E%3Cpath fill='%23000' d='M9.609 1h2.217v2.957H9.609zM2.217 5.435H8.13v1.478H2.217zM2.217 7.652H8.13v-.739H2.217zM9.609 7.652h5.174v-.739H9.609zM9.609 5.435h5.174v1.478H9.609zM9.609 9.13h7.39v-.739H9.61zM9.609 8.391h6.652v-.739H9.609z'/%3E%3Cpath fill='%23000' d='M1.478 7.652h11.087v9.609H1.478z'/%3E%3Cpath fill='%23000' d='M1.478 13.565H17v3.696H1.478z'/%3E%3Cpath fill='%23000' d='M2.217 14.304h13.304v5.174H2.217zM4.435 19.478h3.696v1.478H4.435zM9.609 19.478h3.696v1.478H9.609zM8.13 1.739h1.478v3.696H8.13zM.739 7.652h1.478v9.609H.739z'/%3E%3Cpath fill='%23000' d='M0 8.391h1.478v8.87H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;border:none;height:20.7px;width:17px}form{font-family:Inconsolata,Menlo,Chicago,Geneva;font-size:14px}.dropdown{display:inline-block;position:relative}.dd-toggle{background-color:#fff;cursor:pointer;display:inline-block;font-family:Chicago_12;font-size:1em;padding:5px;white-space:nowrap}.dd-toggle:after{content:"";height:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0}.dd-toggle:hover{background-color:#000;color:#fff}.dd-input{display:none}.dd-menu{background-color:#fff;border:2px solid;box-shadow:2px 2px;font-family:Chicago_12;font-size:1em;list-style-type:none;margin:2px 0 0;padding:0;position:absolute;top:100%}.dd-input+.dd-menu{display:none}.dd-input:checked+.dd-menu{display:block}.dd-menu li{cursor:pointer;padding:5px 20px;white-space:nowrap}.dd-menu a:hover,.dd-menu li:hover{background-color:#000;color:#fff}.dd-menu li.divider{border-bottom:1.5px dotted #000;padding:0} +/*! system.css v0.1.3 - https://github.com/sakofchit/system.css */@font-face{font-family:Chicago;src:url(ChicagoFLF.ttf)}@font-face{font-family:Monaco;src:url(monaco.ttf)}@font-face{font-family:Chicago_12;src:url(ChiKareGo2.ttf)}@font-face{font-family:Geneva_9;src:url(FindersKeepers.ttf)}::-webkit-scrollbar{background-color:#fff;width:22px}::-webkit-scrollbar-track{background:linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000),linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000);background-color:#fff;background-position:0 0,2px 2px;background-size:4px 4px;border-left:3px solid #000;width:10px}::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #000;border-right:none;box-sizing:content-box;width:20px}::-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='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.375H.5z'/%3E%3Cpath fill='%23000' d='M1 23h20v-2H1zM1.375 12.375h5.5V11h-5.5zM6.875 17.875h6.875V16.5H6.875zM6.875 17.875v-5.5H5.5v5.5zM9.625 5.5V4.125H8.25V5.5zM11 4.125V2.75H9.625v1.375zM19.25 12.375V11h-1.375v1.375zM17.875 11V9.625H16.5V11zM16.5 9.625V8.25h-1.375v1.375zM15.125 8.25V6.875H13.75V8.25zM13.75 6.875V5.5h-1.375v1.375zM12.375 5.5V4.125H11V5.5zM8.25 6.875V5.5H6.875v1.375zM6.875 8.25V6.875H5.5V8.25zM5.5 9.625V8.25H4.125v1.375zM4.125 11V9.625H2.75V11z'/%3E%3Cpath fill='%23000' d='M2.75 12.375V11H1.375v1.375zM15.125 17.875v-5.5H13.75v5.5zM13.75 12.375h5.5V11h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:vertical:start:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5.5h21v22.38H.5z'/%3E%3Cpath fill='%23000' d='M1 23.005h20v-2H1zM1.375 12.378h5.5v-1.375h-5.5zM6.875 17.879h6.875V6.877H6.875zM6.875 17.879v-5.501H5.5v5.5zM9.625 5.501V4.126H8.25v1.375zM11 4.126V2.75H9.625v1.375zM19.25 12.378v-1.375h-1.375v1.375zM17.875 11.002V9.627H13.75v1.375zM16.5 9.627V8.252h-2.75v1.375zM15.125 8.252V6.877H13.75v1.375zM13.75 6.876V5.501h-1.375v1.375zM12.375 5.501V4.126h-2.75v1.375zM12.375 6.876V5.501h-5.5v1.375zM6.875 8.252V6.877H5.5v1.375zM6.875 9.627V8.252h-2.75v1.375zM6.875 11.002V9.627H2.75v1.375z'/%3E%3Cpath fill='%23000' d='M2.75 12.378v-1.375H1.375v1.375zM15.125 17.879v-5.501H13.75v5.5zM13.75 12.378h5.5v-1.375h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:vertical:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.875h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11h5.5v1.375h-5.5zM6.875 5.5h6.875v1.375H6.875zM6.875 5.5V11H5.5V5.5zM9.625 17.875v1.375H8.25v-1.375zM11 19.25v1.375H9.625V19.25zM19.25 11v1.375h-1.375V11zM17.875 12.375v1.375H16.5v-1.375zM16.5 13.75v1.375h-1.375V13.75zM15.125 15.125V16.5H13.75v-1.375zM13.75 16.5v1.375h-1.375V16.5zM12.375 17.875v1.375H11v-1.375zM8.25 16.5v1.375H6.875V16.5zM6.875 15.125V16.5H5.5v-1.375zM5.5 13.75v1.375H4.125V13.75zM4.125 12.375v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11v1.375H1.375V11zM15.125 5.5V11H13.75V5.5zM13.75 11h5.5v1.375h-5.5z'/%3E%3C/svg%3E");height:23.38px}::-webkit-scrollbar-button:vertical:end:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.5 22.88h21V.5H.5z'/%3E%3Cpath fill='%23000' d='M1 .375h20v2H1zM1.375 11.002h5.5v1.375h-5.5zM6.875 5.501h6.875v11.002H6.875zM6.875 5.501v5.501H5.5v-5.5zM9.625 17.879v1.375H8.25v-1.375zM11 19.254v1.375H9.625v-1.375zM19.25 11.002v1.375h-1.375v-1.375zM17.875 12.378v1.375H13.75v-1.375zM16.5 13.753v1.375h-2.75v-1.375zM15.125 15.128v1.375H13.75v-1.375zM13.75 16.503v1.375h-1.375v-1.375zM12.375 17.879v1.375h-2.75v-1.375zM12.375 16.503v1.375h-5.5v-1.375zM6.875 15.128v1.375H5.5v-1.375zM6.875 13.753v1.375h-2.75v-1.375zM6.875 12.378v1.375H2.75v-1.375z'/%3E%3Cpath fill='%23000' d='M2.75 11.002v1.375H1.375v-1.375zM15.125 5.501v5.501H13.75v-5.5zM13.75 11.002h5.5v1.375h-5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:start{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.813 22.187v-21h22.375v21z'/%3E%3Cpath fill='%23000' d='M23.313 21.688v-20h-2v20zM12.688 21.313v-5.5h-1.376v5.5zM18.188 15.813V8.936h-1.375v6.876z'/%3E%3Cpath fill='%23000' d='M18.188 15.813h-5.5v1.374h5.5zM5.813 13.063H4.438v1.374h1.375zM4.438 11.688H3.063v1.374h1.374zM12.688 3.438h-1.376v1.374h1.376zM11.313 4.813H9.937v1.375h1.376zM9.938 6.188H8.562v1.375h1.376zM8.563 7.563H7.187v1.375h1.375zM7.188 8.938H5.813v1.374h1.375zM5.813 10.313H4.438v1.374h1.375zM7.188 14.438H5.813v1.374h1.375zM8.563 15.813H7.187v1.374h1.375zM9.938 17.188H8.562v1.375h1.376zM11.313 18.563H9.937v1.375h1.376zM12.688 19.938h-1.376v1.375h1.376zM18.188 7.563h-5.5v1.375h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.938v-5.5h-1.376v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:start:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M.81 22.19v-21h22.38v21z'/%3E%3Cpath fill='%23000' d='M23.315 21.69v-20h-2v20zM12.688 21.315v-5.5h-1.375v5.5zM18.189 15.815V8.94H7.187v6.875z'/%3E%3Cpath fill='%23000' d='M18.189 15.815h-5.501v1.375h5.5zM5.811 13.065H4.436v1.375h1.375zM4.436 11.69H3.06v1.375h1.375zM12.688 3.44h-1.375v1.375h1.375zM11.312 4.815H9.937V8.94h1.375zM9.937 6.19H8.562v2.75h1.375z'/%3E%3Cpath fill='%23000' d='M8.562 7.565H7.187V8.94h1.375zM7.186 8.94H5.811v1.375h1.375zM5.811 10.315H4.436v2.75h1.375zM7.186 10.315H5.811v5.5h1.375zM8.562 15.815H7.187v1.375h1.375z'/%3E%3Cpath fill='%23000' d='M9.937 15.815H8.562v2.75h1.375zM11.312 15.815H9.937v4.125h1.375zM12.688 19.94h-1.375v1.375h1.375zM18.189 7.565h-5.501V8.94h5.5z'/%3E%3Cpath fill='%23000' d='M12.688 8.94v-5.5h-1.375v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}::-webkit-scrollbar-button:horizontal:end{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.188 22.188v-21H.813v21z'/%3E%3Cpath fill='%23000' d='M.688 21.687v-20h2v20zM11.313 21.312v-5.5h1.375v5.5zM5.813 15.812V8.937h1.375v6.875zM5.813 15.813h5.5v1.375h-5.5zM18.188 13.063h1.375v1.375h-1.375zM19.563 11.688h1.375v1.375h-1.375zM11.313 3.438h1.375v1.375h-1.375zM12.688 4.813h1.375v1.375h-1.375zM14.063 6.188h1.375v1.375h-1.375zM15.438 7.563h1.375v1.375h-1.375zM16.813 8.938h1.375v1.375h-1.375zM18.188 10.313h1.375v1.375h-1.375zM16.813 14.438h1.375v1.375h-1.375zM15.438 15.813h1.375v1.375h-1.375zM14.063 17.188h1.375v1.375h-1.375zM12.688 18.563h1.375v1.375h-1.375z'/%3E%3Cpath fill='%23000' d='M11.313 19.938h1.375v1.375h-1.375zM5.813 7.563h5.5v1.375h-5.5zM11.313 8.937v-5.5h1.375v5.5z'/%3E%3C/svg%3E");height:23.38px}::-webkit-scrollbar-button:horizontal:end:active{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23fff' stroke='%23000' d='M23.19 22.19v-21H.81v21z'/%3E%3Cpath fill='%23000' d='M.685 21.69v-20h2v20zM11.312 21.315v-5.5h1.375v5.5zM5.811 15.815V8.94h11.002v6.875z'/%3E%3Cpath fill='%23000' d='M5.811 15.815h5.501v1.375H5.811zM18.189 13.065h1.375v1.375h-1.375zM19.564 11.69h1.375v1.375h-1.375zM11.312 3.44h1.375v1.375h-1.375zM12.688 4.815h1.375V8.94h-1.375zM14.063 6.19h1.375v2.75h-1.375zM15.438 7.565h1.375V8.94h-1.375zM16.814 8.94h1.375v1.375h-1.375zM18.189 10.315h1.375v2.75h-1.375zM16.814 10.315h1.375v5.5h-1.375zM15.438 15.815h1.375v1.375h-1.375zM14.063 15.815h1.375v2.75h-1.375zM12.688 15.815h1.375v4.125h-1.375zM11.312 19.94h1.375v1.375h-1.375zM5.811 7.565h5.501V8.94H5.811z'/%3E%3Cpath fill='%23000' d='M11.312 8.94v-5.5h1.375v5.5z'/%3E%3C/svg%3E");background-repeat:no-repeat;height:23.38px}body{background:linear-gradient(90deg,#fff 21px,transparent 1%) 50%,linear-gradient(#fff 21px,transparent 1%) 50%,#000;background-attachment:fixed;background-size:22px 22px}a{color:#000;text-decoration:underline}hr{border-top:.15em solid #000}.container{display:block;margin:0 auto;width:50%}.heading,h1{font-size:1em}.heading,h1,h2{font-family:Chicago}h2{font-size:2em}.standard-button{display:block;min-height:20px;min-width:59px}.standard-dialog{background-color:#fff;border:2px solid;box-shadow:2px 2px;padding:10px}.alert-box,.modal-dialog{padding:13px;width:auto}.alert-contents,.modal-contents{padding:10px}.modeless-dialog{font-size:18px;height:100%;letter-spacing:-.025em;padding:.5rem}.inner-border{border-color:currentcolor;border-style:solid;border-width:3.5px 5px}.outer-border{border:2px solid;padding:3px}.title-bar{align-items:center;background:linear-gradient(#000 50%,transparent 0);background-clip:content-box;background-size:6.6666666667% 13.3333333333%;display:flex;flex:none;height:1.5rem;margin:.1rem 0;padding:.2rem .1rem}.title-bar .title{background:#fff;cursor:default;font-family:Chicago_12;font-size:1.5rem;font-weight:700;line-height:1.1;margin:0 auto;padding:0 .5em;text-align:center}.inactive-title-bar{align-items:center;background-clip:content-box;background-size:6.6666666667% 13.3333333333%;display:flex;flex:none;height:1.5rem;margin:.1rem 0;padding:.2rem .1rem}.inactive-title-bar .title{color:#a5a5a5;cursor:default;font-family:Chicago_12;font-size:1.5rem;font-weight:700;line-height:1.1;margin:0 auto;padding:0 .5em;text-align:center}.title-bar button{background-color:#fff;border:4px solid #000;cursor:pointer;display:block;height:40px;margin:0 .2rem;position:relative;transform:scale(.5);width:40px}.title-bar button span{clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);position:absolute!important}.title-bar button.close:after,.title-bar button.close:before{bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0}.title-bar button.close:before{background:linear-gradient(#000,#000) 0,linear-gradient(#000,#000) 100%,linear-gradient(#000,#000) top,linear-gradient(#000,#000) bottom;background-repeat:no-repeat;background-size:30% 4px,30% 4px,4px 30%,4px 30%}.title-bar button.close:after{background:linear-gradient(#000,#000) 0,linear-gradient(#000,#000) 100%,linear-gradient(#000,#000) top,linear-gradient(#000,#000) bottom;background-repeat:no-repeat;background-size:22.5% 3.6363636364px,22.5% 3.6363636364px,3.6363636364px 22.5%,3.6363636364px 22.5%;transform:rotate(45deg) scale(1.1)}.title-bar button.close:active:after,.title-bar button.close:active:before{opacity:1}.title-bar button.resize{background:linear-gradient(#000,#000) left 58%,linear-gradient(180deg,#000 0,#000) 58% top;background-color:#fff;background-repeat:no-repeat;background-size:60% 4px,4px 60%}.title-bar button.resize:active{background:#fff}.title-bar button.hidden{visibility:hidden}.window{background-color:#fff;border:.1em solid #000;flex-direction:column;font-family:Inconsolata,Menlo,Chicago,Geneva;margin:1rem;min-width:320px;overflow:hidden}.window-pane{font-size:18px;height:100%;letter-spacing:-.025em;overflow-y:scroll;padding:1rem 2rem}.window-pane::-webkit-scrollbar{background-color:#fff;width:22px}.window-pane::-webkit-scrollbar-track{background:linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000),linear-gradient(45deg,#000 25%,transparent 0,transparent 75%,#000 0,#000);background-color:#fff;background-position:0 0,2px 2px;background-size:4px 4px;border-left:4px solid #000;width:10px}.window-pane::-webkit-scrollbar-thumb{background-color:#fff;border:2px solid #000;border-right:none;box-sizing:content-box;width:20px}.separator{border-width:.1rem 0;border-top:.1rem solid #000}.details-bar,.separator{display:flex;flex:none;flex-direction:row;font-size:1rem;justify-content:space-between}.details-bar{border:.1rem solid #000;border-width:.1rem 0;font-weight:100;padding:.4rem .8rem}.btn{background:#fff;border:5.5px solid transparent;border-image:url(button.png) 30 stretch;color:#000;cursor:pointer;font-size:18px;min-height:20px;min-width:59px;padding:0 20px;text-align:center;text-decoration:none}.btn,.btn:active{font-family:Chicago_12}.btn:active{background:#000;border-radius:6px;color:#fff}.btn:disabled{background:#fff;border:5.5px solid transparent;border-image:url(button.png) 30 stretch;color:#b6b7b8;min-height:20px;min-width:59px;text-align:center;text-decoration:none}.btn:disabled,input{font-family:Chicago_12;font-size:18px}input{border:1.5px solid #000;padding-left:5px}input:focus{outline:none}input[type=radio]+label:before{border-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0H4v1h4V0ZM8 12H4v-1h4v1ZM0 4v4h1V4H0ZM11 4v4h1V4h-1ZM4 1H2v1h2V1ZM4 11H2v-1h2v1ZM10 1H8v1h2V1ZM10 11H8v-1h2v1ZM10 2v2h1V2h-1ZM10 10V8h1v2h-1ZM1 2v2h1V2H1ZM1 10V8h1v2H1Z' fill='%23000'/%3E%3C/svg%3E");height:20px;width:20px}input[type=checkbox]+label:before{border:1.5px solid #000;height:20px;width:20px}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;padding-left:5px}input[type=radio]+label{margin-left:18px;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 d='M8 0H4v1h4V0ZM8 12H4v-1h4v1ZM0 4v4h1V4H0ZM11 4v4h1V4h-1ZM4 1H2v1h2V1ZM4 11H2v-1h2v1ZM10 1H8v1h2V1ZM10 11H8v-1h2v1ZM10 2v2h1V2h-1ZM10 10V8h1v2h-1ZM1 2v2h1V2H1ZM1 10V8h1v2H1Z' fill='%23000'/%3E%3C/svg%3E");content:"";display:inline-block;height:12px;left:-18px;margin-right:6px;position:absolute;top:0;width:12px}input[type=radio]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.998 0H1v1h3.998V0ZM4.998 5H1v1h3.998V5ZM6 1H0v3.998h6V1Z' fill='%23000'/%3E%3C/svg%3E");content:"";display:block;height:6px;left:-15px;position:absolute;top:3px;width:6px}input[type=checkbox]+label{margin-left:19px;position:relative}input[type=checkbox]+label:before{background:undefined;box-shadow:undefined;content:"";display:inline-block;height:13px;left:-19px;margin-right:6px;position:absolute;width:13px}input[type=checkbox]:checked+label:after{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h1v1H0V0ZM12 0h1v1h-1V0ZM1 1h1v1H1V1ZM2 2h1v1H2V2ZM3 3h1v1H3V3ZM4 4h1v1H4V4ZM5 5h1v1H5V5ZM11 1h1v1h-1V1ZM10 2h1v1h-1V2ZM9 3h1v1H9V3ZM8 4h1v1H8V4ZM7 5h1v1H7V5ZM0 13h1v-1H0v1ZM12 13h1v-1h-1v1ZM1 12h1v-1H1v1ZM2 11h1v-1H2v1ZM3 10h1V9H3v1ZM4 9h1V8H4v1ZM5 8h1V7H5v1ZM11 12h1v-1h-1v1ZM10 11h1v-1h-1v1ZM9 10h1V9H9v1ZM8 9h1V8H8v1ZM7 8h1V7H7v1ZM6 7h1V6H6v1Z' fill='%23000'/%3E%3C/svg%3E");background-repeat:no-repeat;content:"";display:block;height:13px;left:-17.5px;position:absolute;top:1.5px;width:13px}input[type=checkbox][disabled]+label:before{background:undefined}input[type=checkbox][disabled]:checked+label:after{background:svg-load("./icon/checkmark-disabled.svg")}.field-row{align-items:center;display:flex;font-family:Chicago_12;font-size:1em}[class^=field-row]+[class^=field-row]{margin-top:6px}.field-row>*+*{margin-left:6px}.apple{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M9.609.261h3.696V1H9.609zM9.609 1h2.217v.739H9.609z'/%3E%3Cpath fill='%23000' d='M9.609 1h2.217v2.957H9.609zM2.217 5.435H8.13v1.478H2.217zM2.217 7.652H8.13v-.739H2.217zM9.609 7.652h5.174v-.739H9.609zM9.609 5.435h5.174v1.478H9.609zM9.609 9.13h7.39v-.739H9.61zM9.609 8.391h6.652v-.739H9.609z'/%3E%3Cpath fill='%23000' d='M1.478 7.652h11.087v9.609H1.478z'/%3E%3Cpath fill='%23000' d='M1.478 13.565H17v3.696H1.478z'/%3E%3Cpath fill='%23000' d='M2.217 14.304h13.304v5.174H2.217zM4.435 19.478h3.696v1.478H4.435zM9.609 19.478h3.696v1.478H9.609zM8.13 1.739h1.478v3.696H8.13zM.739 7.652h1.478v9.609H.739z'/%3E%3Cpath fill='%23000' d='M0 8.391h1.478v8.87H0z'/%3E%3C/svg%3E");background-repeat:no-repeat;border:none;height:20.7px;width:17px}form{font-family:Inconsolata,Menlo,Chicago,Geneva;font-size:14px}.dropdown{display:inline-block;position:relative}.dd-toggle{background-color:#fff;cursor:pointer;display:inline-block;font-family:Chicago_12;font-size:1em;padding:5px;white-space:nowrap}.dd-toggle:after{content:"";height:0;position:absolute;right:15px;top:50%;transform:translateY(-50%);width:0}.dd-toggle:hover{background-color:#000;color:#fff}.dd-input{display:none}.dd-menu{background-color:#fff;border:2px solid;box-shadow:2px 2px;font-family:Chicago_12;font-size:1em;list-style-type:none;margin:2px 0 0;padding:0;position:absolute;top:100%}.dd-input+.dd-menu{display:none}.dd-input:checked+.dd-menu{display:block}.dd-menu li{cursor:pointer;padding:5px 20px;white-space:nowrap}.dd-menu a:hover,.dd-menu li:hover{background-color:#000;color:#fff}.dd-menu li.divider{border-bottom:1.5px dotted #000;padding:0} /*# sourceMappingURL=system.css.map */ \ No newline at end of file diff --git a/system.css.map b/system.css.map index bb7e343..f469f3b 100644 --- a/system.css.map +++ b/system.css.map @@ -1 +1 @@ -{"version":3,"sources":["../style.css"],"names":[],"mappings":"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","file":"system.css","sourcesContent":["/*! system.css v0.1.2 - https://github.com/sakofchit/system.css */\n/**\n * system.css\n * Copyright (c) 2022 Sakun Acharige \n */\n\n:root {\n --box-shadow: 2px 2px;\n\n /* Spacing */\n --element-spacing: 8px;\n --grouped-element-spacing: 6px;\n --radio-width: 12px;\n --checkbox-width: 13px;\n --radio-label-spacing: 6px;\n\n /* Some detailed computations for radio buttons and checkboxes (from 98.css) */\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: 6.13px;\n --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);\n --radio-dot-left: calc(\n -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(\n --radio-dot-width\n ) / 2\n );\n\n --checkbox-total-width-precalc: var(--checkbox-width) +\n var(--radio-label-spacing);\n --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\n --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));\n --checkmark-width: 13px;\n --checkmark-top: 1.5px;\n --checkmark-left: 1.5px;\n}\n\n@font-face {\n font-family: Chicago;\n src: url(\"fonts/ChicagoFLF.ttf\");\n}\n@font-face {\n font-family: Monaco;\n src: url(\"fonts/monaco.ttf\")\n}\n\n/* Fonts below are recreations by Giles Booth */\n@font-face {\n font-family: Chicago_12;\n src: url(\"fonts/ChiKareGo2.ttf\"); \n}\n@font-face {\n font-family: Geneva_9;\n src: url(\"fonts/FindersKeepers.ttf\")\n}\n::-webkit-scrollbar {\n width: 22px;\n background-color: #fff;\n}\n\n::-webkit-scrollbar-track {\n background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n background-color: white;\n background-size: 4px 4px;\n background-position: 0 0, 2px 2px;\n width: 10px;\n border-left: 3px solid black;\n}\n\n::-webkit-scrollbar-thumb {\n width: 20px;\n box-sizing: content-box;\n background-color: #fff;\n border: 2px solid black;\n border-right: none;\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 background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-up.svg\");\n}\n::-webkit-scrollbar-button:vertical:start:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-up-active.svg\");\n}\n::-webkit-scrollbar-button:vertical:end {\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-down.svg\");\n}\n::-webkit-scrollbar-button:vertical:end:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-down-active.svg\");\n}\n\n::-webkit-scrollbar-button:horizontal:start {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-left.svg\");\n}\n::-webkit-scrollbar-button:horizontal:start:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-left-active.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end {\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-right.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-right-active.svg\");\n}\n\nbody {\n background: linear-gradient(90deg, #ffffff 21px, transparent 1%) center, linear-gradient(#ffffff 21px, transparent 1%) center, #000000;\n background-size: 22px 22px;\n background-attachment: fixed;\n}\n\na {\n color: black;\n text-decoration: underline;\n}\n\nhr {\n border-top: 0.15em solid #000;\n}\n\n.container {\n width: 50%;\n margin: 0 auto;\n display: block;\n}\n\nh1,\n.heading {\n font-family: Chicago;\n font-size: 1em;\n}\n\nh2 {\n font-family: Chicago;\n font-size: 2em;\n}\n\n/* buttons */\n.standard-button {\n display: block;\n min-width: 59px;\n min-height: 20px;\n}\n\n/* dialogs & modals */\n.standard-dialog {\n border: 2px solid;\n padding: 10px;\n box-shadow: var(--box-shadow);\n background-color: white;\n}\n\n.modal-dialog, .alert-box {\n width: auto;\n padding: 13px;\n}\n\n.modal-contents, .alert-contents {\n padding: 10px;\n}\n\n.modeless-dialog {\n height: 100%;\n padding: 0.5rem 0.5rem;\n font-size: 18px;\n letter-spacing: -0.025em;\n}\n\n.inner-border {\n border-color: black;\n border-top: 3.5px solid;\n border-bottom: 3.5px solid;\n border-left: 5px solid;\n border-right: 5px solid;\n}\n.outer-border {\n border-color: black;\n border: 2px solid;\n padding: 3px;\n}\n\n/* title bar */\n.title-bar {\n flex: none;\n display: flex;\n align-items: center;\n height: 1.5rem;\n margin: 0.1rem 0;\n padding: 0.2rem 0.1rem;\n background: linear-gradient(#000 50%, transparent 50%);\n background-size: 6.6666666667% 13.3333333333%;\n background-clip: content-box;\n}\n.title-bar .title {\n padding: 0 0.5em;\n margin: 0 auto;\n font-size: 1.5rem;\n font-weight: bold;\n line-height: 1.1;\n text-align: center;\n background: #fff;\n cursor: default;\n font-family: Chicago_12;\n}\n\n.inactive-title-bar {\n flex: none;\n display: flex;\n align-items: center;\n height: 1.5rem;\n margin: 0.1rem 0;\n padding: 0.2rem 0.1rem;\n background-size: 6.6666666667% 13.3333333333%;\n background-clip: content-box;\n}\n.inactive-title-bar .title {\n padding: 0 0.5em;\n margin: 0 auto;\n font-size: 1.5rem;\n font-weight: bold;\n line-height: 1.1;\n text-align: center;\n cursor: default;\n font-family: Chicago_12;\n color:#A5A5A5;\n}\n\n.title-bar button {\n position: relative;\n display: block;\n width: 40px;\n height: 40px;\n margin: 0 0.2rem;\n border: 4px solid #000;\n background-color: #fff;\n cursor: pointer;\n transform: scale(0.5);\n}\n.title-bar button span {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n.title-bar button.close::before, .title-bar button.close::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n.title-bar button.close::before {\n background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n background-size: 30% 4px, 30% 4px, 4px 30%, 4px 30%;\n background-repeat: no-repeat;\n}\n.title-bar button.close::after {\n background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n background-size: 22.5% 3.6363636364px, 22.5% 3.6363636364px, 3.6363636364px 22.5%, 3.6363636364px 22.5%;\n background-repeat: no-repeat;\n transform: rotate(45deg) scale(1.1);\n}\n.title-bar button.close:active::before, .title-bar button.close:active::after {\n opacity: 1;\n}\n.title-bar button.resize {\n background: linear-gradient(#000 0%, #000 100%) left 58%, linear-gradient(to bottom, #000 0%, #000 100%) 58% top;\n background-size: 60% 4px, 4px 60%;\n background-repeat: no-repeat;\n background-color: #fff;\n}\n.title-bar button.resize:active {\n background: #fff;\n}\n.title-bar button.hidden {\n visibility: hidden;\n}\n\n.window {\n flex-direction: column;\n margin: 1rem;\n min-width: 320px;\n overflow: hidden;\n background-color: #fff;\n border: 0.1em solid #000;\n font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n}\n.window-pane {\n overflow-y: scroll;\n height: 100%;\n padding: 1rem 2rem;\n font-size: 18px;\n letter-spacing: -0.025em;\n /*margin-bottom: 1rem;*/\n}\n.window-pane::-webkit-scrollbar {\n width: 22px;\n background-color: #fff;\n}\n.window-pane::-webkit-scrollbar-track {\n background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n background-color: white;\n background-size: 4px 4px;\n background-position: 0 0, 2px 2px;\n width: 10px;\n border-left: 4px solid black;\n}\n.window-pane::-webkit-scrollbar-thumb {\n width: 20px;\n box-sizing: content-box;\n background-color: #fff;\n border: 2px solid black;\n border-right: none;\n}\n\n.separator {\n flex: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n /*padding: 0.4rem 0.8rem;*/\n border-top: 0.1rem solid black;\n border-width: 0.1rem 0;\n font-size: 1rem;\n}\n\n.details-bar {\n flex: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0.4rem 0.8rem;\n border: 0.1rem solid black;\n border-width: 0.1rem 0;\n font-size: 1rem;\n font-weight: 100;\n}\n\n\n/* buttons */\n.btn {\n min-height: 20px;\n min-width: 59px;\n padding: 0 20px;\n text-align:center;\n background: white;\n border-image: url(\"./icon/button.png\") 30 stretch;\n border: 5.5px solid transparent;\n color: black;\n text-align: center;\n text-decoration: none;\n font-size: 18px;\n font-family: Chicago_12;\n cursor: pointer;\n}\n\n.btn:active {\n background: black;\n border-radius:6px;\n color: white;\n font-family: Chicago_12;\n}\n\n.btn:disabled {\n min-height: 20px;\n min-width: 59px;\n text-align:center;\n background: white;\n border-image: url(\"./icon/button.png\") 30 stretch;\n border: 5.5px solid transparent;\n color: #B6B7B8;\n text-align: center;\n text-decoration: none;\n font-size: 18px;\n font-family: Chicago_12;\n}\n\n/* text input */\ninput {\n border: 1.5px solid black;\n font-family: Chicago_12;\n font-size: 18px;\n padding-left: 5px;\n}\n\ninput:focus {\n outline:none;\n}\n\ninput[type=\"radio\"] + label::before {\n border-image: svg-load(\"./icon/radio-border.svg\");\n width: 20px;\n height: 20px;\n}\n\ninput[type=\"checkbox\"] + label::before {\n border: 1.5px solid black;\n width: 20px;\n height: 20px;\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 padding-left: 5px;\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\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=\"checkbox\"] + label {\n position: relative;\n margin-left: var(--checkbox-total-width);\n}\n\ninput[type=\"checkbox\"] + label::before {\n content: \"\";\n position: absolute;\n left: calc(-1 * (var(--checkbox-total-width-precalc)));\n display: inline-block;\n width: var(--checkbox-width);\n height: var(--checkbox-width);\n background: var(--button-highlight);\n box-shadow: var(--border-field);\n margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:checked + label::after {\n content: \"\";\n display: block;\n width: var(--checkmark-width);\n height: var(--checkmark-width);\n position: absolute;\n top: var(--checkmark-top);\n left: calc(\n -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\n );\n background: svg-load(\"./icon/checkmark.svg\");\n background-repeat: no-repeat;\n}\n\n\ninput[type=\"checkbox\"][disabled] + label::before {\n background: var(--surface);\n}\n\ninput[type=\"checkbox\"][disabled]:checked + label::after {\n background: svg-load(\"./icon/checkmark-disabled.svg\");\n}\n\n.field-row {\n display: flex;\n align-items: center;\n font-family: Chicago_12;\n font-size: 1em;\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.apple {\n background: svg-load(\"./icon/apple.svg\");\n height: 20.7px;\n width: 17px;\n background-repeat: no-repeat;\n border: none;\n \n}\n\n/* Form */\nform {\n font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n font-size:14px;\n}\n\n/* Dropdown */\n.dropdown {\n display: inline-block;\n position: relative;\n}\n\n.dd-toggle {\n display: inline-block;\n padding: 5px;\n background-color: #ffffff;\n cursor: pointer;\n white-space: nowrap;\n font-family: Chicago_12;\n font-size: 1em; \n \n}\n\n.dd-toggle:after {\n content: '';\n position: absolute;\n top: 50%;\n right: 15px;\n transform: translateY(-50%);\n width: 0; \n height: 0; \n}\n\n.dd-toggle:hover {\n background-color: black;\n color: white;\n}\n\n.dd-input {\n display: none;\n}\n\n.dd-menu {\n position: absolute;\n top: 100%;\n padding: 0;\n margin: 2px 0 0 0;\n box-shadow: var(--box-shadow);\n border: 2px solid;\n background-color: #ffffff;\n list-style-type: none;\n font-family: Chicago_12;\n font-size: 1em;\n}\n\n.dd-input + .dd-menu {\n display: none;\n} \n\n.dd-input:checked + .dd-menu {\n display: block;\n} \n\n.dd-menu li {\n padding: 5px 20px;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.dd-menu li:hover {\n background-color: black;\n color: white;\n}\n\n.dd-menu a:hover {\n background-color: black;\n color: white;\n}\n\n.dd-menu li.divider{\n padding: 0;\n border-bottom: 1.5px dotted #000;\n}"]} \ No newline at end of file +{"version":3,"sources":["../style.css"],"names":[],"mappings":"AAAA,iEAAiE,CAqCjE,WACE,mBAAoB,CACpB,uBACF,CACA,WACE,kBAAmB,CACnB,mBACF,CAGA,WACE,sBAAuB,CACvB,uBACF,CACA,WACE,oBAAqB,CACrB,2BACF,CACA,oBAEE,qBAAsB,CADtB,UAEF,CAEA,0BACE,8JAAkL,CAClL,qBAAuB,CAEvB,+BAAiC,CADjC,uBAAwB,CAGxB,0BAA4B,CAD5B,UAEF,CAEA,0BAGE,qBAAsB,CAEtB,qBAAkB,CAAlB,iBAAkB,CAHlB,sBAAuB,CADvB,UAKF,CAEA,gNAIE,aACF,CAEA,0CAGE,+wBAAqD,CAFrD,2BAA4B,CAC5B,cAEF,CACA,iDAGE,60BAA4D,CAF5D,2BAA4B,CAC5B,cAEF,CACA,wCAEE,gyBAAuD,CADvD,cAEF,CACA,+CAGE,41BAA8D,CAF9D,2BAA4B,CAC5B,cAEF,CAEA,4CAGE,y4BAAuD,CAFvD,2BAA4B,CAC5B,cAEF,CACA,mDAGE,o7BAA8D,CAF9D,2BAA4B,CAC5B,cAEF,CACA,0CAEE,s3BAAwD,CADxD,cAEF,CACA,iDAGE,w4BAA+D,CAF/D,2BAA4B,CAC5B,cAEF,CAEA,KACE,iHAAsI,CAEtI,2BAA4B,CAD5B,yBAEF,CAEA,EACE,UAAY,CACZ,yBACF,CAEA,GACE,2BACF,CAEA,WAGE,aAAc,CADd,aAAc,CADd,SAGF,CAEA,YAGE,aACF,CAEA,eAJE,mBAOF,CAHA,GAEE,aACF,CAGA,iBACE,aAAc,CAEd,eAAgB,CADhB,cAEF,CAGA,iBAIE,qBAAuB,CAHvB,gBAAiB,CAEjB,kBAA6B,CAD7B,YAGF,CAEA,yBAEE,YAAa,CADb,UAEF,CAEA,gCACE,YACF,CAEA,iBAGE,cAAe,CAFf,WAAY,CAGZ,sBAAwB,CAFxB,aAGF,CAEA,cAKE,yBAAuB,CAAvB,kBAAuB,CAAvB,sBACF,CACA,cAEE,gBAAiB,CACjB,WACF,CAGA,WAGE,kBAAmB,CAInB,kDAAsD,CAEtD,2BAA4B,CAD5B,4CAA6C,CAN7C,YAAa,CADb,SAAU,CAGV,aAAc,CACd,cAAgB,CAChB,mBAIF,CACA,kBAOE,eAAgB,CAChB,cAAe,CACf,sBAAuB,CANvB,gBAAiB,CACjB,eAAiB,CACjB,eAAgB,CAHhB,aAAc,CADd,cAAgB,CAKhB,iBAIF,CAEA,oBAGE,kBAAmB,CAKnB,2BAA4B,CAD5B,4CAA6C,CAL7C,YAAa,CADb,SAAU,CAGV,aAAc,CACd,cAAgB,CAChB,mBAGF,CACA,2BASE,aAAa,CAFb,cAAe,CACf,sBAAuB,CALvB,gBAAiB,CACjB,eAAiB,CACjB,eAAgB,CAHhB,aAAc,CADd,cAAgB,CAKhB,iBAIF,CAEA,kBAOE,qBAAsB,CADtB,qBAAsB,CAEtB,cAAe,CANf,aAAc,CAEd,WAAY,CACZ,cAAgB,CAJhB,iBAAkB,CAQlB,mBAAqB,CANrB,UAOF,CACA,uBAEE,0BAA2B,CAE3B,0BAA8B,CAH9B,2BAIF,CACA,6DAME,QAAS,CALT,UAAW,CAGX,MAAO,CAGP,SAAU,CALV,iBAAkB,CAGlB,OAAQ,CAFR,KAKF,CACA,+BACE,wIAAgN,CAEhN,2BAA4B,CAD5B,+CAEF,CACA,8BACE,wIAAgN,CAEhN,2BAA4B,CAD5B,mGAAuG,CAEvG,kCACF,CACA,2EACE,SACF,CACA,yBACE,0FAAgH,CAGhH,qBAAsB,CADtB,2BAA4B,CAD5B,+BAGF,CACA,gCACE,eACF,CACA,yBACE,iBACF,CAEA,QAKE,qBAAsB,CACtB,sBAAwB,CALxB,qBAAsB,CAMtB,4CAAkD,CALlD,WAAY,CACZ,eAAgB,CAChB,eAIF,CACA,aAIE,cAAe,CAFf,WAAY,CAGZ,sBAAwB,CAJxB,iBAAkB,CAElB,iBAIF,CACA,gCAEE,qBAAsB,CADtB,UAEF,CACA,sCACE,8JAAkL,CAClL,qBAAuB,CAEvB,+BAAiC,CADjC,uBAAwB,CAGxB,0BAA4B,CAD5B,UAEF,CACA,sCAGE,qBAAsB,CAEtB,qBAAkB,CAAlB,iBAAkB,CAHlB,sBAAuB,CADvB,UAKF,CAEA,WAOE,oBAAsB,CAAtB,2BAEF,CAEA,wBATE,YAAa,CADb,SAAU,CAEV,kBAAmB,CAKnB,cAAe,CAJf,6BAiBF,CAVA,aAOE,uBAAsB,CAAtB,oBAAsB,CAEtB,eAAgB,CAJhB,mBAKF,CAIA,KAKE,eAAiB,CAEjB,8BAA+B,CAD/B,uCAAiD,CAEjD,UAAY,CAKZ,cAAe,CAFf,cAAe,CAVf,eAAgB,CAChB,cAAe,CACf,cAAe,CAMf,iBAAkB,CAClB,oBAIF,CAEA,iBAJE,sBASF,CALA,YACE,eAAiB,CACjB,iBAAiB,CACjB,UAEF,CAEA,cAIE,eAAiB,CAEjB,8BAA+B,CAD/B,uCAAiD,CAEjD,aAAc,CANd,eAAgB,CAChB,cAAe,CAMf,iBAAkB,CAClB,oBAGF,CAGA,oBAJE,sBAAuB,CADvB,cAUF,CALA,MACE,uBAAyB,CAGzB,gBACF,CAEA,YACE,YACF,CAEA,+BACE,wVAAiD,CAEjD,WAAY,CADZ,UAEF,CAEA,kCACE,uBAAyB,CAEzB,WAAY,CADZ,UAEF,CAEA,uCAEE,eAAgB,CAChB,uBAAwB,CACxB,oBAAqB,CAErB,YAAa,CAGb,WAAY,CAJZ,QAAS,CAGT,SAAU,CADV,cAGF,CAEA,mDAEE,gBAAiB,CACjB,gBACF,CAEA,wBAEE,gBAAqC,CADrC,iBAEF,CAEA,+BASE,sVAA+C,CAR/C,UAAW,CAIX,oBAAqB,CAErB,WAA0B,CAH1B,UAAmD,CAInD,gBAAwC,CANxC,iBAAkB,CAClB,KAAM,CAGN,UAIF,CAGA,sCAQE,mOAA4C,CAP5C,UAAW,CACX,aAAc,CAEd,UAA8B,CAE9B,UAA2B,CAC3B,iBAAkB,CAFlB,OAAyB,CAFzB,SAMF,CAEA,2BAEE,gBAAwC,CADxC,iBAEF,CAEA,kCAOE,oBAAmC,CACnC,oBAA+B,CAP/B,UAAW,CAGX,oBAAqB,CAErB,WAA6B,CAH7B,UAAsD,CAMtD,gBAAwC,CAPxC,iBAAkB,CAGlB,UAKF,CAEA,yCAUE,ygBAA4C,CAC5C,2BAA4B,CAV5B,UAAW,CACX,aAAc,CAEd,WAA8B,CAG9B,YAEC,CAJD,iBAAkB,CAClB,SAAyB,CAHzB,UASF,CAGA,4CACE,oBACF,CAEA,mDACE,oDACF,CAEA,WAEE,kBAAmB,CADnB,YAAa,CAEb,sBAAuB,CACvB,aACF,CAEA,sCACE,cACF,CAEA,eACE,eACF,CAEA,OACE,izBAAwC,CAGxC,2BAA4B,CAC5B,WAAY,CAHZ,aAAc,CACd,UAIF,CAGA,KACE,4CAAkD,CAClD,cACF,CAGA,UACE,oBAAqB,CACrB,iBACF,CAEA,WAGE,qBAAyB,CACzB,cAAe,CAHf,oBAAqB,CAKrB,sBAAuB,CACvB,aAAc,CALd,WAAY,CAGZ,kBAIF,CAEA,iBACE,UAAW,CAMX,QAAS,CALT,iBAAkB,CAElB,UAAW,CADX,OAAQ,CAER,0BAA2B,CAC3B,OAEF,CAEA,iBACE,qBAAuB,CACvB,UACF,CAEA,UACE,YACF,CAEA,SAOE,qBAAyB,CADzB,gBAAiB,CADjB,kBAA6B,CAI7B,sBAAuB,CACvB,aAAc,CAFd,oBAAqB,CAJrB,cAAiB,CADjB,SAAU,CAFV,iBAAkB,CAClB,QASF,CAEA,mBACE,YACF,CAEA,2BACE,aACF,CAEA,YAEE,cAAe,CADf,gBAAiB,CAEjB,kBACF,CAOA,mCACE,qBAAuB,CACvB,UACF,CAEA,oBAEE,+BAAgC,CADhC,SAEF","file":"system.css","sourcesContent":["/*! system.css v0.1.3 - https://github.com/sakofchit/system.css */\n/**\n * system.css\n * Copyright (c) 2022 Sakun Acharige \n */\n\n:root {\n --box-shadow: 2px 2px;\n\n /* Spacing */\n --element-spacing: 8px;\n --grouped-element-spacing: 6px;\n --radio-width: 12px;\n --checkbox-width: 13px;\n --radio-label-spacing: 6px;\n\n /* Some detailed computations for radio buttons and checkboxes (from 98.css) */\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: 6px;\n --radio-dot-top: calc(var(--radio-width) / 2 - var(--radio-dot-width) / 2);\n --radio-dot-left: calc(\n -1 * (var(--radio-total-width-precalc)) + var(--radio-width) / 2 - var(\n --radio-dot-width\n ) / 2\n );\n\n --checkbox-total-width-precalc: var(--checkbox-width) +\n var(--radio-label-spacing);\n --checkbox-total-width: calc(var(--checkbox-total-width-precalc));\n --checkbox-left: calc(-1 * var(--checkbox-total-width-precalc));\n --checkmark-width: 13px;\n --checkmark-top: 1.5px;\n --checkmark-left: 1.5px;\n}\n\n@font-face {\n font-family: Chicago;\n src: url(\"fonts/ChicagoFLF.ttf\");\n}\n@font-face {\n font-family: Monaco;\n src: url(\"fonts/monaco.ttf\")\n}\n\n/* Fonts below are recreations by Giles Booth */\n@font-face {\n font-family: Chicago_12;\n src: url(\"fonts/ChiKareGo2.ttf\"); \n}\n@font-face {\n font-family: Geneva_9;\n src: url(\"fonts/FindersKeepers.ttf\")\n}\n::-webkit-scrollbar {\n width: 22px;\n background-color: #fff;\n}\n\n::-webkit-scrollbar-track {\n background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n background-color: white;\n background-size: 4px 4px;\n background-position: 0 0, 2px 2px;\n width: 10px;\n border-left: 3px solid black;\n}\n\n::-webkit-scrollbar-thumb {\n width: 20px;\n box-sizing: content-box;\n background-color: #fff;\n border: 2px solid black;\n border-right: none;\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 background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-up.svg\");\n}\n::-webkit-scrollbar-button:vertical:start:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-up-active.svg\");\n}\n::-webkit-scrollbar-button:vertical:end {\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-down.svg\");\n}\n::-webkit-scrollbar-button:vertical:end:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-down-active.svg\");\n}\n\n::-webkit-scrollbar-button:horizontal:start {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-left.svg\");\n}\n::-webkit-scrollbar-button:horizontal:start:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-left-active.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end {\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-right.svg\");\n}\n::-webkit-scrollbar-button:horizontal:end:active {\n background-repeat: no-repeat;\n height: 23.38px;\n background-image: svg-load(\"./icon/scrollbar-right-active.svg\");\n}\n\nbody {\n background: linear-gradient(90deg, #ffffff 21px, transparent 1%) center, linear-gradient(#ffffff 21px, transparent 1%) center, #000000;\n background-size: 22px 22px;\n background-attachment: fixed;\n}\n\na {\n color: black;\n text-decoration: underline;\n}\n\nhr {\n border-top: 0.15em solid #000;\n}\n\n.container {\n width: 50%;\n margin: 0 auto;\n display: block;\n}\n\nh1,\n.heading {\n font-family: Chicago;\n font-size: 1em;\n}\n\nh2 {\n font-family: Chicago;\n font-size: 2em;\n}\n\n/* buttons */\n.standard-button {\n display: block;\n min-width: 59px;\n min-height: 20px;\n}\n\n/* dialogs & modals */\n.standard-dialog {\n border: 2px solid;\n padding: 10px;\n box-shadow: var(--box-shadow);\n background-color: white;\n}\n\n.modal-dialog, .alert-box {\n width: auto;\n padding: 13px;\n}\n\n.modal-contents, .alert-contents {\n padding: 10px;\n}\n\n.modeless-dialog {\n height: 100%;\n padding: 0.5rem 0.5rem;\n font-size: 18px;\n letter-spacing: -0.025em;\n}\n\n.inner-border {\n border-color: black;\n border-top: 3.5px solid;\n border-bottom: 3.5px solid;\n border-left: 5px solid;\n border-right: 5px solid;\n}\n.outer-border {\n border-color: black;\n border: 2px solid;\n padding: 3px;\n}\n\n/* title bar */\n.title-bar {\n flex: none;\n display: flex;\n align-items: center;\n height: 1.5rem;\n margin: 0.1rem 0;\n padding: 0.2rem 0.1rem;\n background: linear-gradient(#000 50%, transparent 50%);\n background-size: 6.6666666667% 13.3333333333%;\n background-clip: content-box;\n}\n.title-bar .title {\n padding: 0 0.5em;\n margin: 0 auto;\n font-size: 1.5rem;\n font-weight: bold;\n line-height: 1.1;\n text-align: center;\n background: #fff;\n cursor: default;\n font-family: Chicago_12;\n}\n\n.inactive-title-bar {\n flex: none;\n display: flex;\n align-items: center;\n height: 1.5rem;\n margin: 0.1rem 0;\n padding: 0.2rem 0.1rem;\n background-size: 6.6666666667% 13.3333333333%;\n background-clip: content-box;\n}\n.inactive-title-bar .title {\n padding: 0 0.5em;\n margin: 0 auto;\n font-size: 1.5rem;\n font-weight: bold;\n line-height: 1.1;\n text-align: center;\n cursor: default;\n font-family: Chicago_12;\n color:#A5A5A5;\n}\n\n.title-bar button {\n position: relative;\n display: block;\n width: 40px;\n height: 40px;\n margin: 0 0.2rem;\n border: 4px solid #000;\n background-color: #fff;\n cursor: pointer;\n transform: scale(0.5);\n}\n.title-bar button span {\n position: absolute !important;\n clip: rect(1px 1px 1px 1px);\n /* IE6, IE7 */\n clip: rect(1px, 1px, 1px, 1px);\n}\n.title-bar button.close::before, .title-bar button.close::after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n opacity: 0;\n}\n.title-bar button.close::before {\n background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n background-size: 30% 4px, 30% 4px, 4px 30%, 4px 30%;\n background-repeat: no-repeat;\n}\n.title-bar button.close::after {\n background: linear-gradient(#000 0%, #000 100%) left center, linear-gradient(#000 0%, #000 100%) right center, linear-gradient(#000 0%, #000 100%) center top, linear-gradient(#000 0%, #000 100%) center bottom;\n background-size: 22.5% 3.6363636364px, 22.5% 3.6363636364px, 3.6363636364px 22.5%, 3.6363636364px 22.5%;\n background-repeat: no-repeat;\n transform: rotate(45deg) scale(1.1);\n}\n.title-bar button.close:active::before, .title-bar button.close:active::after {\n opacity: 1;\n}\n.title-bar button.resize {\n background: linear-gradient(#000 0%, #000 100%) left 58%, linear-gradient(to bottom, #000 0%, #000 100%) 58% top;\n background-size: 60% 4px, 4px 60%;\n background-repeat: no-repeat;\n background-color: #fff;\n}\n.title-bar button.resize:active {\n background: #fff;\n}\n.title-bar button.hidden {\n visibility: hidden;\n}\n\n.window {\n flex-direction: column;\n margin: 1rem;\n min-width: 320px;\n overflow: hidden;\n background-color: #fff;\n border: 0.1em solid #000;\n font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n}\n.window-pane {\n overflow-y: scroll;\n height: 100%;\n padding: 1rem 2rem;\n font-size: 18px;\n letter-spacing: -0.025em;\n /*margin-bottom: 1rem;*/\n}\n.window-pane::-webkit-scrollbar {\n width: 22px;\n background-color: #fff;\n}\n.window-pane::-webkit-scrollbar-track {\n background: linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000), linear-gradient(45deg, #000 25%, transparent 25%, transparent 75%, #000 75%, #000);\n background-color: white;\n background-size: 4px 4px;\n background-position: 0 0, 2px 2px;\n width: 10px;\n border-left: 4px solid black;\n}\n.window-pane::-webkit-scrollbar-thumb {\n width: 20px;\n box-sizing: content-box;\n background-color: #fff;\n border: 2px solid black;\n border-right: none;\n}\n\n.separator {\n flex: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n /*padding: 0.4rem 0.8rem;*/\n border-top: 0.1rem solid black;\n border-width: 0.1rem 0;\n font-size: 1rem;\n}\n\n.details-bar {\n flex: none;\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: 0.4rem 0.8rem;\n border: 0.1rem solid black;\n border-width: 0.1rem 0;\n font-size: 1rem;\n font-weight: 100;\n}\n\n\n/* buttons */\n.btn {\n min-height: 20px;\n min-width: 59px;\n padding: 0 20px;\n text-align:center;\n background: white;\n border-image: url(\"./icon/button.png\") 30 stretch;\n border: 5.5px solid transparent;\n color: black;\n text-align: center;\n text-decoration: none;\n font-size: 18px;\n font-family: Chicago_12;\n cursor: pointer;\n}\n\n.btn:active {\n background: black;\n border-radius:6px;\n color: white;\n font-family: Chicago_12;\n}\n\n.btn:disabled {\n min-height: 20px;\n min-width: 59px;\n text-align:center;\n background: white;\n border-image: url(\"./icon/button.png\") 30 stretch;\n border: 5.5px solid transparent;\n color: #B6B7B8;\n text-align: center;\n text-decoration: none;\n font-size: 18px;\n font-family: Chicago_12;\n}\n\n/* text input */\ninput {\n border: 1.5px solid black;\n font-family: Chicago_12;\n font-size: 18px;\n padding-left: 5px;\n}\n\ninput:focus {\n outline:none;\n}\n\ninput[type=\"radio\"] + label::before {\n border-image: svg-load(\"./icon/radio-border.svg\");\n width: 20px;\n height: 20px;\n}\n\ninput[type=\"checkbox\"] + label::before {\n border: 1.5px solid black;\n width: 20px;\n height: 20px;\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 padding-left: 5px;\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\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=\"checkbox\"] + label {\n position: relative;\n margin-left: var(--checkbox-total-width);\n}\n\ninput[type=\"checkbox\"] + label::before {\n content: \"\";\n position: absolute;\n left: calc(-1 * (var(--checkbox-total-width-precalc)));\n display: inline-block;\n width: var(--checkbox-width);\n height: var(--checkbox-width);\n background: var(--button-highlight);\n box-shadow: var(--border-field);\n margin-right: var(--radio-label-spacing);\n}\n\ninput[type=\"checkbox\"]:checked + label::after {\n content: \"\";\n display: block;\n width: var(--checkmark-width);\n height: var(--checkmark-width);\n position: absolute;\n top: var(--checkmark-top);\n left: calc(\n -1 * (var(--checkbox-total-width-precalc)) + var(--checkmark-left)\n );\n background: svg-load(\"./icon/checkmark.svg\");\n background-repeat: no-repeat;\n}\n\n\ninput[type=\"checkbox\"][disabled] + label::before {\n background: var(--surface);\n}\n\ninput[type=\"checkbox\"][disabled]:checked + label::after {\n background: svg-load(\"./icon/checkmark-disabled.svg\");\n}\n\n.field-row {\n display: flex;\n align-items: center;\n font-family: Chicago_12;\n font-size: 1em;\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.apple {\n background: svg-load(\"./icon/apple.svg\");\n height: 20.7px;\n width: 17px;\n background-repeat: no-repeat;\n border: none;\n \n}\n\n/* Form */\nform {\n font-family: \"Inconsolata\", Menlo, Chicago, Geneva;\n font-size:14px;\n}\n\n/* Dropdown */\n.dropdown {\n display: inline-block;\n position: relative;\n}\n\n.dd-toggle {\n display: inline-block;\n padding: 5px;\n background-color: #ffffff;\n cursor: pointer;\n white-space: nowrap;\n font-family: Chicago_12;\n font-size: 1em; \n \n}\n\n.dd-toggle:after {\n content: '';\n position: absolute;\n top: 50%;\n right: 15px;\n transform: translateY(-50%);\n width: 0; \n height: 0; \n}\n\n.dd-toggle:hover {\n background-color: black;\n color: white;\n}\n\n.dd-input {\n display: none;\n}\n\n.dd-menu {\n position: absolute;\n top: 100%;\n padding: 0;\n margin: 2px 0 0 0;\n box-shadow: var(--box-shadow);\n border: 2px solid;\n background-color: #ffffff;\n list-style-type: none;\n font-family: Chicago_12;\n font-size: 1em;\n}\n\n.dd-input + .dd-menu {\n display: none;\n} \n\n.dd-input:checked + .dd-menu {\n display: block;\n} \n\n.dd-menu li {\n padding: 5px 20px;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.dd-menu li:hover {\n background-color: black;\n color: white;\n}\n\n.dd-menu a:hover {\n background-color: black;\n color: white;\n}\n\n.dd-menu li.divider{\n padding: 0;\n border-bottom: 1.5px dotted #000;\n}"]} \ No newline at end of file