:root{--sv-dropdown-width:200px;--sv-border-radius:4px}body{background:#000}*{box-sizing:border-box;margin:0;padding:0;font-family:monospace;font-size:16px}#app{max-width:770px;margin:5px auto;padding:5px}#app h1{color:#fff;max-width:440px;margin:10px auto;padding:10px 5px;font-weight:400;display:flex}#app form{flex-flow:column;gap:10px;max-width:440px;margin:10px auto;display:flex}#app form label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}#app form>input,#app form>button{border:var(--sv-border,1px solid #ccc);border-radius:var(--sv-border-radius,4px);background-color:var(--sv-control-bg,var(--sv-bg,#fff));min-height:var(--sv-min-height,34px);color:#000;padding:0 4px;font-weight:400}#app form>input:hover,#app form>button:hover{cursor:pointer;background-color:#eee}#app form>input.button--loading,#app form>button.button--loading{cursor:not-allowed;animation:2s infinite pulse-white;box-shadow:0 0 #fff}@keyframes pulse-white{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 10px #fff0}to{box-shadow:0 0 #fff0}}#app form input::placeholder{color:#ccccd6}#app table,#app p,#app .source{color:#fff;border:none;width:100%;max-width:440px;margin:10px auto}#app table th,#app p th,#app .source th{text-align:left;border-radius:var(--sv-border-radius);border:none;margin:0}#app table td:last-child,#app p td:last-child,#app .source td:last-child{text-align:right}#app th,#app td{padding:2px}#app th{border:var(--sv-border,1px solid #ccc);color:#000;background:#fff;padding:10px}#app .source{text-align:center}#app .source a{color:#fff}
