.autocomplete{--main-bg-color:white;--main-text-color:black;--highlight-color:grey;--border-color:grey;width:300px;font-family:inherit;position:relative}@media (prefers-color-scheme:dark){.autocomplete{--main-bg-color:#2d2d2d;--main-text-color:#e0e0e0;--highlight-color:#4a4a4a;--border-color:#555}}.autocomplete-input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:1rem}.autocomplete-loading,.autocomplete-searching,.autocomplete-no-results{background:var(--main-bg-color);color:var(--main-text-color);border:1px solid var(--border-color);z-index:11;border-top:none;padding:8px 12px;font-size:.95em;position:absolute;top:100%;left:0;right:0}.autocomplete-list{z-index:10;background:var(--main-bg-color);border:1px solid var(--border-color);border-top:none;max-height:500px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;background:var(--main-bg-color);padding:8px 12px;transition:background .1s}.autocomplete-item.selected,.autocomplete-item:hover{background:var(--highlight-color)}.autocomplete-pagination{text-align:right;margin-top:4px}.autocomplete-pagination button{margin:0 2px;padding:2px 8px;font-size:.95em}
.autocomplete{--main-bg-color:white;--main-text-color:black;--highlight-color:grey;--border-color:grey;width:300px;font-family:inherit;position:relative}@media (prefers-color-scheme:dark){.autocomplete{--main-bg-color:#2d2d2d;--main-text-color:#e0e0e0;--highlight-color:#4a4a4a;--border-color:#555}}.autocomplete-input{box-sizing:border-box;border:1px solid var(--border-color);border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:1rem}.autocomplete-loading,.autocomplete-searching,.autocomplete-no-results{background:var(--main-bg-color);color:var(--main-text-color);border:1px solid var(--border-color);z-index:11;border-top:none;padding:8px 12px;font-size:.95em;position:absolute;top:100%;left:0;right:0}.autocomplete-list{z-index:10;background:var(--main-bg-color);border:1px solid var(--border-color);border-top:none;max-height:500px;margin:0;padding:0;list-style:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;background:var(--main-bg-color);padding:8px 12px;transition:background .1s}.autocomplete-item.selected,.autocomplete-item:hover{background:var(--highlight-color)}.autocomplete-pagination{text-align:right;margin-top:4px}.autocomplete-pagination button{margin:0 2px;padding:2px 8px;font-size:.95em}
.special-button{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:500;transition:background-color .2s}.special-button.pending{color:#fff;background-color:#007bff}.special-button.loading{color:#fff;cursor:not-allowed;background-color:#6c757d}.special-button.success{color:#fff;background-color:#28a745}.special-button.error{color:#fff;background-color:#dc3545}