.light,:root{--input-background-color:#ffffff;--input-border-color:var(--box-border-color);--input-color:var(--text-color);--input-mark-background-color:#3355ff;--input-mark-color:#ffffff;--input-hover-background-color:#dddddd;--input-disabled-background-color:var(--input-hover-background-color);--input-disabled-mark-color:#bbbbbb;--input-valid-border-color:#008800;--input-invalid-border-color:#ff0000;--output-color:#ff0000;}.dark{--input-background-color:#101012;--input-border-color:var(--box-border-color);--input-color:var(--text-color);--input-mark-background-color:#3355ff;--input-mark-color:#ffffff;--input-hover-background-color:#202124;--input-disabled-background-color:var(--input-hover-background-color);--input-disabled-mark-color:#60666f;--input-valid-border-color:#008800;--input-invalid-border-color:#ff0000;--output-color:#ff3333;}@media (prefers-color-scheme:dark){:root{--input-background-color:#101012;--input-border-color:var(--box-border-color);--input-color:var(--text-color);--input-mark-background-color:#3355ff;--input-mark-color:#ffffff;--input-hover-background-color:#202124;--input-disabled-background-color:var(--input-hover-background-color);--input-disabled-mark-color:#60666f;--input-valid-border-color:#008800;--input-invalid-border-color:#ff0000;--output-color:#ff3333;}}input[type="text"],input[type="number"],select{background-color:var(--input-background-color);border:1px solid var(--input-border-color);color:var(--input-color);font-size:1em;padding:8px;}input[type="text"]:disabled,input[type="number"]:disabled,select{background-color:var(--input-disabled-background-color);color:var(--input-disabled-mark-color);}input[type="text"][pattern]:valid:not(:placeholder-shown),input[type="number"]:valid:not(:disabled){border-color:var(--input-valid-border-color);outline-color:var(--input-valid-border-color);}input[type="text"][pattern]:invalid:not(:placeholder-shown),input[type="number"]:invalid:not(:disabled){border-color:var(--input-invalid-border-color);outline-color:var(--input-invalid-border-color);}output{color:var(--output-color);}.custom-input{display:inline-block;position:relative;-moz-user-select:none;-ms-user-select:none;-webkit-user-select:none;user-select:none;vertical-align:top;}.custom-input>input{height:0;opacity:0;position:absolute;width:0;}.custom-input>span{vertical-align:middle;}.custom-input>input+span{background-color:var(--input-background-color);border:1px solid var(--input-border-color);display:inline-block;height:24px;position:relative;width:24px;}.custom-input>input+span+span{padding-left:8px;}.custom-input>input~span{cursor:pointer;}.custom-input>input:focus+span{outline:5px auto -webkit-focus-ring-color;}.custom-input>input[type="radio"]+span{border-radius:50%;}.custom-input>input:disabled~span{cursor:unset;}.custom-input:hover>input+span{background-color:var(--input-hover-background-color);}.custom-input>input:checked+span{background-color:var(--input-mark-background-color);}.custom-input>input:disabled+span{background-color:var(--input-disabled-background-color);}.custom-input>input+span::after{content:"";display:none;position:absolute;}.custom-input>input:checked+span::after{display:block;}.custom-input>input:disabled+span::after{border-color:var(--input-disabled-mark-color);}.custom-input>input[type="radio"]:disabled+span::after{background-color:var(--input-disabled-mark-color);}.custom-input>input+span::after{border:solid var(--input-mark-color);}.custom-input>input[type="checkbox"]+span::after{border-width:0 4px 4px 0;height:16px;left:7px;top:2px;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);width:8px;}.custom-input>input[type="radio"]+span::after{background-color:var(--input-mark-color);border-radius:50%;height:10px;left:6px;top:6px;width:10px;}