/*! 7.css v0.21.1 - https://khang-nd.github.io/7.css */
: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: #000;
    --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);
    --w7-li-bd-hl: #aaddfa;
    --w7-li-bg-hl: linear-gradient(#fff9,#e6ecf5cc 90%,#fffc);
    --w7-bl-bd: #0006;
    --w7-blt-size: 18px;
    --w7-blt-offset: 1em
}

: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,#ffffff66,#0000001a,#ffffff33),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);
    position: relative;
    z-index: 0
}

.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);
    box-shadow: inset 0 0 0 1px #fffd;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.window-body {
    background: var(--w7-surface);
    border: 1px solid var(--w7-w-bd);
    box-shadow: 0 0 0 1px #fff9;
    margin: var(--w7-w-space);
    margin-top: 0
}

.window-body.has-space {
    padding: var(--w7-w-space)
}

.window-body pre {
    margin: calc(var(--w7-w-space)*-1)
}

.window footer,.window-footer {
    background: var(--w7-surface);
    border: 1px solid var(--w7-w-bd);
    border-top: 0;
    box-shadow: 0 .5px 1px .5px #fff;
    margin: var(--w7-w-space);
    margin-top: calc(var(--w7-w-space)*-1 - 1px);
    padding: 10px;
    position: relative
}

.window footer:before,.window-footer:before {
    box-shadow: inset 0 1px #0000004d,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,0 1px 0 #fff9,1px 1px 0 #fff9,-1px 1px 0 #fff9
}

.window.is-bright .window-footer:before,.window.is-bright footer:before {
    content: none
}

.window.glass:before {
    opacity: .6
}

.window.glass:after {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    border: none;
    border-radius: var(--w7-w-bdr);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -10
}

.window.glass>.title-bar {
    background: var(--w7-w-glass);
    background-attachment: fixed
}

.window>.title-bar {
    border: 0;
    box-shadow: inset 0 1px 0 #fffd,inset 1px 0 0 #fffd,inset -1px 0 0 #fffd
}

.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: 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;
    box-shadow: inset 0 0 0 1px #fff9;
    display: flex;
    font: var(--w7-font);
    justify-content: space-between;
    padding: var(--w7-w-space);
    padding-top: 0
}

.title-bar-text {
    color: #000;
    letter-spacing: 0;
    line-height: 15px;
    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
}

.title-bar-controls {
    background: #fff3;
    border: 1px solid var(--w7-wct-bd);
    border-radius: 0 0 var(--w7-wct-bdr) var(--w7-wct-bdr);
    border-top: 0;
    box-shadow: 0 1px 0 #fffa,1px 0 0 #fffa,-1px 0 0 #fffa;
    display: flex
}

.title-bar-controls button {
    background: none;
    border: 0;
    border-radius: 0;
    border-right: 1px solid var(--w7-wct-bd);
    box-shadow: none;
    box-sizing: border-box;
    min-height: 19px;
    min-width: 29px;
    padding: 0;
    position: relative
}

.title-bar-controls button:after {
    content: none
}

.title-bar-controls button:active,.title-bar-controls button:hover {
    background: none
}

.title-bar-controls button:disabled:before {
    opacity: .4
}

.title-bar-controls button:before {
    border-radius: 0;
    bottom: 0;
    box-shadow: inset 0 0 0 1px #fff5;
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0
}

.title-bar-controls button:not(:hover):before {
    opacity: 1;
    transition: none
}

.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-help:before,.title-bar-controls button[aria-label=Help]:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") 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,.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: 0;
    border-bottom-right-radius: var(--w7-wct-bdr)
}

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

.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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") 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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") 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-minimize:focus-visible:before,.title-bar.active .title-bar-controls button.is-minimize:hover:before,.title-bar.active .title-bar-controls button[aria-label=Minimize]:focus-visible:before,.title-bar.active .title-bar-controls button[aria-label=Minimize]:hover:before,.window.active .title-bar .title-bar-controls button.is-minimize:focus-visible:before,.window.active .title-bar .title-bar-controls button.is-minimize:hover:before,.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:focus-visible:before,.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:hover:before {
    opacity: 1;
    transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-minimize:active:before,.title-bar.active .title-bar-controls button[aria-label=Minimize]:active:before,.window.active .title-bar .title-bar-controls button.is-minimize:active:before,.window.active .title-bar .title-bar-controls button[aria-label=Minimize]:active:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px,var(--w7-wct-bg-a)
}

.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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") 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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") 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-maximize:focus-visible:before,.title-bar.active .title-bar-controls button.is-maximize:hover:before,.title-bar.active .title-bar-controls button[aria-label=Maximize]:focus-visible:before,.title-bar.active .title-bar-controls button[aria-label=Maximize]:hover:before,.window.active .title-bar .title-bar-controls button.is-maximize:focus-visible:before,.window.active .title-bar .title-bar-controls button.is-maximize:hover:before,.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:focus-visible:before,.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:hover:before {
    opacity: 1;
    transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-maximize:active:before,.title-bar.active .title-bar-controls button[aria-label=Maximize]:active:before,.window.active .title-bar .title-bar-controls button.is-maximize:active:before,.window.active .title-bar .title-bar-controls button[aria-label=Maximize]:active:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%,var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-help,.title-bar.active .title-bar-controls button[aria-label=Help],.window.active .title-bar .title-bar-controls button.is-help,.window.active .title-bar .title-bar-controls button[aria-label=Help] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%,var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-help:before,.title-bar.active .title-bar-controls button[aria-label=Help]:before,.window.active .title-bar .title-bar-controls button.is-help:before,.window.active .title-bar .title-bar-controls button[aria-label=Help]:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") 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-help:focus-visible:before,.title-bar.active .title-bar-controls button.is-help:hover:before,.title-bar.active .title-bar-controls button[aria-label=Help]:focus-visible:before,.title-bar.active .title-bar-controls button[aria-label=Help]:hover:before,.window.active .title-bar .title-bar-controls button.is-help:focus-visible:before,.window.active .title-bar .title-bar-controls button.is-help:hover:before,.window.active .title-bar .title-bar-controls button[aria-label=Help]:focus-visible:before,.window.active .title-bar .title-bar-controls button[aria-label=Help]:hover:before {
    opacity: 1;
    transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-help:active:before,.title-bar.active .title-bar-controls button[aria-label=Help]:active:before,.window.active .title-bar .title-bar-controls button.is-help:active:before,.window.active .title-bar .title-bar-controls button[aria-label=Help]:active:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAMBAMAAACtsOGuAAAAG1BMVEUAAABTVmb////39/fa2trm5ubj4+Pq6urg4OByvnYHAAAAAXRSTlMAQObYZgAAADtJREFUCNdjYBQUFGAQVFISZBBSUlJkEDYUNmQQFBAvZGBgDA1kYBBLE2RgkGgUYGAQBDIYRBwhBJgLAKBIBQ2X+PZ0AAAAAElFTkSuQmCC") no-repeat 50%,var(--w7-wct-bg-a)
}

.title-bar.active .title-bar-controls button.is-restore,.title-bar.active .title-bar-controls button[aria-label=Restore],.window.active .title-bar .title-bar-controls button.is-restore,.window.active .title-bar .title-bar-controls button[aria-label=Restore] {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%,var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button.is-restore:before,.title-bar.active .title-bar-controls button[aria-label=Restore]:before,.window.active .title-bar .title-bar-controls button.is-restore:before,.window.active .title-bar .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%,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-restore:focus-visible:before,.title-bar.active .title-bar-controls button.is-restore:hover:before,.title-bar.active .title-bar-controls button[aria-label=Restore]:focus-visible:before,.title-bar.active .title-bar-controls button[aria-label=Restore]:hover:before,.window.active .title-bar .title-bar-controls button.is-restore:focus-visible:before,.window.active .title-bar .title-bar-controls button.is-restore:hover:before,.window.active .title-bar .title-bar-controls button[aria-label=Restore]:focus-visible:before,.window.active .title-bar .title-bar-controls button[aria-label=Restore]:hover:before {
    opacity: 1;
    transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-restore:active:before,.title-bar.active .title-bar-controls button[aria-label=Restore]:active:before,.window.active .title-bar .title-bar-controls button.is-restore:active:before,.window.active .title-bar .title-bar-controls button[aria-label=Restore]:active:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACVSURBVHgBlVDLCoMwENwU/7ClvRYK7b2lCIJHEQQ/QEHwqujfBXJIQMnihg34iHPJ7GNm2AhYcL2/JwhAxIuhq3aXb48PiFBna2YFERVHzoQLnAQmSCmxeL5+3rBtSsdpBwVKKTcY+1rY197G+8RRoLVejed94igwxrgB/zXeJ+4Jijz2Erjg+8/WE7ZAt6EgSUsIxQwaJEWv7G6SSgAAAABJRU5ErkJggg==") no-repeat 50%,var(--w7-wct-bg-a)
}

.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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") 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/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") 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
}

.title-bar.active .title-bar-controls button.is-close:focus-visible:before,.title-bar.active .title-bar-controls button.is-close:hover:before,.title-bar.active .title-bar-controls button[aria-label=Close]:focus-visible:before,.title-bar.active .title-bar-controls button[aria-label=Close]:hover:before,.window.active .title-bar .title-bar-controls button.is-close:focus-visible:before,.window.active .title-bar .title-bar-controls button.is-close:hover:before,.window.active .title-bar .title-bar-controls button[aria-label=Close]:focus-visible:before,.window.active .title-bar .title-bar-controls button[aria-label=Close]:hover:before {
    opacity: 1;
    transition: opacity .1s linear
}

.title-bar.active .title-bar-controls button.is-close:active:before,.title-bar.active .title-bar-controls button[aria-label=Close]:active:before,.window.active .title-bar .title-bar-controls button.is-close:active:before,.window.active .title-bar .title-bar-controls button[aria-label=Close]:active:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%,var(--w7-wct-bg),radial-gradient(circle at 50% 170%,#dcc03f 10% 20%,#0000 60%),radial-gradient(circle at -60% 50%,#000 5% 10%,#0000 50%),radial-gradient(circle at 160% 50%,#000 5% 10%,#0000 50%),linear-gradient(#d1a894,#b67562 25% 50%,#7d0d01 50%)
}

.title-bar.active .title-bar-controls button:disabled.is-minimize,.title-bar.active .title-bar-controls button:disabled[aria-label=Minimize],.window.active .title-bar .title-bar-controls button:disabled.is-minimize,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Minimize] {
    background: var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button:disabled.is-minimize:before,.title-bar.active .title-bar-controls button:disabled[aria-label=Minimize]:before,.window.active .title-bar .title-bar-controls button:disabled.is-minimize:before,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Minimize]:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAFCAYAAABxeg0vAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA7SURBVHgBlY+xDQAgDMNaiQ9B8AHcxAlI/NYtKwj6QOohUzxYc+1HAqQ3e03qXNpwwcyE5QsAaEGjDRf8ZAza6Bz6VQAAAABJRU5ErkJggg==") no-repeat center 10px;
    box-shadow: none;
    content: "";
    opacity: .4
}

.title-bar.active .title-bar-controls button:disabled.is-maximize,.title-bar.active .title-bar-controls button:disabled[aria-label=Maximize],.window.active .title-bar .title-bar-controls button:disabled.is-maximize,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Maximize] {
    background: var(--w7-wct-bg)
}

.title-bar.active .title-bar-controls button:disabled.is-maximize:before,.title-bar.active .title-bar-controls button:disabled[aria-label=Maximize]:before,.window.active .title-bar .title-bar-controls button:disabled.is-maximize:before,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Maximize]:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAKCAYAAACALL/6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAABsSURBVHgBlZHBCYAwDEVT6YaKbqArOILgBLqBosP1VkhAaQ6S1lKad+ihPy8kxLT9+IACG57r2KqKu2GCBpTYtEMOOQELzrnv4z53I4vDjjJnwXsPJWTOAiJGHVNB5pGwLjPk+AlEBLUY7eFebCosBHOR7vYAAAAASUVORK5CYII=") no-repeat 50%;
    box-shadow: none;
    content: "";
    opacity: .4
}

.title-bar.active .title-bar-controls button:disabled.is-close,.title-bar.active .title-bar-controls button:disabled[aria-label=Close],.window.active .title-bar .title-bar-controls button:disabled.is-close,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Close] {
    background: var(--w7-wct-bg),var(--w7-wct_close-bg);
    filter: contrast(.7) brightness(1.1)
}

.title-bar.active .title-bar-controls button:disabled.is-close:before,.title-bar.active .title-bar-controls button:disabled[aria-label=Close]:before,.window.active .title-bar .title-bar-controls button:disabled.is-close:before,.window.active .title-bar .title-bar-controls button:disabled[aria-label=Close]:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAAKCAYAAABi8KSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACUSURBVHgBlZFNCoQwDIVbmRvOMHOAAd0K/uDGlYKiCG4VPICi9yu0oCSQoFUXFtKEl6+voZXvr7sKay1TL690FOexY+Hz87i2decOuDKQsNGVe8AGYTRJIh0Y+orBvxszCPllOymlxN06jNE26Qnwg4zdHQLrMhFaawwAqAadDPE1ijwUxhiMKCmxCZk06OMYTz5lAx3xWDeXkLNAAAAAAElFTkSuQmCC") no-repeat 50%;
    box-shadow: none;
    content: "";
    opacity: .4
}

.status-bar {
    background: var(--w7-surface);
    border: 1px solid var(--w7-w-bd);
    border-top: 0;
    box-shadow: 0 1px 0 #fff9,1px 0 0 #fff9,-1px 0 0 #fff9;
    display: flex;
    margin: var(--w7-w-space);
    margin-top: calc(var(--w7-w-space)*-1)
}

.status-bar-field {
    border-right: 1px solid #cfcfcf;
    flex-grow: 1;
    margin: 0;
    padding: 2px 3px
}

.status-bar-field:last-child {
    border-right: 0
}

/* Tooltip styles from 7.css v0.21.1 */

:root {
  --w7-el-bg-s-1: #ebebeb;
  --w7-bl-bd: #0006;
  --w7-blt-size: 18px;
  --w7-blt-offset: 1em;
}

[role=tooltip] {
  background: linear-gradient(to bottom, #fff, var(--w7-el-bg-s-1));
  border: 1px solid var(--w7-bl-bd);
  border-radius: var(--w7-el-bdr);
  box-shadow: 5px 5px 3px -3px var(--w7-bl-bd);
  padding: 1em 1em 1em 2.5em;
  position: relative;
}

[role=tooltip]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1.5v18h18l-18-18Z' fill='%23fff' stroke='%23fff'/%3E%3Cpath d='M1 19.5H.5v-18l18 18H18' stroke='%23939393'/%3E%3C/svg%3E");
  content: "";
  height: var(--w7-blt-size);
  left: var(--w7-blt-offset);
  position: absolute;
  top: calc(var(--w7-blt-size) * -1);
  width: var(--w7-blt-size);
}

[role=tooltip][id] {
  position: absolute;
}

[role=tooltip].is-top:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.5 1.5v18h18l-18-18Z' fill='%23ebebeb' stroke='%23ddd'/%3E%3Cpath d='M1 19.5H.5v-18l18 18H18' stroke='%23939393'/%3E%3C/svg%3E");
  bottom: calc(var(--w7-blt-size) * -1);
  top: unset;
  transform: scale(-1);
}

[role=tooltip].is-top.is-right:before {
  transform: scaleY(-1);
}

[role=tooltip].is-left:before {
  left: unset;
  right: var(--w7-blt-offset);
}

[role=tooltip].is-left.is-bottom:before {
  transform: scaleX(-1);
}

/*# sourceMappingURL=7.css.map */