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