@keyframes loading{0%{width:0;right:5px}25%{width:calc(100% - 10px);right:5px}50%{width:0;right:calc(100% - 5px)}75%{width:calc(100% - 10px);right:5px}to{width:0;right:5px}}#loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;position:fixed;top:0;left:0;z-index:100000;background-color:#fff;opacity:1;transition:opacity .3s,display .3s;transition-behavior:allow-discrete}#loader p{padding:0 50px;display:flex;justify-content:space-between;align-items:nowrap;flex-wrap:center;flex-direction:row;gap:n;position:relative}#loader p span{display:block}#loader p .indicator{width:100%;height:2px;display:block;position:absolute;top:0;background-color:#06f;animation-name:loading;animation-duration:2s;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1,0,0,1);animation-fill-mode:forwards}#loader p .loading_message{width:auto;padding-top:5px;font-size:1.2rem}#loader.loaded{display:none;opacity:0}@starting-style{#loader.loaded{opacity:1}}.glass{padding:20px;position:relative;z-index:1;color:#fff;background-image:linear-gradient(135deg,#ffffff40 0,#00aeef26 15%,#fff0 70%);backdrop-filter:blur(14px) saturate(1.2) brightness(.85);border-radius:20px;box-shadow:3px 3px 12px #00000059}.glass a{color:#fff}.glass:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.6;border-radius:20px;border:1px solid transparent;background:linear-gradient(135deg,#fffc,#fff0 40%,#3333) border-box border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;-webkit-mask-composite:destination-out;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0) border-box;mask-composite:exclude;transition-property:opacity;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.glass:hover:before{opacity:1}form{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:column}form:is(form:has(button.submitting),form:has(button.succeeded)) :is(fieldset,fieldset.optional.shown){margin-bottom:0;grid-template-rows:0fr}form input,form select{font-size:1.6rem}form input{width:100%;padding:5px 10px;color:#fff;background-color:#0003;border:1px solid rgba(255,255,255,.35);border-radius:6px}form input::-webkit-input-placeholder{color:#fffc}form input:-ms-input-placeholder{color:#fffc}form input::-moz-placeholder{color:#fffc}form input{transition-property:all;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}form input:focus{border-color:#fffc}form input.has_error:not(:disabled){background-color:#9003;border-color:#900}form input:disabled,form input[readonly]:not([readonly=false]){opacity:.6}form select[multiple]{width:100%;min-height:30px;height:200px;padding:0;background-color:#0003;border:1px solid rgba(255,255,255,.35);border-radius:6px;transition-property:height;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}form select[multiple] option{height:30px;padding:5px 10px;color:#fff;line-height:30px}form select[multiple] option:checked{background:#00990059}form select[multiple]:has(option:checked){height:300px}form .buttons{width:100%;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;flex-direction:row;gap:0px}form button{height:30px;padding:5px 10px;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;position:relative;color:#fff;overflow:hidden;background-color:#0003;border:1px solid rgba(255,255,255,.35);border-radius:15px;transition-property:all;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}form button i{margin-right:10px}form button:disabled{opacity:.6;cursor:no-drop}form button:has(.fa-circle-xmark){border-color:#9009}form button:has(.fa-circle-xmark):is(:active,:hover,.active){background-color:#99000059;border-color:#900}form button:has(.fa-circle-check),form button:has(.fa-lock-open){padding:5px 20px}form button:has(.fa-circle-check):not(:disabled),form button:has(.fa-lock-open):not(:disabled){border-color:#0909}form button:has(.fa-circle-check):not(:disabled):is(:active,:hover,.active),form button:has(.fa-lock-open):not(:disabled):is(:active,:hover,.active){background-color:#00990059;border-color:#090}form button.submitting,form button.succeeded{pointer-events:none;cursor:no-drop}form button.submitting{animation-duration:2s}form button.submitting:before,form button.submitting:after{content:"";display:block;position:absolute;z-index:10}form button.submitting:before{width:100%;height:100%;inset:0;background-color:#ffffffe6}form button.submitting:after{height:2px;top:0;bottom:0;right:10px;margin:auto;background-color:#900;animation-name:indicator;animation-duration:inherit;animation-delay:0s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1,0,0,1);animation-fill-mode:forwards}form button.succeeded{animation-duration:1.2s}form button.succeeded:before{content:"Succeeded!";width:100%;height:100%;display:block;position:absolute;inset:0;z-index:1;color:#fff;line-height:100px;background-color:#090;animation-name:succeeded;animation-duration:inherit;animation-delay:0s;animation-iteration-count:1;animation-timing-function:cubic-bezier(1,0,0,1);animation-fill-mode:forwards}.fieldset{width:100%;margin-bottom:10px;display:grid;grid-template-rows:1fr;overflow:hidden;transition-property:all;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}.fieldset .box{overflow:hidden}.fieldset.optional{margin-bottom:0;grid-template-rows:0fr}.fieldset.optional.shown{margin-bottom:10px;grid-template-rows:1fr}.fieldset.optional:has(select[multiple]):not(:has(option)){grid-template-rows:0fr}label.checkbox{display:flex;justify-content:flex-start;align-items:center;flex-wrap:nowrap;flex-direction:row;gap:10px;line-height:30px;opacity:.6;background-color:#0003;border-radius:15px;transition-property:opacit background-color;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}label.checkbox .fa-solid{width:30px;aspect-ratio:1;display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;flex-direction:row;border:1px solid rgba(255,255,255,.35);border-radius:100%;transition-property:border-color;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}label.checkbox span{display:block;position:relative;font-size:1.6rem}label.checkbox span:after{content:"";width:0;height:2px;display:block;position:absolute;bottom:2px;left:0;background-color:#fffc;transition-property:width;transition-duration:.3s;transition-delay:0s;transition-timing-function:ease}label.checkbox:is(:active,:hover,:has(input:checked)){opacity:1}label.checkbox:is(:active,:hover,:has(input:checked)) i{border-color:#fffc}label.checkbox:is(:active,:hover,:has(input:checked)) span:after{width:100%}label.checkbox:has(.fa-arrow-up-right-from-square):has(input:checked){background-color:#0066ff59}label.checkbox:has(.fa-trash-can):has(input:checked){background-color:#99000059}p.has_error{margin-top:5px;padding:2px 5px;color:#fff;font-size:1.2rem;background-color:#9009;border-radius:3px;white-space:pre-line}form:has(.buttons) p.has_error{width:100%;margin:0 0 5px}
