@import "https://fonts.googleapis.com/css2?family=Share+Tech&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{background-color:#222}body{color:#ccc;flex-flow:column;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Share Tech;display:flex;overflow:hidden auto}#root{max-width:600px;height:100vh}.config-header{background:linear-gradient(#555,#444);border-radius:4px;flex-flow:row;justify-content:space-between;margin-bottom:12px;padding:8px;display:flex;box-shadow:2px 2px 4px #0004}.config-header .title{cursor:text;color:#eee;background-color:#444;border:1px solid #666;border-radius:4px;padding:4px 12px;font-family:Share Tech;font-size:1.25rem;box-shadow:inset 2px 2px 4px #0004}.config-header .submit{cursor:pointer;color:#eee;background:linear-gradient(#777,#555);border:1px solid #666;border-radius:4px;padding:4px 12px;font-family:Share Tech;font-size:1rem;transition:filter .15s;box-shadow:2px 2px 2px #0002}.config-header .submit:hover{filter:brightness(1.15)}.config-header .submit:active{filter:brightness(.75);transition:all;box-shadow:inset 2px 2px 4px #0008}.menu-item{background:linear-gradient(#444,#333);border-radius:4px;flex-flow:row;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex;box-shadow:2px 2px 4px #0004}.menu-item .enable{cursor:pointer;accent-color:#666;background-color:#444;width:18px;height:18px}.menu-item .title{color:#ccc;text-align:left;flex-shrink:0}.menu-item .line{border:1px solid #666;width:100%}.menu-item .input{cursor:pointer;text-align:center;color:#ccc;background-color:#333;border:1px solid #444;border-radius:4px;flex-shrink:0;min-width:80px;margin:-2px;padding:2px 8px;font-family:Share Tech;font-size:1rem;box-shadow:inset 2px 2px 4px #0004}.menu-item.disabled{background:linear-gradient(#4448,#3338)}.menu-item.disabled .title,.menu-item.disabled .line{opacity:.5}.menu-item.disabled .input{cursor:not-allowed}.menu{margin-bottom:4px}.menu .header{cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#555,#444);border-radius:4px;flex-flow:row;align-items:center;gap:12px;margin-bottom:4px;padding:8px 12px;transition:filter .15s;display:flex;box-shadow:2px 2px 4px #0004}.menu .header .arrow{font-size:1.25rem;line-height:1rem;transition:transform .15s ease-out;transform:rotate(0)}.menu .header .title{color:#eee;font-size:1.25rem}.menu .header .count{color:#aaa;font-size:1.25rem}.menu .header:hover{filter:brightness(1.25)}.menu .items{flex-flow:column;gap:4px;height:0;transition:height .15s ease-out;display:flex;overflow:hidden}.feedback{text-align:center;border-radius:4px;width:100%;margin-bottom:12px;padding:4px 12px;font-size:1rem}.feedback.success{color:#cec;background-color:#0f82;border:1px solid #0f88}.feedback.error{color:#ecc;background-color:#f062;border:1px solid #f068}