/*! 7.css v0.21.1 | https://github.com/khang-nd/7.css | MIT License, Copyright (c) 2021 Khang Nguyen Duy
   Trimmed to the parts linksite uses. Title-bar button glyphs redrawn for linksite (no bitmap images). Adding other 7.css components (tabs, menus, sliders...)?
   Point index.html back at https://cdn.jsdelivr.net/npm/7.css@0.21.1/dist/7.css to get them. */
:root{--w7-font:9pt "Segoe UI","SegoeUI","Noto Sans",sans-serif;--w7-surface:#f0f0f0;--w7-el-bg:#f2f2f2;--w7-el-bg-d:#f4f4f4;--w7-el-bg-s-1:#ebebeb;--w7-el-bg-s-2:#cfcfcf;--w7-el-sd:inset 0 0 0 1px #fffc;--w7-el-sd-a:inset 1px 1px 0 #0003,inset -1px 1px 0 #0001;--w7-el-bd:#8e8f8f;--w7-el-bd-h:#3c7fb1;--w7-el-bd-a:#6d91ab;--w7-el-bd-d:#adb2b5;--w7-el-bdr:3px;--w7-el-c-d:#838383;--w7-el-grad:linear-gradient(var(--w7-el-bg) 45%,var(--w7-el-bg-s-1) 45%,var(--w7-el-bg-s-2));--w7-el-grad-h:linear-gradient(#eaf6fd 45%,#bee6fd 0,#a7d9f5);--w7-el-grad-a:linear-gradient(#e5f4fc,#c4e5f6 30% 50%,#98d1ef 50%,#68b3db)}[role=button],button,input[type=file]::file-selector-button{background:var(--w7-el-grad);border:1px solid var(--w7-el-bd);border-radius:var(--w7-el-bdr);box-shadow:var(--w7-el-sd);box-sizing:border-box;color:#222;font:var(--w7-font);text-align:center;z-index:0;min-width:75px;min-height:23px;padding:0 12px;position:relative}[role=button]:before,button:before{background:var(--w7-el-grad-h);border-radius:var(--w7-el-bdr);box-shadow:var(--w7-el-sd)}[role=button]:after,[role=button]:before,button:after,button:before{content:"";opacity:0;z-index:-1;width:100%;height:100%;margin:0;padding:0;transition:opacity .3s;position:absolute;top:0;left:0}[role=button]:after,button:after{background:var(--w7-el-grad-a);box-shadow:var(--w7-el-sd-a);border-radius:2px}[role=button]:disabled,button:disabled{background:var(--w7-el-bg-d);border-color:var(--w7-el-bd-d);color:var(--w7-el-c-d)}[role=button]:not(:disabled):hover,button:not(:disabled):hover{border-color:var(--w7-el-bd-h);transition:border-color .3s}[role=button]:not(:disabled):hover:before,button:not(:disabled):hover:before{opacity:1;transition:opacity .3s}[role=button]:not(:disabled):not(:hover),button:not(:disabled):not(:hover){border-color:var(--w7-el-bd);transition:border-color 1s linear}[role=button]:not(:disabled):not(:hover):before,button:not(:disabled):not(:hover):before{opacity:0;transition:opacity 1s linear}[role=button]:not(:disabled).active,[role=button]:not(:disabled):active,button:not(:disabled).active,button:not(:disabled):active{border-color:var(--w7-el-bd-a);transition:border-color .3s}[role=button]:not(:disabled).active:after,[role=button]:not(:disabled):active:after,button:not(:disabled).active:after,button:not(:disabled):active:after{opacity:1;transition:opacity .3s}[role=button]:focus-visible,button:focus-visible{outline-offset:-4px;outline:1px dotted #000;box-shadow:inset 0 0 0 2px #98d1ef}[role=button].default,[role=button]:focus,button.default,button:focus{background-image:var(--w7-el-grad-h);border-color:#5586a3;-webkit-animation:1s infinite alternate pulse-anim;animation:1s infinite alternate pulse-anim}label[role=button]{align-items:center;display:inline-flex}label[role=button]>input[type=file]{display:none}@-webkit-keyframes pulse-anim{0%{box-shadow:inset 0 0 3px 1px #34deffdd}to{box-shadow:inset 0 0 1px 1px #34deffdd}}@keyframes pulse-anim{0%{box-shadow:inset 0 0 3px 1px #34deffdd}to{box-shadow:inset 0 0 1px 1px #34deffdd}}:root{--w7-cb-size:14px}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:var(--w7-font);opacity:0;background:0 0;border:none;margin:0}input[type=checkbox]+label{font:var(--w7-font);align-items:center;display:inline-flex;position:relative}input[type=checkbox]+label:before{border:1px solid var(--w7-el-bd);box-shadow:inset 0 0 0 1px var(--w7-el-bg-d),inset 1px 1px 0 1px #aeaeae,inset -1px -1px 0 1px #ddd,inset 3px 3px 6px #ccc;box-sizing:border-box;content:"";height:var(--w7-cb-size);width:var(--w7-cb-size);background:#f6f6f6;margin-right:6px;transition:all .4s;display:inline-block}input[type=checkbox]+label:hover:before{border-color:var(--w7-el-bd-h);background:#e9f7fe;box-shadow:inset 0 0 0 1px #def9fa,inset 1px 1px 0 1px #79c6f9,inset -1px -1px 0 1px #c6e9fc,inset 3px 3px 6px #b1dffd}input[type=checkbox]:focus-visible+label{outline:1px dotted #000}input[type=checkbox]:checked+label:after{color:#4a5f97;content:"✔";font-weight:700;display:block;position:absolute;top:0;left:2px}input[type=checkbox]:disabled+label{color:#6d6d6d}input[type=checkbox]:disabled+label:before{box-shadow:none;content:"";height:var(--w7-cb-size);width:var(--w7-cb-size);background:linear-gradient(to bottom right,#f0f0f0,#fbfbfb);border:1px solid #b1b1b1;margin-right:6px;display:inline-block}input[type=checkbox]:disabled+label:after{color:#bfbfbf}details{margin-top:0}fieldset{border-radius:var(--w7-el-bdr);border:1px solid #cdd7db;margin:0;padding:8px 10px 10px;box-shadow:inset 0 0 0 1px #fff}fieldset legend{font:var(--w7-font)}fieldset{flex-direction:column;gap:6px;display:flex}table{border-collapse:collapse;font:var(--w7-font);table-layout:fixed;text-align:left;white-space:nowrap;background-color:#fff;border:1px solid #c0c1cd;position:relative}table td,table th{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}table>thead>tr>*{box-sizing:border-box;cursor:default;background:linear-gradient(#fff 45%,#fafafa 0,#f0f0f0);border:1px solid #d7d7d7;height:22px;padding:0 8px;font-weight:400;position:sticky;top:0}table>tbody>tr{cursor:default}table>tbody>tr>*{height:14px;padding:2px 8px}table>tbody>tr>:not(:last-child){border-right:1px solid #eee}:root{--w7-rd-size:14px;--w7-rdl-space:6px;--w7-rd-left:calc(var(--w7-rd-size) + var(--w7-rdl-space));--w7-rdd-size:8px;--w7-rdd-center:(var(--w7-rd-size) - var(--w7-rdd-size)) /2}input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;background:0;border:none;margin:0;position:fixed}input[type=radio]+label{font:var(--w7-font);margin-left:var(--w7-rd-left);align-items:center;display:inline-flex;position:relative}input[type=radio]+label:before{border:1px solid;border-color:var(--w7-el-bd);box-shadow:inset 0 0 0 1.5px var(--w7-el-bg-d),inset 1px 1px 0 1.5px #aeaeae,inset -1px 0 0 1.5px #ddd,inset 3px 3px 6px #ccc;box-sizing:border-box;content:"";height:var(--w7-rd-size);left:calc(var(--w7-rd-left)*-1);margin-right:var(--w7-rdl-space);width:var(--w7-rd-size);background:#f6f6f6;border-radius:50%;transition:all .4s;display:inline-block;position:absolute;top:0}input[type=radio]+label:hover:before{border-color:var(--w7-el-bd-h);box-shadow:inset 0 0 0 1.5px #def9fa,inset 1px 1px 0 1.5px #79c6f9,inset -1px -1px 0 1.5px #c6e9fc,inset 3px 3px 6px #b1dffd}input[type=radio]:checked+label:after{box-sizing:border-box;content:"";height:var(--w7-rdd-size);left:calc(var(--w7-rd-left)*-1 + var(--w7-rdd-center));top:calc(var(--w7-rdd-center));width:var(--w7-rdd-size);background:#7cd3eb;border:1.5px solid #27506d;border-radius:50%;display:block;position:absolute;box-shadow:inset -1px -1px 0 .5px #16638f,inset -1px -1px 0 1px #1985c0}input[type=radio]:focus-visible+label{outline:1px dotted #000}input[type=radio]:disabled+label{filter:grayscale();opacity:.6}input[type=radio]:disabled:not(:checked)+label:before{opacity:.5}:root{}:root{}input[type=email],input[type=number],input[type=text],input[type=url]{box-sizing:border-box;height:23px;font:var(--w7-font);background-color:#fff;border:1px solid #abadb3;border-color:#abadb3 #dbdfe6 #e3e9ef #e2e3ea;border-radius:2px;padding:3px 4px 5px;transition:border-color .5s}input[type=email]:hover,input[type=number]:hover,input[type=text]:hover,input[type=url]:hover{border-color:#5794bf #b7d5ea #c7e2f1 #c5daed;transition:border-color .3s}input[type=email]:focus,input[type=number]:focus,input[type=text]:focus,input[type=url]:focus{border-color:#3d7bad #a4c9e3 #b7d9ed #b5cfe7;outline:none}input[type=email]:disabled,input[type=number]:disabled,input[type=text]:disabled,input[type=url]:disabled{background:var(--w7-surface);border-color:#afafaf;box-shadow:inset 0 0 0 1px #fff}:root{--w7-link-c:#06c;--w7-link-c-h:#39f}a{color:var(--w7-link-c);text-decoration:none}a:focus-visible{outline:1px dotted var(--w7-link-c)}a:focus,a:hover{color:var(--w7-link-c-h);text-decoration:underline}.header{font:var(--w7-font);font-weight:400}:root{--w7-w-space:6px;--w7-w-bd:#000000b3;--w7-w-bdr:6px;--w7-w-bg:#4580c4;--w7-w-glass:linear-gradient(135deg,#fff5 70px,transparent 100px),linear-gradient(225deg,#fff5 70px,transparent 100px),linear-gradient(54deg,#0002 0 4%,#6661 6% 6%,#0002 8% 10%,#0002 15% 16%,#aaa1 17% 18%,#0002 23% 24%,#bbb2 25% 26%,#0002 31% 33%,#0002 34% 34.5%,#bbb2 36% 40%,#0002 41% 41.5%,#bbb2 44% 45%,#bbb2 46% 47%,#0002 48% 49%,#0002 50% 50.5%,#0002 56% 56.5%,#bbb2 57% 63%,#0002 67% 69%,#bbb2 69.5% 70%,#0002 73.5% 74%,#bbb2 74.5% 79%,#0002 80% 84%,#aaa2 85% 86%,#0002 87%,#bbb1 90%) left center/100vw 100vh no-repeat fixed;--w7-w-grad:linear-gradient(to right,#fff6,#0000001a,#fff3),var(--w7-w-bg);--w7-wct-bd:#0000004d;--w7-wct-bdr:5px;--w7-wct-sd:inset 0 0 0 1px #fffa;--w7-wct-bg:linear-gradient(#ffffff80,#ffffff4d 45%,#0000001a 50%,#0000001a 75%,#ffffff80);--w7-wct-bg-h:radial-gradient(circle at bottom,#2aceda,transparent 65%),linear-gradient(#b6d9ee 50%,#1a6ca1 0);--w7-wct-bg-a:radial-gradient(circle at bottom,#0bfdfa,transparent 65%),linear-gradient(#86a7bc 50%,#092747 0);--w7-wct_close-bg:radial-gradient(circle at -60% 50%,#0007 5% 10%,#0000 50%),radial-gradient(circle at 160% 50%,#0007 5% 10%,#0000 50%),linear-gradient(#e0a197e5,#cf796a 25% 50%,#d54f36 50%)}.window{border:1px solid var(--w7-w-bd);box-shadow:2px 2px 10px 1px var(--w7-w-bd),inset 0 0 0 1px #fffa;font:var(--w7-font);z-index:0;position:relative}.window,.window:before{border-radius:var(--w7-w-bdr)}.window:before{background:linear-gradient(transparent 20%,#ffffffb3 40%,transparent 41%),var(--w7-w-grad);background-color:var(--w7-w-bg);content:"";z-index:-1;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 0 1px #fffd}.window-body{background:var(--w7-surface);border:1px solid var(--w7-w-bd);margin:var(--w7-w-space);margin-top:0;box-shadow:0 0 0 1px #fff9}.window-body.has-space{padding:var(--w7-w-space)}.window footer{background:var(--w7-surface);border:1px solid var(--w7-w-bd);margin:var(--w7-w-space);margin-top:calc(var(--w7-w-space)*-1 - 1px);border-top:0;padding:10px;position:relative;box-shadow:0 .5px 1px .5px #fff}.window footer:before{content:"";width:100%;height:2px;position:absolute;top:0;left:0;box-shadow:inset 0 1px #0000004d,inset 0 -1px #fff}.window.glass:before{opacity:.6}.window.glass:after{backdrop-filter:blur(4px);border-radius:var(--w7-w-bdr);content:"";z-index:-10;border:none;width:100%;height:100%;position:absolute;top:0;left:0}.window.glass>.title-bar{background:var(--w7-w-glass);background-attachment:fixed}.window>.title-bar{border:0;box-shadow:inset 0 1px #fffd,inset 1px 0 #fffd,inset -1px 0 #fffd}.window fieldset{margin-bottom:9px}.title-bar{background:var(--w7-w-grad);background-color:var(--w7-w-bg);border:1px solid var(--w7-w-bd);border-radius:var(--w7-w-bdr) var(--w7-w-bdr) 0 0;font:var(--w7-font);padding:var(--w7-w-space);justify-content:space-between;align-items:center;padding-top:0;display:flex;box-shadow:inset 0 0 0 1px #fff9}.title-bar-text{color:#000;letter-spacing:0;padding-top:var(--w7-w-space);text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;line-height:15px}.title-bar-controls{border:1px solid var(--w7-wct-bd);border-radius:0 0 var(--w7-wct-bdr) var(--w7-wct-bdr);background:#fff3;border-top:0;display:flex;box-shadow:0 1px #fffa,1px 0 #fffa,-1px 0 #fffa}.title-bar-controls button{border:0;border-right:1px solid var(--w7-wct-bd);box-shadow:none;box-sizing:border-box;background:0 0;border-radius:0;min-width:29px;min-height:19px;padding:0;position:relative}.title-bar-controls button:after{content:none}.title-bar-controls button:before{content:"";opacity:1;border-radius:0;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff5}.title-bar-controls button.is-minimize:before,.title-bar-controls button[aria-label=Minimize]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5'%3E%3Crect x='1' y='.5' width='10' height='4' rx='.6' fill='%23fff' stroke='%2322324a'/%3E%3C/svg%3E") 50% 10px no-repeat}.title-bar-controls button.is-maximize:before,.title-bar-controls button[aria-label=Maximize]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M0 0h12v10H0zM1 1v8h10V1z'/%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M1 1h10v8H1zM3 4v3h6V4z'/%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M3 4h6v3H3zM4 5v1h4V5z'/%3E%3C/svg%3E") 50% no-repeat}.title-bar-controls button.is-close,.title-bar-controls button[aria-label=Close]{min-width:48px}.title-bar-controls button.is-close:before,.title-bar-controls button[aria-label=Close]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10'%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%2322324a' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") 50% no-repeat}.title-bar-controls button:first-child,.title-bar-controls button:first-child:before{border-bottom-left-radius:var(--w7-wct-bdr)}.title-bar-controls button:last-child,.title-bar-controls button:last-child:before{border-bottom-right-radius:var(--w7-wct-bdr);border:0}.title-bar.active .title-bar-controls,.window.active .title-bar .title-bar-controls{border-color:var(--w7-w-bd)}.title-bar.active .title-bar-controls button,.window.active .title-bar .title-bar-controls button{border-color:var(--w7-w-bd);box-shadow:var(--w7-wct-sd)}.title-bar.active .title-bar-controls button:after,.window.active .title-bar .title-bar-controls button:after{content:none}.title-bar.active .title-bar-controls button.is-minimize,.title-bar.active .title-bar-controls button[aria-label=Minimize],.window.active .title-bar .title-bar-controls button.is-minimize,.window.active .title-bar .title-bar-controls button[aria-label=Minimize]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5'%3E%3Crect x='1' y='.5' width='10' height='4' rx='.6' fill='%23fff' stroke='%2322324a'/%3E%3C/svg%3E") no-repeat center 10px,var(--w7-wct-bg)}.title-bar.active .title-bar-controls button.is-minimize:before,.title-bar.active .title-bar-controls button[aria-label=Minimize]:before,.window.active .title-bar .title-bar-controls button.is-minimize:before,.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='5'%3E%3Crect x='1' y='.5' width='10' height='4' rx='.6' fill='%23fff' stroke='%2322324a'/%3E%3C/svg%3E") no-repeat center 10px,var(--w7-wct-bg-h);border-bottom-left-radius:var(--w7-wct-bdr);box-shadow:0 0 7px 3px #5dc4f0,var(--w7-wct-sd);content:"";opacity:0;transition:opacity .3s linear}.title-bar.active .title-bar-controls button.is-maximize,.title-bar.active .title-bar-controls button[aria-label=Maximize],.window.active .title-bar .title-bar-controls button.is-maximize,.window.active .title-bar .title-bar-controls button[aria-label=Maximize]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M0 0h12v10H0zM1 1v8h10V1z'/%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M1 1h10v8H1zM3 4v3h6V4z'/%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M3 4h6v3H3zM4 5v1h4V5z'/%3E%3C/svg%3E") no-repeat 50%,var(--w7-wct-bg)}.title-bar.active .title-bar-controls button.is-maximize:before,.title-bar.active .title-bar-controls button[aria-label=Maximize]:before,.window.active .title-bar .title-bar-controls button.is-maximize:before,.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10'%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M0 0h12v10H0zM1 1v8h10V1z'/%3E%3Cpath fill-rule='evenodd' fill='%23fff' d='M1 1h10v8H1zM3 4v3h6V4z'/%3E%3Cpath fill-rule='evenodd' fill='%2322324a' d='M3 4h6v3H3zM4 5v1h4V5z'/%3E%3C/svg%3E") no-repeat 50%,var(--w7-wct-bg-h);box-shadow:0 0 7px 3px #5dc4f0,var(--w7-wct-sd);content:"";opacity:0;transition:opacity .3s linear}.title-bar.active .title-bar-controls button.is-close,.title-bar.active .title-bar-controls button[aria-label=Close],.window.active .title-bar .title-bar-controls button.is-close,.window.active .title-bar .title-bar-controls button[aria-label=Close]{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10'%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%2322324a' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%,var(--w7-wct-bg),var(--w7-wct_close-bg);box-shadow:var(--w7-wct-sd)}.title-bar.active .title-bar-controls button.is-close:before,.title-bar.active .title-bar-controls button[aria-label=Close]:before,.window.active .title-bar .title-bar-controls button.is-close:before,.window.active .title-bar .title-bar-controls button[aria-label=Close]:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='10'%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%2322324a' stroke-width='3.4' stroke-linecap='round'/%3E%3Cpath d='M2.2 1.7l6.6 6.6M8.8 1.7L2.2 8.3' stroke='%23fff' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat 50%,var(--w7-wct-bg),radial-gradient(circle at 50% 170%,#f4e676 10% 20%,#0000 60%),radial-gradient(circle at -60% 50%,#000a 5% 10%,#0000 50%),radial-gradient(circle at 160% 50%,#000a 5% 10%,#0000 50%),linear-gradient(#fb9d8b,#ee6d56 25% 50%,#d42809 50%);border-bottom-right-radius:var(--w7-wct-bdr);box-shadow:0 0 7px 3px #e68e75,var(--w7-wct-sd);content:"";opacity:0;transition:opacity .3s linear}.status-bar{background:var(--w7-surface);border:1px solid var(--w7-w-bd);margin:var(--w7-w-space);margin-top:calc(var(--w7-w-space)*-1);border-top:0;display:flex;box-shadow:0 1px #fff9,1px 0 #fff9,-1px 0 #fff9}.status-bar-field{border-right:1px solid #cfcfcf;flex-grow:1;margin:0;padding:2px 3px}.status-bar-field:last-child{border-right:0}