/*! 7.css v0.5.0 - https://khang-nd.github.io/7.css */

.surface{background:#f0f0f0}

::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#eee}::-webkit-scrollbar-track:vertical{background:linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-track:horizontal{background:linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-thumb{border:1.5px solid #888;border-radius:3px;box-shadow:inset 0 -1px 1px #fff,inset 0 1px 1px #fff;background-color:#eee}::-webkit-scrollbar-thumb:vertical{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAIAAADpZ+PpAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADrSURBVChTTc5LboJQGAXguyoCu4ERCzAGlRk7UOwGWIDh0s4M4kxb06RSq/jAB6AxJkJ4lTDrue3AnvyzP+fLId+/yfM8juP7PQmCCOf7B3e+ZD+O40RRVFW12VQUpd3r9U3T2m4OpKoqWZYNwzBZLEqfh0N7NnvfrPcEWlEUWZb9mWF4Ph6D0ylcLbfM5HkeJrhGA2hb15/QXnv+w7RYXsDatjOdvnmrHSnLEizMNE2v11sUXQBCnn98kbquBUGQJAlmq9WB2e3qg4HJdqKkaRql1HGc0WgMcDJ5dd0F24kediZJ8t/ELT69H+8py0CYSIO5AAAAAElFTkSuQmCC") no-repeat 50%,linear-gradient(90deg,#eee 45%,#ddd 0,#bbb)}::-webkit-scrollbar-thumb:horizontal{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAJCAYAAAALpr0TAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAEnQAABJ0Ad5mH3gAAADcSURBVChTNZBLqoUwEEQrURQUxZGCvy24ACfiityJi7tv8GauQoPxk5tquA2RQ9vVVYk6z9NZaxFFEe77htYazjk8z4MwDIVZ+rourOuKaZrwvi+WZcE8z1BKCbPPCjk4DAO2bRP1OI7wLiL6Mbd7J408z1GWpQwWRYGqqiQG+03TgMu0MacfUN4qANmn8UOv9MjW3sKaSm7iIdOSlziOQ3LScd93aPonSYK6riVLlmVo21aYfVqzND9pmqLrOlGT+76XbcxLZkb19/l3fEP+oF0cx8KMEASBsDEGX2/CgZCHkg+8AAAAAElFTkSuQmCC") no-repeat 50%,linear-gradient(180deg,#eee 45%,#ddd 0,#bbb)}::-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{height:17px}::-webkit-scrollbar-button:vertical:start{background:url(button-up.svg),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:vertical:end{background:url(button-down.svg),linear-gradient(90deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal{width:16px}::-webkit-scrollbar-button:horizontal:start{background:url(button-left.svg),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}::-webkit-scrollbar-button:horizontal:end{background:url(button-right.svg),linear-gradient(180deg,#e5e5e5,#f0f0f0 20%)}[role=tooltip]{position:relative;padding:1em 1em 1em 2.5em;border:1px solid rgba(0,0,0,.4);border-radius:3px;box-shadow:5px 5px 3px -3px rgba(0,0,0,.4);background:linear-gradient(180deg,#fff,#ddd)}

.window{font:9pt Lucida,sans-serif;box-shadow:0 0 5px 1px rgba(0,0,0,.6);border:1px solid rgba(0,0,0,.6);border-radius:6px;position:relative;width:100%;min-height:60px;}

.window:before{content:"";position:absolute;z-index:-1;width:100%;height:100%;border-radius:6px;background:linear-gradient(transparent 20%,hsla(0,0%,100%,.7) 40%,transparent 41%),linear-gradient(90deg,hsla(0,0%,100%,.4),rgba(0,0,0,.1),hsla(0,0%,100%,.2)),linear-gradient(55deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 50%,transparent 53%),#4580c4}.window-body{margin:0 6px 6px;padding:6px;border:1px solid rgba(0,0,0,.6);background:#f0f0f0;box-shadow:0 0 1px .5px #fff}.window-body pre{margin:-6px}.window-footer,.window footer{margin:-7px 6px 6px;background:#f0f0f0;border:1px solid rgba(0,0,0,.6);border-top:0;box-shadow:0 .5px 1px .5px #fff;position:relative;padding:10px}.window-footer:before,.window footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;box-shadow:inset 0 1px rgba(0,0,0,.3),inset 0 -1px #fff}.window.is-bright .window-body{background:#fff}.window.is-bright .window-footer,.window.is-bright footer{background:#eee;box-shadow:inset 0 1px 3px #ddd}.window.is-bright .window-footer:before,.window.is-bright footer:before{content:none}.window.glass{backdrop-filter:blur(1.5px)}

.window.glass:before{opacity:.5;filter:brightness(1.4)}.window.glass>.title-bar{background:linear-gradient(55deg,transparent 8%,hsla(0,0%,100%,.1) 10%,hsla(0,0%,100%,.3) 30%,rgba(0,0,0,.1) 32%,rgba(0,0,0,.3) 55%,transparent 57%,hsla(0,0%,100%,.3) 70%,transparent 72%)}.window>.title-bar{border:0;box-shadow:inset 0 .5px #fff}.window fieldset{margin-bottom:9px}.window[role=dialog]{position:fixed;z-index:999;top:50%;left:50%;transform:translate(-50%,-50%);visibility:hidden;opacity:0;transition-duration:.2s;transition-property:visibility,opacity}.window[role=dialog]:target{visibility:visible;opacity:1}

.title-bar{font:9pt Segoe UI,sans-serif;box-shadow:inset 0 0 .5px .5px #fff;border:1px solid rgba(0,0,0,.6);border-radius:6px 6px 0 0;padding:6px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(90deg,hsla(0,0%,100%,.4),rgba(0,0,0,.1),hsla(0,0%,100%,.2)),linear-gradient(55deg,transparent,rgba(0,0,0,.1) 20%,rgba(0,0,0,.1) 50%,transparent 53%),#4580c4}.title-bar-text{color:#000;letter-spacing:0;line-height:15px;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}.title-bar-controls{display:flex;background:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.6);border-top:0;border-radius:0 0 5px 5px;margin-top:-6px;box-shadow:0 0 2px #fff}

.title-bar-controls button{position:relative;min-width:26px;min-height:20px;padding:0;border:0;border-right:1px solid rgba(0,0,0,.6);border-radius:0;box-shadow:inset 0 0 0 .5px #eee;box-sizing:border-box;background:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5))}.title-bar-controls button:first-child{border-bottom-left-radius:5px}

.title-bar-controls button:last-child{border:0;border-bottom-right-radius:5px}

.title-bar-controls button:focus{outline:none}

.title-bar-controls button:hover{background:radial-gradient(circle at 50% 100%,#2aceda,transparent 60%),linear-gradient(#a9d2e8 50%,#196c9b 0)}.title-bar-controls button:active{box-shadow:inset 0 0 0 .5px #eee;background:radial-gradient(circle at 50% 100%,#0bfdfa,transparent 60%),linear-gradient(#86a7bc 50%,#092747 0)}

.title-bar-controls button[aria-label=Minimize]:before{background:url(./minimize.png) no-repeat center 10px}.title-bar-controls button[aria-label=Maximize]:before{background:url(maximize.png) no-repeat 50%}.title-bar-controls button[aria-label=Restore]:before{background:url(restore.png) no-repeat 50%}.title-bar-controls button[aria-label=Close]{background-color:#d04a37;width:45px}.title-bar-controls button[aria-label=Close]:before{background:url(close.png) no-repeat 50%}.title-bar-controls button[aria-label=Close]:hover{filter:contrast(1.3)}.title-bar-controls button[aria-label=Close]:active,.title-bar-controls button[aria-label=Close]:hover{background-image:linear-gradient(hsla(0,0%,100%,.3),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5))}.title-bar-controls button[aria-label=Close]:active{filter:contrast(1.3) brightness(.7)}