:root{--bg-1: #fff;--bg-2: #f8f8f8;--bg-3: #f0f0f0;--accent-1: #eef;--accent-2: #ccf;--accent-3: #aaf;--text: #444;--text-inv: #fff;--text-nav: #ccc;--text-label: #668;--border: #eee;--shadow: #ccc;--focus: #48f;--success: #096;--success-bg: #cfc;--error: #f66;--error-bg: #fcc;--btn-dark: #444;--btn-muted: #888;--nav-bg: #333;--nav-bg-hover: #222;--nav-bg-selected: #222;--nav-bg-title: #111;--radius: 8px;--tr-ui: 256ms;--tr-anim: 1000ms}.bb-solid-1-ccc{border-bottom:solid 1px var(--shadow)}.bb-solid-1-eee{border-bottom:solid 1px var(--border)}.br4{border-radius:4px}.br8{border-radius:var(--radius)}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background:rgba(0,0,0,0);font-weight:bold;transition:all var(--tr-ui);text-align:center}button.black{border:none;border-radius:var(--radius);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}button.black>img,button.black>svg{margin-right:8px}button.black{background:var(--btn-dark);color:var(--text-inv)}button.blue{border:none;border-radius:var(--radius);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}button.blue>img,button.blue>svg{margin-right:8px}button.blue{background:var(--accent-3);color:var(--text-inv)}button.gray{border:none;border-radius:var(--radius);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}button.gray>img,button.gray>svg{margin-right:8px}button.gray{background:var(--btn-muted);color:var(--text-inv)}button.green{border:none;border-radius:var(--radius);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}button.green>img,button.green>svg{margin-right:8px}button.green{background:var(--success);color:var(--text-inv)}button.red{border:none;border-radius:var(--radius);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}button.red>img,button.red>svg{margin-right:8px}button.red{background:var(--error);color:var(--text-inv)}button.text{min-width:128px}code{white-space:normal}.bgccf{background:#ccf}.bgfcc{background:#fcc}.bgfff{background:#fff}.c096{color:#096}.c444{color:#444}.c800{color:#800}.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:0}.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}.text-end{text-align:end}.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:var(--bg-1);box-shadow:0px 0px 4px 0px var(--shadow);display:flex;justify-content:center;padding:8px}footer span{font-weight:bold}form{background:var(--bg-1);border:none;border-radius:var(--radius);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:var(--bg-1);border:none;box-shadow:0px 0px 4px 0px var(--shadow);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 var(--border);border-radius:var(--radius);box-sizing:border-box;font-size:16px;padding:8px;width:100%}input:focus{outline:2px solid var(--focus)}input[type=file]{font-size:14px}input[type=button]{background:var(--btn-dark);border:none;border-radius:var(--radius);color:var(--text-inv);font-size:16px;font-weight:bold;padding:16px;min-width:150px;text-transform:uppercase}input.focus-green:focus{border:solid 1px var(--success);outline:solid 2px var(--success)}#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{display:flex;justify-content:space-around}.space-between{display:flex;justify-content:space-between}.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));gap:16px}.grid1x1{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;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:var(--text-nav);background-color:var(--nav-bg);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:var(--nav-bg);display:flex;flex-flow:column;margin:0;padding:0}nav ul li:hover{background:var(--nav-bg-hover)}nav ul li button{border:none;outline:none;cursor:pointer;padding:16px;transition:background var(--tr-ui);color:var(--text-nav);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:var(--nav-bg-selected)}nav ul li button img{margin:0px 16px 0px 0px}nav ul li button svg{margin:0px 16px 0px 0px}nav ul li.title{background:var(--nav-bg-title)}nav ul li.title h1{color:var(--text-inv);font-size:20px;margin:0}nav ul li.divider-top{border-top:solid}*{color:var(--text)}*::-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:var(--bg-1)}select{background:var(--bg-1);border:solid 1px var(--border);border-radius:var(--radius);box-sizing:border-box;font-size:16px;min-width:max-content;padding:8px;width:100%}select:focus{outline:2px solid var(--focus)}select option{font-size:16px}table{background:var(--bg-1);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:var(--radius);margin:auto}table.index tbody tr:hover{background:var(--accent-1)}table.form th:first-child,table.form td:first-child{width:25%}table.form th label,table.form td label{color:var(--text-label);font-weight:bold;position:absolute}table.form th input,table.form th select,table.form th textarea,table.form th code,table.form td input,table.form td select,table.form td textarea,table.form td code{display:block;margin-top:32px}table caption{background:var(--accent-2);border-radius:var(--radius);font-weight:bold;overflow:hidden;text-align:left}table caption *{color:var(--text)}table caption button{background:rgba(0,0,0,0);border:none;cursor:pointer;padding:16px}table caption button:hover{background:color-mix(in srgb, var(--text-inv) 10%, transparent)}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 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:var(--radius);padding:12px;min-width:128px;justify-content:center}table thead tr th button img,table thead tr th button svg,table thead tr td button img,table thead tr td button svg,table tbody tr th button img,table tbody tr th button svg,table tbody tr td button img,table tbody tr td button svg,table tfoot tr th button img,table tfoot tr th button svg,table tfoot tr td button img,table tfoot tr td button svg{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:var(--btn-dark);color:var(--text-inv)}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 var(--border)}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 var(--border)}textarea{border:solid 1px var(--border);border-radius:var(--radius);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 var(--tr-anim),transform var(--tr-anim)}.effect1-exit{opacity:1;transform:scale(1)}.effect1-exit-active{opacity:0;transform:scale(0);transition:opacity var(--tr-anim),transform var(--tr-anim)}.effect12-enter{transform:translate(100%, 0%)}.effect12-enter-active{transform:translate(0%, 0%);transition:transform var(--tr-anim)}.effect12-exit{transform:translate(0%, 0%)}.effect12-exit-active{transform:translate(-100%, 0%);transition:transform var(--tr-anim)}.effect2-enter{transform:translate(0vw, 100vh)}.effect2-enter-active{transform:translate(0vw, 0vh);transition:transform var(--tr-anim)}.effect2-exit{transform:translate(0vw, 0vh)}.effect2-exit-active{transform:translate(0vw, 100vh);transition:transform var(--tr-anim)}.fade-enter{opacity:0}.fade-enter-active{opacity:1;transition:opacity var(--tr-anim)}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity var(--tr-anim);pointer-events:none}.drawer1-enter{transform:translate(-100%, 0%)}.drawer1-enter-active{transform:translate(0%, 0%);transition:transform var(--tr-anim)}.drawer1-exit{transform:translate(0%, 0%)}.drawer1-exit-active{transform:translate(-100%, 0%);transition:transform var(--tr-anim)}.drawer2-enter{transform:translate(100%, 0%)}.drawer2-enter-active{transform:translate(0%, 0%);transition:transform var(--tr-anim)}.drawer2-exit{transform:translate(0%, 0%)}.drawer2-exit-active{transform:translate(100%, 0%);transition:transform var(--tr-anim)}/*# sourceMappingURL=styles.css.map */