@property --p{syntax: "<number>"; inherits: true; initial-value: 1;}.pie{--p: 20;--b: 5px;--c: darkblue;--w: 40px;--f: 10px;width:var(--w);aspect-ratio:1;position:relative;display:inline-grid;margin:5px;place-content:center;font-size:var(--f);font-family:sans-serif}.pie:before,.pie:after{content:"";position:absolute;border-radius:50%}.pie:before{inset:0;background:radial-gradient(farthest-side,var(--c) 98%,rgba(0,0,0,0)) top/var(--b) var(--b) no-repeat,conic-gradient(var(--c) calc(var(--p) * 1%),rgba(50,50,50,.25) 0);-webkit-mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)));mask:radial-gradient(farthest-side,rgba(0,0,0,0) calc(99% - var(--b)),#000 calc(100% - var(--b)))}.pie:after{inset:calc(50% - var(--b) / 2);background:var(--c);transform:rotate(calc(var(--p) * 3.6deg)) translateY(calc(50% - var(--w) / 2))}.animate{animation:p 1s .5s both}.no-round:before{background-size:0 0,auto}.no-round:after{content:none}@keyframes p{0%{--p: 0}}.dialog{animation:bounce .3s ease normal;background:#e4f8ff;border-radius:1rem;border:2px solid darkblue;box-shadow:2px 2px 1px #000000bf;color:#00008b;flex-direction:column;min-width:300px;padding:0}.dialog:open{display:flex}.dialog::backdrop{backdrop-filter:blur(3px)}.dialog__header{background:#00008b;color:#e4f8ff;text-align:center;padding:.25rem;position:relative}.dialog__header[data-state]:after{border-radius:50%;box-sizing:border-box;content:"";position:absolute;height:.75rem;width:.75rem;top:50%;right:.25rem;transform:translateY(-50%);transform-origin:50% 50%}.dialog__header[data-state=loading]:after{animation:spin-center .75s linear infinite;background:transparent;border:2px solid orange;border-left:2px solid transparent}.dialog__header[data-state=ok]:after{background:#0c0}.dialog__header[data-state=error]:after{background:#c00}.dialog__content{font-size:.8rem;margin:0;overflow:auto;padding:.25rem .5rem}.dialog__footer{align-items:center;background:#a9e4f9;border-top:1px solid darkblue;display:flex;justify-content:center;flex-direction:row}@keyframes bounce{0%{transform:scale3d(.1,.1,1)}55%{transform:scale3d(1.08,1.08,1)}to{transform:scaleZ(1)}}@keyframes spin-center{0%{transform:translateY(-50%) rotate(0)}to{transform:translateY(-50%) rotate(360deg)}}*{font-family:sans-serif;box-sizing:border-box}h3{margin:1rem .5rem 0}form{margin:1rem .5rem}fieldset{margin:1rem .5rem;border-radius:.5rem;display:inline-flex;flex-direction:column;border-color:#3c425740}fieldset button[type=submit]{margin-top:1rem}.content-element{font-size:0}.d-block{display:block}.d-flex{display:flex}.d-inline-flex{display:inline-flex}.align-center{align-items:center;justify-content:center}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.gap-4{gap:1rem}.p-4{padding:1rem}.form-only-button{all:unset;display:flex;width:100%}.form-only-button>*{width:100%}table{border:1px solid #bb72ff;border-radius:.4rem;border-spacing:0;margin:.5rem;overflow:hidden;font-size:14px}td{padding:.4rem;background:#b3ffffa0;border:1px solid rgba(144,227,227,.4509803922);color:#005454;text-align:center}th{padding:.4rem;background:#e6ccffa0;border:1px solid #d5aafe;color:#430082}tr.secondary td{background:#bbf1c7a0}tr.do-update td{background:#ccffcca0}tr:hover td{background:#f2ffcca0}tr.disabled td{background:#cfe2e2a0;border:1px solid rgba(183,200,200,.4509803922);color:#6c6c6c}.hide{display:none}nav{display:flex}.button{-webkit-user-select:none;align-items:center;background-origin:border-box;background:linear-gradient(180deg,#4b91f7,#367af6);border-radius:.4rem;border:none;box-shadow:0 .5px 1.5px #367af640,inset 0 .8px 0 -.25px #fff3;color:#fff;cursor:pointer;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin:.4rem;padding:.4rem .8rem;text-decoration:none;outline:transparent;transition:box-shadow .2s ease-in-out;user-select:none;touch-action:manipulation;white-space:nowrap;box-shadow:0 0}.button:not([disabled]):focus,.button:not([disabled]):hover{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #474fef80,.125rem .125rem 1rem #5a91ff80}.button.logout{background:linear-gradient(180deg,#d54bf7,#f636f6)}.button.logout:not([disabled]):focus,.button.logout:not([disabled]):hover{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #d947ef80,.125rem .125rem 1rem #5a91ff80}.button.danger{background:linear-gradient(180deg,#f74b4b,#f63636)}.button.danger:not([disabled]):focus,.button.danger:not([disabled]):hover{box-shadow:0 0 .25rem #00000080,-.125rem -.125rem 1rem #ef476580,.125rem .125rem 1rem #ff9a5a80}.button:focus{box-shadow:inset 0 .8px 0 -.25px #fff3,0 .5px 1.5px #367af640,0 0 0 3.5px #3a6cd980;outline:0}.button--sm{margin:0;font-size:.8rem;padding:.2rem .4rem}.button--disabled{background:linear-gradient(180deg,#a6a6a6,gray)}input,select{border:0;outline:0;color:#3c4257;background-color:#fff;box-shadow:#0000 0 0,#0000 0 0,#0000 0 0,#3c425729 0 0 0 1px,#0000 0 0,#0000 0 0,#0000 0 0;border-radius:4px;font-size:14px;line-height:20px;font-weight:400;padding:4px 8px;margin:5px 10px;min-height:28px;vertical-align:middle;transition:background-color .24s,box-shadow .24s;transition-property:background-color,box-shadow;transition-duration:.24s,.24s;transition-timing-function:ease,ease;transition-delay:0s,0s}input:not([type=checkbox]):not([readonly]):focus,select:focus{box-shadow:#0000 0 0,#3a97d45c 0 0 0 4px,#0000 0 0,#3c425729 0 0 0 1px,#0000 0 0,#0000 0 0,#0000 0 0}input[type=checkbox]{accent-color:#367AF6;box-shadow:none;line-height:1em;margin-left:0;padding:0;width:1.5em}input[type=checkbox].checkbox{margin:5px 10px}input::placeholder{color:#bbbbbbb8}input[readonly]{background-color:#e6e6e6;color:#4d4d4d}label{user-select:none}select{cursor:pointer}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.dot{background-color:#bbb;border-radius:50%;border:1px solid transparent;display:inline-block;height:1rem;width:1rem}.dot--enabled{background-color:#00e122;border-color:green;background:linear-gradient(to bottom,#9f9,#6f6,#3f3)}.dot--disabled{background-color:#f47e6f;border-color:red;background:linear-gradient(to bottom,#ffb6b6,#ff8383,#ff5050)}.message{align-items:center;background-color:#ffdb98b8;border:1px solid #724c00;border-radius:5px;color:#724c00;display:flex;padding:5px}.message--margin{margin-bottom:10px}.message--sm{font-size:.8rem;padding:3px}.message--success{background-color:#99ffb3b8;border:1px solid #00701c;color:#00701c}.message--error{background-color:#ff9999b8;border:1px solid #701c00;color:#701c00}.message--log{font-size:10px;background-color:#e6ffffb8;border:1px solid #003333;color:#033}.c-pill{align-items:center;font-weight:700;font-size:11px;display:inline-block;height:100%;white-space:nowrap;width:auto;position:relative;border-radius:100px;line-height:1;overflow:hidden;padding:0 8px 0 20px;text-overflow:ellipsis;line-height:1.25rem;color:#595959;word-break:break-word;user-select:none}.c-pill--no-dot{padding:0 8px}.c-pill--border{border:1px solid #595959}.c-pill:not(.c-pill--no-dot):before{border-radius:50%;content:"";height:10px;left:6px;margin-top:-5px;position:absolute;top:50%;width:10px}.c-pill--success{background:#89ff89;color:#195f00;border-color:#195f00}.c-pill--success:before{background:#42a53c}.c-pill--warning{background:#ffebb6;color:#846500;border-color:#846500}.c-pill--warning:before{background:#eeb600}.c-pill--danger{background:#ffd5d1;color:#880900;border-color:#880900}.c-pill--danger:before{background:#ff4436}.c-pill--info{background:#b8ebff;color:#003584}.c-pill--info:before{background:#257cff}.c-pill--badge{background:var(--c-pill-bg, #b8ebff);color:var(--c-pill-color, #003584);border:1px solid var(--c-pill-color, transparent)}.c-pill--badge:before{background:var(--c-pill-dot-color, #257cff)}.badge,.date{align-items:center;font-weight:700;font-size:11px;display:inline-block;height:100%;white-space:nowrap;width:auto;position:relative;border-radius:100px;line-height:1;overflow:hidden;padding:0 5px;text-overflow:ellipsis;line-height:1.25rem;word-break:break-word;user-select:none;background:#b8ebff;color:#003584}.badge:after{margin-left:2px;padding:2px;border-left:1px solid #257cff;content:attr(data-unit)}.date{background:#93ffdf;color:#005d41}.hide-all-secondary .secondary{display:none}.additional-info{color:#9d9d9d;font-size:10px;margin-top:10px;max-width:350px}.font-sm{font-size:.8em}.text-bold{font-weight:700}.color-inherit{color:inherit}
