input,select,textarea{all:unset;color:#ccc;border-bottom:1px solid #333333;width:calc(100% - 10px)}select{background-color:#1f1f1f}input,select,textarea{padding:4px 5px;margin-bottom:4px}input[type=radio]{border:none;padding:0;cursor:pointer}input[type=color]{block-size:32px;width:70px}.form-group{padding-top:20px;position:relative;margin-bottom:16px}.form-radio{display:flex;height:28px}.form-radio input:focus{background-color:color-mix(in srgb,#1f1f1f 100%,#2087d6 100%)}.radio-option:has(.selected){background-color:color-mix(in srgb,#1f1f1f 100%,#2087d6 50%)}.radio-option:hover,.radio-option:focus{background-color:color-mix(in srgb,#1f1f1f 100%,#2087d6 100%)}.radio-option:active{background-color:#2087d6}.group-label{position:absolute;top:23px;left:5px;transition:.25s cubic-bezier(0,0,.1,1);color:gray;pointer-events:none}.form-label{position:relative;padding:1px;top:16px;left:1px;color:gray;font-size:11px}.radio-label{pointer-events:none;grid-column:1;grid-row:1}.radio-option{display:grid;align-items:center;min-width:70px;height:26px;text-align:center;border-top:1px solid #333333;border-bottom:1px solid #333333;cursor:pointer}.radio-option:first-child{border-left:1px solid #333333;border-top-left-radius:5px;border-bottom-left-radius:5px}.radio-option:last-child{border-right:1px solid #333333;border-top-right-radius:5px;border-bottom-right-radius:5px}.radio-option input{width:100%;height:100%;grid-column:1;grid-row:1}input:focus,select:focus,textarea:focus{border-color:#2087d6;transition:border-color .25s cubic-bezier(0,0,.1,1)}input:not(:placeholder-shown)+.group-label,input:focus+.group-label,select:not(:placeholder-shown)+.group-label,select:focus+.group-label,textarea:not(:placeholder-shown)+.group-label,textarea:focus+.group-label{top:1px;font-size:11px;pointer-events:initial;left:0}input:focus+.group-label,select:focus+.group-label{color:#2087d6}input.ng-invalid.ng-touched+.group-label,select.ng-invalid.ng-touched+.group-label,textarea.ng-invalid.ng-touched+.group-label{color:#dc3545}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched{border-bottom:1px solid #dc3545}textarea.ng-invalid.ng-touched{border:1px solid #dc3545}.form-action{text-align:right}.form-action .button{text-align:center;min-width:70px}.button.primary{background-color:color-mix(in srgb,#1f1f1f 0%,#2087d6 100%)}.button.secondary{background-color:color-mix(in srgb,#1f1f1f 0%,#6c757d 100%)}.button.success{background-color:color-mix(in srgb,#1f1f1f 0%,#198754 100%)}.button.warning{background-color:color-mix(in srgb,#1f1f1f 0%,#ffc107 100%);color:#1f1f1f}.button.danger{background-color:color-mix(in srgb,#1f1f1f 0%,#dc3545 100%);color:#1f1f1f}.button.disabled,input.disabled{background-color:gray;cursor:default}.button.disabled:hover,input.disabled:hover{background-color:gray}input:disabled,select:disabled,textarea:disabled{color:gray}input:disabled,select:disabled,textarea:disabled{background:repeating-linear-gradient(-55deg,#1f1f1f,#1f1f1f 5px,#333 5px 10px)}.button~.button{margin-left:3px}.action-button{display:inline-block;height:calc(100% - 6px);border:none}.action-button:hover,.action-button:focus{background-color:#2087d680;color:#ccc}.action-button:active{background-color:#2087d6}@font-face{font-family:Roboto;src:url("./media/Roboto-Regular-R73JMUUD.ttf") format("truetype")}html{background-color:#1f1f1f;color:#ccc;font-family:Roboto,sans-serif;font-size:14px}a{color:#ccc}body{width:100%;height:100vh;margin:0}.button{all:unset;cursor:pointer;padding:5px 14px;background-color:#333}.button:hover,.button:focus{background-color:color-mix(in srgb,#1f1f1f 50%,#2087d6 50%)}textarea{border-top:1px solid #333333;border-right:1px solid #333333;border-left:1px solid #333333}