| 1 | .window{border:1px solid rgba(0,0,0,.7);border-radius:6px;box-shadow:2px 2px 10px 1px rgba(0,0,0,.7);font:9pt Segoe UI,sans-serif;position:relative;z-index:0}.window:before{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;border-radius:6px;content:"";height:100%;position:absolute;width:100%;z-index:-1}.window-body{background:#f0f0f0;border:1px solid rgba(0,0,0,.7);box-shadow:0 0 1px .5px #fff;margin:0 6px 6px}.window-body.has-space{padding:6px}.window-body pre{margin:-6px}.window footer,.window-footer{background:#f0f0f0;border:1px solid rgba(0,0,0,.7);border-top:0;box-shadow:0 .5px 1px .5px #fff;margin:-7px 6px 6px;padding:10px;position:relative}.window footer:before,.window-footer:before{box-shadow:inset 0 1px rgba(0,0,0,.3),inset 0 -1px #fff;content:"";height:2px;left:0;position:absolute;top:0;width:100%}.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{-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px)}.window.glass:before{filter:brightness(1.4);opacity:.5}.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]{left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition-duration:.2s;transition-property:visibility,opacity;visibility:hidden;z-index:999}.window[role=dialog]:target{opacity:1;visibility:visible}.title-bar{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;border:1px solid rgba(0,0,0,.7);border-radius:6px 6px 0 0;box-shadow:inset 0 0 .5px .5px #fff;display:flex;font:9pt Segoe UI,sans-serif;justify-content:space-between;padding:6px}.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{background:hsla(0,0%,100%,.2);border:1px solid rgba(0,0,0,.3);border-radius:0 0 5px 5px;border-top:0;box-shadow:0 0 2px #fff;display:flex;margin-top:-6px}.title-bar-controls button{background:none;border:0;border-radius:0;border-right:1px solid rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px #eee8;box-sizing:border-box;min-height:19px;min-width:29px;padding:0;position:relative}.title-bar-controls button:active,.title-bar-controls button:hover{background:none;border-color:rgba(0,0,0,.3);box-shadow:inset 0 0 0 1px #eee8}.title-bar-controls button:disabled:before{opacity:.4}.title-bar-controls button:before{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.title-bar-controls button.is-minimize:before,.title-bar-controls button[aria-label=Minimize]:before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px}.title-bar-controls button.is-maximize:before,.title-bar-controls button[aria-label=Maximize]:before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%}.title-bar-controls button.is-restore:before,.title-bar-controls button[aria-label=Restore]:before{background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%}.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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%}.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.active .title-bar-controls,.window.active .title-bar .title-bar-controls{border-color:rgba(0,0,0,.7)}.title-bar.active .title-bar-controls button,.window.active .title-bar .title-bar-controls button{background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5));border-color:rgba(0,0,0,.7);box-shadow:inset 0 0 0 1px #eee8}.title-bar.active .title-bar-controls button:hover,.window.active .title-bar .title-bar-controls button:hover{background:radial-gradient(circle at bottom,#2aceda,transparent 60%),linear-gradient(#a9d2e8 50%,#196c9b 0);box-shadow:0 0 15px #2aceda,inset 0 0 0 1px #eee8}.title-bar.active .title-bar-controls button:active,.window.active .title-bar .title-bar-controls button:active{background:radial-gradient(circle at bottom,#0bfdfa,transparent 60%),linear-gradient(#86a7bc 50%,#092747 0);box-shadow:0 0 15px #2aceda,inset 0 0 0 1px #eee8}.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-color:#d04834;box-shadow:inset 0 0 0 1px #eee8}.title-bar.active .title-bar-controls button.is-close:hover,.title-bar.active .title-bar-controls button[aria-label=Close]:hover,.window.active .title-bar .title-bar-controls button.is-close:hover,.window.active .title-bar .title-bar-controls button[aria-label=Close]:hover{background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5)),radial-gradient(circle at 50% 170%,orange 10% 20%,#0000 60%),linear-gradient(#ee6d56 50%,#d42809 0);box-shadow:0 0 15px #e68e75,inset 0 0 0 1px #eee8}.title-bar.active .title-bar-controls button.is-close:active,.title-bar.active .title-bar-controls button[aria-label=Close]:active,.window.active .title-bar .title-bar-controls button.is-close:active,.window.active .title-bar .title-bar-controls button[aria-label=Close]:active{background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5)),radial-gradient(circle at 50% 170%,#ff0 10% 20%,#0000 60%),linear-gradient(#b67562 50%,#780c01 0)}.title-bar.active .title-bar-controls button:disabled:active,.title-bar.active .title-bar-controls button:disabled:hover,.window.active .title-bar .title-bar-controls button:disabled:active,.window.active .title-bar .title-bar-controls button:disabled:hover{background:linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,.3) 45%,rgba(0,0,0,.1) 50%,rgba(0,0,0,.1) 75%,hsla(0,0%,100%,.5));box-shadow:inset 0 0 0 1px #eee8}.status-bar{background:#f0f0f0;border:1px solid rgba(0,0,0,.7);border-top:0;box-shadow:0 .5px 1px .5px #fff;display:flex;margin:-6px 6px 6px}.status-bar-field{border-right:1px solid #cfcfcf;flex-grow:1;margin:0;padding:2px 3px}.status-bar-field:last-child{border-right:0}
|