.bb-solid-1-ccc{border-bottom:solid 1px #ccc}.bb-solid-1-eee{border-bottom:solid 1px #eee}.br4{border-radius:4px}.br8{border-radius:8px}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);font-weight:bold;transition:all 256ms;text-align:center}button:hover{background:rgba(204,204,255,.5);transition:all 256ms}button.black{border:none;border-radius:8px;font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase;background:#444;color:#fff}button.blue{border:none;border-radius:8px;font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase;background:#aaf;color:#fff}button.gray{border:none;border-radius:8px;font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase;background:#888;color:#fff}button.green{border:none;border-radius:8px;font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase;background:#096;color:#fff}button.red{border:none;border-radius:8px;font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase;background:#f66;color:#fff}button.text{min-width:128px}button.text img{margin-right:8px}code{white-space:normal}.bgccf{background:#ccf}.bgfcc{background:#fcc}.bgfff{background:#fff}.c096{color:#096}.c444{color:#444}.c800{color:#800}.br8{border-radius:8px}.h100{height:100%}.m4{margin:4px}.m8{margin:8px}.m16{margin:16px}.mb8{margin-bottom:8px}.mr8{margin-right:8px}.mr16{margin-right:16px}.mt16{margin-top:16px}.mw32{max-width:32px}.mw128{max-width:128px}.mw480{max-width:480px}.mw640{max-width:640px}.mw50pc{max-width:50%}.mw-none{max-width:none}.p0{padding:0px}.p8{padding:8px}.p16{padding:16px}.p18{padding:18px}.p32{padding:32px}.pb0{padding-bottom:0}.pl16{padding-left:16px}.text-center{text-align:center}.w0{width:0%}.w50{width:50%}.w100{width:100%}.wa{width:auto}.font-title{font-size:2em;font-weight:900}.font-subtitle{font-size:1.5em;font-weight:300}.fw600{font-weight:600}footer{align-items:center;background:#fff;box-shadow:0px 0px 4px 0px #ccc;display:flex;font-family:system-ui;justify-content:center;padding:8px}footer span{font-weight:bold}form{background:#fff;border:none;border-radius:8px;box-sizing:border-box;display:flex;flex-flow:column;padding:16px;width:100%}form.index{margin:0 auto;max-width:1920px}form.index.mw480{max-width:480px}form.modal{border-radius:0px;position:absolute;max-width:720px;max-height:100%;overflow:auto;width:100%;height:100%}form.modal.mw480{max-width:480px}form.modal table{margin-bottom:16px}header{background:#fff;border:none;box-shadow:0px 0px 4px 0px #ccc;display:flex;align-items:center;font-weight:bold;position:relative}header h1{font-size:18px;margin:0;margin-right:auto}header button{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:16px}input{cursor:pointer;border:solid 1px #eee;border-radius:8px;box-sizing:border-box;font-size:16px;padding:8px;width:100%}input:focus{outline:2px solid #48f}input[type=file]{font-size:14px}input[type=button]{background:#444;border:none;border-radius:8px;color:#fff;padding:16px;min-width:150px}input.focus-green:focus{border:solid 1px #096;outline:solid 2px #096}#app{position:absolute;width:100%;height:100%;display:flex;flex-flow:column;align-items:flex-end;justify-content:center}.root{overflow:hidden;position:absolute;height:100%;width:100%;left:0%;top:0%}.drawer{overflow:hidden;position:absolute;height:100%;width:100%;max-width:300px;top:0%}.column{display:flex;flex-flow:column}.row{display:flex;flex-flow:row}.center{display:flex;align-items:center;justify-content:center}.content-center{display:flex;justify-content:center}.content-end{display:flex;justify-content:flex-end}.content-start{display:flex;justify-content:flex-start}.items-center{display:flex;align-items:center}.items-end{display:flex;align-items:flex-end}.items-start{display:flex;align-items:flex-start}.self-start{align-self:flex-start}.space-around{justify-content:space-around}.space-between{justify-content:space-between}.text-end{text-align:end}.wrap{flex-wrap:wrap}.noscroll{overflow:hidden}.scroll{overflow:auto;scroll-behavior:smooth}.flex{flex:1}.flex2{flex:2}.flex3{flex:3}.flex4{flex:4}.fill{width:100%;height:100%}.fillw{width:100%}.fillh{height:100%}.z1{z-index:1}.z2{z-index:2}.panel{border:none;box-shadow:0px 0px 4px 0px #ccc;margin:32px;max-width:1280px;width:100%}.avatar{width:32px;border-radius:50%}.break-all{word-break:break-all}.grid150{display:grid;grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));grid-gap:16px}.grid1x1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-gap:16px;padding:16px}.ball32{display:flex;justify-content:center;align-items:center;border-radius:50%;background:#ccf;padding:16px;width:32px;height:32px}@media screen and (max-width: 480px){.bigger480{display:none}}@media screen and (max-width: 640px){.bigger640{display:none}}@media screen and (max-width: 720px){.bigger720{display:none}}nav{color:hsla(0,0%,100%,.8);background-color:#333;display:flex;flex-flow:column;justify-content:space-between;max-width:300px;width:100%;overflow:auto}nav.drawer{overflow:auto;position:absolute;height:100%;left:0}nav ul{background:#333;display:flex;flex-flow:column;margin:0;padding:0}nav ul li:hover{background:#222;transition:.5s}nav ul li button{border:none;outline:none;cursor:pointer;padding:16px;transition:.5s;color:hsla(0,0%,100%,.8);background:rgba(0,0,0,0);text-align:left;font-size:16px;display:flex;flex-flow:row;align-items:center;justify-content:flex-start;white-space:nowrap;width:100%}nav ul li button.selected{background:#222}nav ul li button img{margin:0px 16px 0px 0px}nav ul li.title{background:#111}nav ul li.title h1{color:#fff;font-size:20px;margin:0}nav ul li.divider-top{border-top:solid}nav ul.power{background:#1a1a1a}nav ul.power li:hover{background:#422;transition:.5s}nav ul.power li button{font-weight:bold}*{color:#444}*::-webkit-scrollbar{display:none}html{position:absolute;width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none}html body{position:absolute;width:100%;height:100%;margin:0;padding:0;overflow:hidden;overscroll-behavior:none;font-family:system-ui;background:#fff}select{background:#fff;border:solid 1px #eee;border-radius:8px;box-sizing:border-box;font-size:16px;min-width:max-content;padding:8px;width:100%}select:focus{outline:2px solid #48f}select option{font-size:16px}table{background:#fff;border:none;border-collapse:collapse;max-width:1920px;overflow:auto;text-align:left;white-space:nowrap;width:100%;height:fit-content}table.index{border-radius:8px;margin:auto}table.index tbody tr:hover{background:#eef}table.form th:first-child,table.form td:first-child{width:25%}table caption{background:#ccf;border-radius:8px;font-weight:bold;overflow:hidden;text-align:left}table caption *{color:#444}table caption button{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:16px}table caption button:hover{background:hsla(0,0%,100%,.1)}table thead tr,table tbody tr,table tfoot tr{cursor:pointer}table thead tr th,table thead tr td,table tbody tr th,table tbody tr td,table tfoot tr th,table tfoot tr td{position:relative;max-width:125px;overflow:hidden;padding:16px;text-overflow:ellipsis}table thead tr th label,table thead tr td label,table tbody tr th label,table tbody tr td label,table tfoot tr th label,table tfoot tr td label{color:#668;font-weight:bold;position:absolute}table thead tr th input,table thead tr td input,table tbody tr th input,table tbody tr td input,table tfoot tr th input,table tfoot tr td input{margin-top:32px}table thead tr th select,table thead tr td select,table tbody tr th select,table tbody tr td select,table tfoot tr th select,table tfoot tr td select{margin-top:32px}table thead tr th textarea,table thead tr td textarea,table tbody tr th textarea,table tbody tr td textarea,table tfoot tr th textarea,table tfoot tr td textarea{margin-top:32px}table thead tr th button,table thead tr td button,table tbody tr th button,table tbody tr td button,table tfoot tr th button,table tfoot tr td button{cursor:pointer;border:none;border-radius:8px;padding:12px;min-width:128px;justify-content:center}table thead tr th button img,table thead tr td button img,table tbody tr th button img,table tbody tr td button img,table tfoot tr th button img,table tfoot tr td button img{margin-right:8px}table thead tr th button.black2,table thead tr td button.black2,table tbody tr th button.black2,table tbody tr td button.black2,table tfoot tr th button.black2,table tfoot tr td button.black2{background:#444;color:#fff}table thead tr th.button,table thead tr td.button,table tbody tr th.button,table tbody tr td.button,table tfoot tr th.button,table tfoot tr td.button{width:0%}table thead tr:first-child th,table thead tr:first-child td{border-bottom:solid 1px #eee}table tbody tr:last-child th,table tbody tr:last-child td{border-bottom:none}table tfoot tr:first-child th,table tfoot tr:first-child td{border-bottom:none;border-top:solid 1px #eee}textarea{box-sizing:border-box;border:solid 1px #eee;border-radius:8px;box-sizing:border-box;padding:8px;width:100%;height:256px;font-family:system-ui;font-size:16px}.effect1-enter{opacity:1;transform:scale(1) translate(0%, 100%)}.effect1-enter-active{opacity:1;transform:scale(1) translate(0%, 0%);transition:opacity 1000ms,transform 1000ms}.effect1-exit{opacity:1;transform:scale(1)}.effect1-exit-active{opacity:0;transform:scale(0);transition:opacity 1000ms,transform 1000ms}.effect12-enter{transform:translate(100%, 0%)}.effect12-enter-active{transform:translate(0%, 0%);transition:transform 1000ms}.effect12-exit{transform:translate(0%, 0%)}.effect12-exit-active{transform:translate(-100%, 0%);transition:transform 1000ms}.effect2-enter{transform:translate(0vw, 100vh)}.effect2-enter-active{transform:translate(0vw, 0vh);transition:transform 1000ms}.effect2-exit{transform:translate(0vw, 0vh)}.effect2-exit-active{transform:translate(0vw, 100vh);transition:transform 1000ms}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity 1000ms}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity 1000ms;pointer-events:none}.drawer1-enter{transform:translate(-100%, 0%)}.drawer1-enter-active{transform:translate(0%, 0%);transition:transform 1000ms}.drawer1-exit{transform:translate(0%, 0%)}.drawer1-exit-active{transform:translate(-100%, 0%);transition:transform 1000ms}.drawer2-enter{transform:translate(100%, 0%)}.drawer2-enter-active{transform:translate(0%, 0%);transition:transform 1000ms}.drawer2-exit{transform:translate(0%, 0%)}.drawer2-exit-active{transform:translate(100%, 0%);transition:transform 1000ms}/*# sourceMappingURL=styles.css.map */
