galhui
Version:
UI library using galho framework
1 lines • 26.7 kB
CSS
@media(prefers-color-scheme:light){html{font-size:16px;font-family:Roboto,sans-serif;}body{margin:0;background:#fff;color:#000;}dialog{color:#000;}button{background:none;color:inherit;border:none;font-size:inherit;font-family:inherit;outline:none;}a{color:inherit;text-decoration:none;}hr{border-style:solid;border-top:none;border-left:none;border-color:#0008;}input{border:none;}*{box-sizing:border-box;}h1{font-size:1.5em;}h2{font-size:1.25em;}h3{font-size:1.1em;}h1,h2,h3,h4,h5,h6{margin-block:.5em;}._.corner{position:absolute;right:.4em;top:.1em;}._.off{display:none;}._.row{display:flex;flex-direction:row;}._.col{display:flex;flex-direction:column;}span._.col{display:inline-flex;flex-direction:column;}._.center{position:absolute;left:50%;top:50%;translate:-50% -50%;}._.ph{color:#000A;}.warn{background:#ffc107;}.icon{height:1.2em;vertical-align:middle;}.icon.xxl{height:10em;}.icon.xl{height:6em;}.icon.l{height:2em;}._.menu{background:#cfd8dc;outline:none;position:fixed;overflow:auto;max-width:80vw;box-shadow:#0004 6px 6px 12px 0px;border-radius:.15em;padding:.7em .2em;text-align:start;}._.menu>table{width:100%;border-collapse:collapse;}._.menu>table>._.hr{border:none;border-bottom:1px solid #000;}._.menu>table>tr{font-size:inherit;font-family:inherit;line-height:initial;padding:3px 4px;}._.menu>table>tr>td:nth-child(1){width:1.5em;}._.menu>table>tr>td:nth-child(2){padding:3px 0;}._.menu>table>tr>td:nth-child(3){opacity:0.7;text-align:end;}._.menu>table>tr>td:nth-child(3)>.bt{padding:2px 12px;margin:0;background:none;}._.menu>table>tr>td:nth-child(3)>.bt:hover{color:#888;}._.menu>table>tr>td:nth-child(3):not(:empty){padding-left:1rem;}._.menu>table>tr>td:nth-child(4){min-width:.5em;}._.menu>table>tr.div{border-bottom:solid 1px #000;}._.menu>table>.i,._.menu>table>.dd{cursor:pointer;}._.menu>table>.i:hover,._.menu>table>.dd:hover{background:#acc5cf;}._.menu>table>.i.on,._.menu>table>.dd.on{background:#acc5cf;}._.menu>table>.i.ds,._.menu>table>.dd.ds{color:#0008;background:inherit;}._.menu>table>.error{background:#e53935;color:#fff;}._.menu>table>.error:hover{background:#ef5350;}.menu-c{background:#cfd8dc;}._.link{color:#1976d2;}._.link:visited{color:#6a1b9a;}._.link:active{color:#0d47a1;}._.bt{border-radius:0.2em;margin:0 .15em;padding:.78em 1.5em;white-space:nowrap;height:initial;text-align:center;background:#e0e1e2;color:rgba(0,0,0,.6);}._.bt.full{display:block;width:auto;}._.bt>.icon{margin-right:.5em;}._.bt:hover{background:#dbdcdd;}._.bt:active{background:#cccdce;}._.bt.accept{background:#21ba45;color:#fff;}._.bt.accept:hover{background:#16b540;}._.bt.accept:active{background:#00a632;}._.bt.main{background:#2185d0;color:#fff;}._.bt.main:hover{background:#1580cb;}._.bt.main:active{background:#0073bc;}._.bt.error{background:#db2828;color:#fff;}._.bt.error:hover{background:#d52024;}._.bt.error:active{background:#c40018;}._.bt.icon>.icon:only-child{margin:0 -.6em;}._.bt.l{height:5em;}._.bt.xl{border-radius:1em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;}._.bt.xl>.icon{height:7em;}._.dd{display:inline-block;}._.dd>.menu{position:fixed;z-index:5;}._.dd>.icon{margin:0 .4em;}._.sel{min-width:10em;position:relative;display:inline-block;overflow:hidden;text-align:start;}._.sel>.bd{width:calc(100% - 1rem);margin:0;padding:0;white-space:nowrap;background:inherit;outline:none;border:none;overflow:hidden;position:relative;}._.sel>.bd>.cl{position:absolute;right:0;background:inherit;}._.sel>.menu{max-width:unset;position:fixed;overflow:hidden auto;z-index:5;}._.sel>input{background:none;color:inherit;}textarea._.in{height:6em;resize:vertical;}div._.in{display:flex;}._.in{padding:.6em 1em;display:inline-flex;align-items:center;background:#fff;border:1px solid rgba(34,36,38,0.15);border-radius:0.2em;height:2.4em;outline:0;}input._.in{display:inline-block;}._.in>.bt{height:calc(100% + 1.2em);margin-right:-1em;line-height:0.2;}._.in:focus-within{border-color:rgb(133,183,217);}._.in>input{width:100%;flex:1 1;outline:none;border:none;background:inherit;color:inherit;}._.in.error{border-color:#f44336;}._.bar{display:flex;height:2.4em;line-height:2.4em;flex:0 0 auto;background:#cfd8dc;white-space:nowrap;}._.bar.fill>*{flex:1;}._.bar>:first-child{margin-left:1.2em;}._.bar>:last-child{margin-right:1.2em;}._.bar>.container{display:flex;flex-direction:row;}._.bar.main,._.bar>.container.main{background:#bbc4c8;height:2.8em;padding-top:.3em;}._.bar.main>.i:active,._.bar>.container.main>.i:active,._.bar.main>.i.on,._.bar>.container.main>.i.on{background:#cfd8dc;border-radius:.3em .3em 0 0;}._.bar>.hd,._.bar>.container>.hd,._.bar>.i,._.bar>.container>.i{margin-top:0;margin-bottom:0;margin:0 .1em;padding:0 .6em;min-width:2.4em;height:100%;overflow:hidden;}._.bar>.hd>img,._.bar>.container>.hd>img,._.bar>.i>img,._.bar>.container>.i>img{width:16px;height:16px;}._.bar>.i,._.bar>.container>.i{background:inherit;}._.bar>.i:hover,._.bar>.container>.i:hover{background:#cad3d7;}._.bar>.i:active,._.bar>.container>.i:active,._.bar>.i.on,._.bar>.container>.i.on{background:#bbc4c8;}._.bar>.hd,._.bar>.container>.hd{font-weight:bold;}._.bar>.r,._.bar>.container>.r{border:none;min-width:0;padding:0;flex:1;}._.bar>hr,._.bar>.container>hr{height:70%;margin:auto;}._.menurow{background:#cfd8dc;line-height:2.4em;}._.menurow>.i{padding:0 2vw;display:block;}._.menurow>.i:hover{background:#b3c2c9;}._.menurow>.i:active,._.menurow>.i.on{background:#bbc4c8;}._.tab{display:flex;flex-direction:column;}._.tab>._.bar>._.cl{float:right;opacity:0;height:2.4rem;}._.tab>._.bar:hover>._.cl{opacity:1;}._.tab>.bd{height:calc(100% - 2.4px);}._.index{display:flex;flex-direction:row;}._.index>.bd{padding:1em;flex:1;min-width:0;overflow:auto;}._.index>.bd>.hd{margin:1em 0 0;}._.out{border-radius:0.2em;margin:0.1em 0.2em;padding:0.1em 0.4em;background:#e0e1e2;display:inline-block;}._.out:empty{display:none;}._.out.main{background:#21ba45;color:#fff;}._.out.error{background:#db2828;color:#fff;}tr._.out{display:table-row;}tr._.out>td{padding:0.4em 0.8em;}._.error{background:#db2828;color:#fff;}._.accept{background:#21ba45;color:#fff;}._.msg{margin:1em 0em;padding:1em 1.5em;border-radius:.4em;transition:all .2s;}._.msg:empty{height:0;padding:0;margin:0;}div._.join{display:flex;}._.join{display:inline-flex;flex-direction:row;overflow:hidden;padding:0;}._.join>*{flex:1 auto;margin:0;border-radius:0;width:100%;}._.join>:not(:last-child){border-right:1px solid rgba(34,36,38,0.15);}._.join>:first-child{border-radius:0.2em 0 0 0.2em;}._.join>:last-child{border-radius:0 0.2em 0.2em 0;}._.list{width:100%;padding:0;margin:0;overflow:hidden scroll;background:#fff;counter-reset:l;}._.list>.i{min-height:1.2em;display:flex;flex-direction:row;padding:.1em .3em .1em 0;border-bottom:solid 1px #0004;counter-increment:l;}._.list>.i:nth-child(odd){background:#f6f6f6;}._.list>.i:hover{color:#3b777f;}._.list>.i.on{background:#afddf1;}._.list>.i.crt{box-shadow:inset 0 0 1px 2px #03a9f4;}._.list>.i>.sd{flex:0 0 2em;padding:.4em .2em;border-right:1px solid rgba(34,36,38,0.15);}._.list>.i>.sd:empty::before{content:counter(l);}._.list>.i>.bd{flex:1;}._.tb{padding:0;outline:none;position:relative;overflow:auto;background:#fff;counter-reset:tb;}._.tb>.i{counter-increment:tb;}._.tb>.i:nth-child(odd){background:#f6f6f6;}._.tb>.i:hover{color:#3b777f;}._.tb>.i.on{background:#afddf1;}._.tb>.i.crt{box-shadow:inset 0 0 1px 2px #03a9f4;}._.tb>.i>.sd:empty::before{content:counter(tb);}._.tb>.hd{height:2em;z-index:1;background:#cfd8dc;font-weight:500;min-width:fit-content;position:sticky;top:0;}._.tb>.hd>.i{position:relative;}._.tb>.hd>.i>.dd{position:absolute;line-height:2em;right:4px;top:0;border-left:solid 1px rgba(34, 36, 38, .15);height:100%;}._.tb>.hd>.i>.div{cursor:col-resize;position:absolute;right:0;top:0;width:4px;z-index:1;height:100%;}._.tb.brd>.hd>.i{border:1px solid #000;}._.tb.brd>.hd>:not(:first-child){border-left:none;}._.tb.brd>.hd>.sd{border-top:none;border-left:none;}._.tb.fill>.tr{width:100%;}._.tb.fill>.tr>.i{flex-grow:1;flex-shrink:1;min-width:0;}._.tr{display:flex;flex-direction:row;height:2em;white-space:nowrap;}._.tr>.opts{position:absolute;right:0;}._.tr>*{padding:0.3em 0.4em;border-radius:0;overflow:hidden;text-overflow:ellipsis;margin:0;height:100%;border:none;border-right:1px solid rgba(34,36,38,0.15);border-bottom:1px solid rgba(34,36,38,0.15);flex-shrink:0;min-width:0;}._.tr>.sd{flex:0 0 2em;}._.stack{display:flex;}._.stack>hr{flex:0 0;border:none;}._.stack.h>hr{border-left:4px solid rgba(34,36,38,0.15);}._.stack.v{flex-direction:column;}._.stack.v>hr{border-top:4px solid rgba(34,36,38,0.15);}._.stack>*{margin:0;border-radius:0;}._.load{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #3498db;animation:spin 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;position:absolute;left:50%;top:50%;translate:-50% -50%;width:60px;height:60px;}._.load.s{width:10px;height:10px;border-width:5px;}._.load.l{width:120px;height:120px;border-width:16px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}._.form{position:relative;min-height:0;overflow-y:auto;padding:1rem;}._.form:not(.expand)>.sd{display:none;}._.form.expand>._sd{display:none;}._.form>.msg.error{position:sticky;bottom:0;}._.formg{background:#aaaaaa36;border-radius:4px;padding-right:6px;padding-bottom:1px;border:3px solid #0005;}._.formg>legend{font-weight:bold;}._.form>.oi,._.formg>.oi{margin:.8rem 0;}._.form>.oi>.hd,._.formg>.oi>.hd{display:block;margin-bottom:.6em;overflow:hidden;white-space:nowrap;}._.form>.oi>.bd,._.formg>.oi>.bd{flex:1 0;width:100%;}._.form>.oi[edited]>.hd,._.formg>.oi[edited]>.hd{font-weight:bold;}._.form>*>.req,._.formg>*>.req{line-height:0.8;vertical-align:middle;position:absolute;right:0;font-size:1.3em;}::backdrop,._.blank{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:3;overflow:auto;}._.modal{z-index:4;border-radius:.4em;border:none;padding:0;display:flex;flex-direction:row;text-align:start;overflow:hidden;background:#fff;}._.modal.error{border:4px solid #e53935;}._.modal>.cl{position:absolute;right:.4rem;top:.1rem;font-size:14pt;}._.modal.xs>form>.bd,._.modal.s>form>.bd{min-height:4em;}._.modal.xs>form>.ft,._.modal.s>form>.ft{height:unset;padding:0;background:none;}._.modal>form{width:100%;display:flex;flex-direction:column;padding:.2em 1em;}._.modal>form>.hd{margin:0;height:2.2em;font-size:inherit;padding:.4em 2em;background:#e0f7fa;}._.modal>form>.hd:empty{display:none;}._.modal>form>.hd.bar{padding:.1em 2em;}._.modal>form>.bd{flex:1;height:0;overflow:hidden auto;padding:0;}._.modal>form.tab{padding:0;}._.modal>form.tab>.hd{margin:0;}._.modal>form.tab>.ft{margin:0;}._.modal>form>.ft{height:3.8em;display:flex;flex-direction:row-reverse;padding:.6em 1em;background:#e0f7fa;}._.modal>form>.ft>.spc{border:none;margin:auto;}._.modal>form>.ft>hr{border:none;margin:auto;}._.side{display:flex;flex-direction:column;height:100%;width:85%;background:#fff;position:relative;}._.side>.hd{margin:0;padding:.8em;background:#cfd8dc;border-bottom:1px solid #0006;}._.side>.bd{flex:1;}body.dialog-on{overflow:hidden;}@media (min-width: 768px){._.modal{width:55%;max-width:748px;height:fit-content;max-height:calc(100% - 5em);}._.modal.xl{width:calc(100% - 3rem);height:calc(100% - 3rem);max-width:unset;max-height:unset;}._.modal.l{width:95%;max-width:1020px;}._.modal.s{width:40%;}._.modal.xs{width:31%;max-width:360px;}._.modal>form{padding:.5em 1.7em;}._.modal>form>.hd{margin:-.5em -1.7em 1.2em;}._.modal>form>.ft{margin:1.2em -1.7em -.5em;}}._.tip{position:fixed;background:#cfd8dc;padding:.7em 1em;z-index:6;border-radius:.5em;box-shadow:0 0 5px 1px #0004;}._.tip.modal>.ft{padding:0;height:unset;background:inherit;}._.sshow{position:relative;}._.sshow>img{max-width:100%;height:fit-content;margin:auto;display:block;}._.sshow>.title{position:absolute;bottom:2.5em;font-size:1.3em;margin-left:1em;background:#fff7;padding:2px 12px;border-radius:10px;}._.sshow>.indices{text-align:center;position:absolute;bottom:1em;width:100%;}._.sshow>.indices>*{border-radius:50%;height:12px;width:12px;display:inline-block;border:1px solid #000;background:#fff;margin:0 6px;}._.sshow>.indices>*:hover{background:#0004;}._.sshow>.indices>*:active,._.sshow>.indices>*.on{background:#0008;}._.sshow>.p,._.sshow>.n{position:absolute;font-size:5em;color:#fff;text-shadow:#000 0 0 5px;top:30%;padding:.2em .5em;}._.sshow>.p:not(:hover),._.sshow>.n:not(:hover){opacity:0.3;}._.sshow>.p{left:0;}._.sshow>.n{right:0;}._.sshow-md{background:none;border:none;}._.sshow-md .cl{color:#fff;font-size:2em;position:absolute;right:0;top:0;}._.sshow-md img{margin:auto;display:block;width:90%;}._.notify{position:fixed;bottom:2em;left:2em;}._.container{padding:0 .75em;}@media (min-width: 768px){._.container{padding:0 2rem;max-width:768px;width:768px;margin-left:auto;margin-right:auto;}}@media (min-width: 1024px){._.container{padding:0 6rem;max-width:1024px;width:1024px;}}@media (min-width: 1440px){._.container{max-width:1280px;width:1280px;}}._.form>.ii,._.formg>.ii{margin:.2em 0 .4em;}._.form>.ii>.hd,._.formg>.ii>.hd{display:inline-block;overflow:hidden;white-space:nowrap;width:40%;margin:0;text-align:end;padding-right:.6em;}._.form>.ii[edited]>.hd,._.formg>.ii[edited]>.hd{font-weight:bold;}._.form>.ii>.bd,._.formg>.ii>.bd{margin:0;width:60%;}}@media(prefers-color-scheme:dark){html{font-size:16px;font-family:Roboto,sans-serif;}body{margin:0;background:#202020;color:#fff;}dialog{color:#fff;}button{background:none;color:inherit;border:none;font-size:inherit;font-family:inherit;outline:none;}a{color:inherit;text-decoration:none;}hr{border-style:solid;border-top:none;border-left:none;border-color:#fff8;}input{border:none;}*{box-sizing:border-box;}h1{font-size:1.5em;}h2{font-size:1.25em;}h3{font-size:1.1em;}h1,h2,h3,h4,h5,h6{margin-block:.5em;}._.corner{position:absolute;right:.4em;top:.1em;}._.off{display:none;}._.row{display:flex;flex-direction:row;}._.col{display:flex;flex-direction:column;}span._.col{display:inline-flex;flex-direction:column;}._.center{position:absolute;left:50%;top:50%;translate:-50% -50%;}._.ph{color:#fff8;}.warn{background:#ffc107;}.icon{height:1.2em;vertical-align:middle;}.icon.xxl{height:10em;}.icon.xl{height:6em;}.icon.l{height:2em;}._.menu{background:#444444;outline:none;position:fixed;overflow:auto;max-width:80vw;box-shadow:#0004 6px 6px 12px 0px;border-radius:.15em;padding:.7em .2em;text-align:start;}._.menu>table{width:100%;border-collapse:collapse;}._.menu>table>._.hr{border:none;border-bottom:1px solid #000;}._.menu>table>tr{font-size:inherit;font-family:inherit;line-height:initial;padding:3px 4px;}._.menu>table>tr>td:nth-child(1){width:1.5em;}._.menu>table>tr>td:nth-child(2){padding:3px 0;}._.menu>table>tr>td:nth-child(3){opacity:0.7;text-align:end;}._.menu>table>tr>td:nth-child(3)>.bt{padding:2px 12px;margin:0;background:none;}._.menu>table>tr>td:nth-child(3)>.bt:hover{color:#888;}._.menu>table>tr>td:nth-child(3):not(:empty){padding-left:1rem;}._.menu>table>tr>td:nth-child(4){min-width:.5em;}._.menu>table>tr.div{border-bottom:solid 1px #000;}._.menu>table>.i,._.menu>table>.dd{cursor:pointer;}._.menu>table>.i:hover,._.menu>table>.dd:hover{background:#acc5cf;}._.menu>table>.i.on,._.menu>table>.dd.on{background:#acc5cf;}._.menu>table>.i.ds,._.menu>table>.dd.ds{color:#0008;background:inherit;}._.menu>table>.error{background:#e53935;color:#fff;}._.menu>table>.error:hover{background:#ef5350;}.menu-c{background:#444444;}._.link{color:#1976d2;}._.link:visited{color:#6a1b9a;}._.link:active{color:#0d47a1;}._.bt{border-radius:0.2em;margin:0 .15em;padding:.78em 1.5em;white-space:nowrap;height:initial;text-align:center;background:#3c3c3c;color:#fffB;}._.bt.full{display:block;width:auto;}._.bt>.icon{margin-right:.5em;}._.bt:hover{background:#404040;}._.bt:active{background:#4c4c4c;}._.bt.accept{background:#126325;}._.bt.accept:hover{background:#196829;}._.bt.accept:active{background:#2a7536;}._.bt.main{background:#2185d0;}._.bt.main:hover{background:#2a8ad5;}._.bt.main:active{background:#4198e4;}._.bt.error{background:#801e1e;}._.bt.error:hover{background:#852322;}._.bt.error:active{background:#95312d;}._.bt.icon>.icon:only-child{margin:0 -.6em;}._.bt.l{height:5em;}._.bt.xl{border-radius:1em;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;}._.bt.xl>.icon{height:7em;}._.dd{display:inline-block;}._.dd>.menu{position:fixed;z-index:5;}._.dd>.icon{margin:0 .4em;}._.sel{min-width:10em;position:relative;display:inline-block;overflow:hidden;text-align:start;}._.sel>.bd{width:calc(100% - 1rem);margin:0;padding:0;white-space:nowrap;background:inherit;outline:none;border:none;overflow:hidden;position:relative;}._.sel>.bd>.cl{position:absolute;right:0;background:inherit;}._.sel>.menu{max-width:unset;position:fixed;overflow:hidden auto;z-index:5;}._.sel>input{background:none;color:inherit;}textarea._.in{height:6em;resize:vertical;}div._.in{display:flex;}._.in{padding:.6em 1em;display:inline-flex;align-items:center;color:#fff;background:#1a1919;border:1px solid rgba(34,36,38,0.15);border-radius:0.2em;height:2.4em;outline:0;}input._.in{display:inline-block;}._.in>.bt{height:calc(100% + 1.2em);margin-right:-1em;line-height:0.2;}._.in:focus-within{border-color:rgb(133,183,217);}._.in>input{width:100%;flex:1 1;outline:none;border:none;background:inherit;color:inherit;}._.in.error{border-color:#f44336;}._.bar{display:flex;height:2.4em;line-height:2.4em;flex:0 0 auto;background:#444444;white-space:nowrap;}._.bar.fill>*{flex:1;}._.bar>:first-child{margin-left:1.2em;}._.bar>:last-child{margin-right:1.2em;}._.bar>.container{display:flex;flex-direction:row;}._.bar.main,._.bar>.container.main{background:#555555;height:2.8em;padding-top:.3em;}._.bar.main>.i:active,._.bar>.container.main>.i:active,._.bar.main>.i.on,._.bar>.container.main>.i.on{background:#444444;border-radius:.3em .3em 0 0;}._.bar>.hd,._.bar>.container>.hd,._.bar>.i,._.bar>.container>.i{margin-top:0;margin-bottom:0;margin:0 .1em;padding:0 .6em;min-width:2.4em;height:100%;overflow:hidden;}._.bar>.hd>img,._.bar>.container>.hd>img,._.bar>.i>img,._.bar>.container>.i>img{width:16px;height:16px;}._.bar>.i,._.bar>.container>.i{background:inherit;}._.bar>.i:hover,._.bar>.container>.i:hover{background:#484848;}._.bar>.i:active,._.bar>.container>.i:active,._.bar>.i.on,._.bar>.container>.i.on{background:#555555;}._.bar>.hd,._.bar>.container>.hd{font-weight:bold;}._.bar>.r,._.bar>.container>.r{border:none;min-width:0;padding:0;flex:1;}._.bar>hr,._.bar>.container>hr{height:70%;margin:auto;}._.menurow{background:#444444;line-height:2.4em;}._.menurow>.i{padding:0 2vw;display:block;}._.menurow>.i:hover{background:#b3c2c9;}._.menurow>.i:active,._.menurow>.i.on{background:#555555;}._.tab{display:flex;flex-direction:column;}._.tab>._.bar>._.cl{float:right;opacity:0;height:2.4rem;}._.tab>._.bar:hover>._.cl{opacity:1;}._.tab>.bd{height:calc(100% - 2.4px);}._.index{display:flex;flex-direction:row;}._.index>.bd{padding:1em;flex:1;min-width:0;overflow:auto;}._.index>.bd>.hd{margin:1em 0 0;}._.out{border-radius:0.2em;margin:0.1em 0.2em;padding:0.1em 0.4em;background:#3c3c3c;display:inline-block;}._.out:empty{display:none;}._.out.main{background:#126325;}._.out.error{background:#801e1e;}tr._.out{display:table-row;}tr._.out>td{padding:0.4em 0.8em;}._.error{background:#801e1e;}._.accept{background:#126325;}._.msg{margin:1em 0em;padding:1em 1.5em;border-radius:.4em;transition:all .2s;}._.msg:empty{height:0;padding:0;margin:0;}div._.join{display:flex;}._.join{display:inline-flex;flex-direction:row;overflow:hidden;padding:0;}._.join>*{flex:1 auto;margin:0;border-radius:0;width:100%;}._.join>:not(:last-child){border-right:1px solid rgba(34,36,38,0.15);}._.join>:first-child{border-radius:0.2em 0 0 0.2em;}._.join>:last-child{border-radius:0 0.2em 0.2em 0;}._.list{width:100%;padding:0;margin:0;overflow:hidden scroll;background:#222;counter-reset:l;}._.list>.i{min-height:1.2em;display:flex;flex-direction:row;padding:.1em .3em .1em 0;border-bottom:solid 1px #0004;counter-increment:l;}._.list>.i:nth-child(odd){background:#333;}._.list>.i:hover{color:#4a9ec4;}._.list>.i.on{background:#33596a;}._.list>.i.crt{box-shadow:inset 0 0 1px 2px #03a9f4;}._.list>.i>.sd{flex:0 0 2em;padding:.4em .2em;border-right:1px solid rgba(34,36,38,0.15);}._.list>.i>.sd:empty::before{content:counter(l);}._.list>.i>.bd{flex:1;}._.tb{padding:0;outline:none;position:relative;overflow:auto;background:#222;counter-reset:tb;}._.tb>.i{counter-increment:tb;}._.tb>.i:nth-child(odd){background:#333;}._.tb>.i:hover{color:#4a9ec4;}._.tb>.i.on{background:#33596a;}._.tb>.i.crt{box-shadow:inset 0 0 1px 2px #03a9f4;}._.tb>.i>.sd:empty::before{content:counter(tb);}._.tb>.hd{height:2em;z-index:1;background:#444444;font-weight:500;min-width:fit-content;position:sticky;top:0;}._.tb>.hd>.i{position:relative;}._.tb>.hd>.i>.dd{position:absolute;line-height:2em;right:4px;top:0;border-left:solid 1px rgba(34, 36, 38, .15);height:100%;}._.tb>.hd>.i>.div{cursor:col-resize;position:absolute;right:0;top:0;width:4px;z-index:1;height:100%;}._.tb.brd>.hd>.i{border:1px solid #fff;}._.tb.brd>.hd>:not(:first-child){border-left:none;}._.tb.brd>.hd>.sd{border-top:none;border-left:none;}._.tb.fill>.tr{width:100%;}._.tb.fill>.tr>.i{flex-grow:1;flex-shrink:1;min-width:0;}._.tr{display:flex;flex-direction:row;height:2em;white-space:nowrap;}._.tr>.opts{position:absolute;right:0;}._.tr>*{padding:0.3em 0.4em;border-radius:0;overflow:hidden;text-overflow:ellipsis;margin:0;height:100%;border:none;border-right:1px solid rgba(34,36,38,0.15);border-bottom:1px solid rgba(34,36,38,0.15);flex-shrink:0;min-width:0;}._.tr>.sd{flex:0 0 2em;}._.stack{display:flex;}._.stack>hr{flex:0 0;border:none;}._.stack.h>hr{border-left:4px solid rgba(34,36,38,0.15);}._.stack.v{flex-direction:column;}._.stack.v>hr{border-top:4px solid rgba(34,36,38,0.15);}._.stack>*{margin:0;border-radius:0;}._.load{border:10px solid #f3f3f3;border-radius:50%;border-top:10px solid #3498db;animation:spin 1s cubic-bezier(0.46, 0.03, 0.52, 0.96) infinite;position:absolute;left:50%;top:50%;translate:-50% -50%;width:60px;height:60px;}._.load.s{width:10px;height:10px;border-width:5px;}._.load.l{width:120px;height:120px;border-width:16px;}@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}._.form{position:relative;min-height:0;overflow-y:auto;padding:1rem;}._.form:not(.expand)>.sd{display:none;}._.form.expand>._sd{display:none;}._.form>.msg.error{position:sticky;bottom:0;}._.formg{background:#aaaaaa36;border-radius:4px;padding-right:6px;padding-bottom:1px;border:3px solid #0005;}._.formg>legend{font-weight:bold;}._.form>.oi,._.formg>.oi{margin:.8rem 0;}._.form>.oi>.hd,._.formg>.oi>.hd{display:block;margin-bottom:.6em;overflow:hidden;white-space:nowrap;}._.form>.oi>.bd,._.formg>.oi>.bd{flex:1 0;width:100%;}._.form>.oi[edited]>.hd,._.formg>.oi[edited]>.hd{font-weight:bold;}._.form>*>.req,._.formg>*>.req{line-height:0.8;vertical-align:middle;position:absolute;right:0;font-size:1.3em;}::backdrop,._.blank{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:3;overflow:auto;}._.modal{z-index:4;border-radius:.4em;border:none;padding:0;display:flex;flex-direction:row;text-align:start;overflow:hidden;background:#202020;}._.modal.error{border:4px solid #e53935;}._.modal>.cl{position:absolute;right:.4rem;top:.1rem;font-size:14pt;}._.modal.xs>form>.bd,._.modal.s>form>.bd{min-height:4em;}._.modal.xs>form>.ft,._.modal.s>form>.ft{height:unset;padding:0;background:none;}._.modal>form{width:100%;display:flex;flex-direction:column;padding:.2em 1em;}._.modal>form>.hd{margin:0;height:2.2em;font-size:inherit;padding:.4em 2em;background:#333;}._.modal>form>.hd:empty{display:none;}._.modal>form>.hd.bar{padding:.1em 2em;}._.modal>form>.bd{flex:1;height:0;overflow:hidden auto;padding:0;}._.modal>form.tab{padding:0;}._.modal>form.tab>.hd{margin:0;}._.modal>form.tab>.ft{margin:0;}._.modal>form>.ft{height:3.8em;display:flex;flex-direction:row-reverse;padding:.6em 1em;background:#444;}._.modal>form>.ft>.spc{border:none;margin:auto;}._.modal>form>.ft>hr{border:none;margin:auto;}._.side{display:flex;flex-direction:column;height:100%;width:85%;background:#202020;position:relative;}._.side>.hd{margin:0;padding:.8em;background:#cfd8dc;border-bottom:1px solid #0006;}._.side>.bd{flex:1;}body.dialog-on{overflow:hidden;}@media (min-width: 768px){._.modal{width:55%;max-width:748px;height:fit-content;max-height:calc(100% - 5em);}._.modal.xl{width:calc(100% - 3rem);height:calc(100% - 3rem);max-width:unset;max-height:unset;}._.modal.l{width:95%;max-width:1020px;}._.modal.s{width:40%;}._.modal.xs{width:31%;max-width:360px;}._.modal>form{padding:.5em 1.7em;}._.modal>form>.hd{margin:-.5em -1.7em 1.2em;}._.modal>form>.ft{margin:1.2em -1.7em -.5em;}}._.tip{position:fixed;background:#444444;padding:.7em 1em;z-index:6;border-radius:.5em;box-shadow:0 0 5px 1px #0004;}._.tip.modal>.ft{padding:0;height:unset;background:inherit;}._.sshow{position:relative;}._.sshow>img{max-width:100%;height:fit-content;margin:auto;display:block;}._.sshow>.title{position:absolute;bottom:2.5em;font-size:1.3em;margin-left:1em;background:#fff7;padding:2px 12px;border-radius:10px;}._.sshow>.indices{text-align:center;position:absolute;bottom:1em;width:100%;}._.sshow>.indices>*{border-radius:50%;height:12px;width:12px;display:inline-block;border:1px solid #000;background:#fff;margin:0 6px;}._.sshow>.indices>*:hover{background:#0004;}._.sshow>.indices>*:active,._.sshow>.indices>*.on{background:#0008;}._.sshow>.p,._.sshow>.n{position:absolute;font-size:5em;color:#fff;text-shadow:#000 0 0 5px;top:30%;padding:.2em .5em;}._.sshow>.p:not(:hover),._.sshow>.n:not(:hover){opacity:0.3;}._.sshow>.p{left:0;}._.sshow>.n{right:0;}._.sshow-md{background:none;border:none;}._.sshow-md .cl{color:#fff;font-size:2em;position:absolute;right:0;top:0;}._.sshow-md img{margin:auto;display:block;width:90%;}._.notify{position:fixed;bottom:2em;left:2em;}._.container{padding:0 .75em;}@media (min-width: 768px){._.container{padding:0 2rem;max-width:768px;width:768px;margin-left:auto;margin-right:auto;}}@media (min-width: 1024px){._.container{padding:0 6rem;max-width:1024px;width:1024px;}}@media (min-width: 1440px){._.container{max-width:1280px;width:1280px;}}._.form>.ii,._.formg>.ii{margin:.2em 0 .4em;}._.form>.ii>.hd,._.formg>.ii>.hd{display:inline-block;overflow:hidden;white-space:nowrap;width:40%;margin:0;text-align:end;padding-right:.6em;}._.form>.ii[edited]>.hd,._.formg>.ii[edited]>.hd{font-weight:bold;}._.form>.ii>.bd,._.formg>.ii>.bd{margin:0;width:60%;}}