.search input::-webkit-search-cancel-button{display:none}
.search #clearSearch{display:none;border:0;background:transparent;color:#7f8d9a;padding:0 2px;font-size:18px;line-height:1;cursor:pointer}
.search.has-value #clearSearch{display:block}
.search #clearSearch:hover{color:#fff}
#recoverButton{border-color:#456b5b;background:#193329;color:#a9e6c7}
#importForm{width:min(650px,78vw)}
#recoveryForm{width:min(760px,82vw)}
#importForm code{color:#c5d0da;background:#0c1116;border:1px solid #303b45;border-radius:3px;padding:1px 4px}
#recoveryForm code{color:#c5d0da;background:#0c1116;border:1px solid #303b45;border-radius:3px;padding:1px 4px}
.import-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.share-option{display:flex!important;align-items:flex-start;gap:9px;background:#10271e;border:1px solid #27543f;border-radius:5px;padding:10px;text-transform:none!important;letter-spacing:0!important}
.share-option input{width:auto!important;margin:2px 0 0!important;accent-color:#20d184}
.share-option span,.share-option b,.share-option small{display:block}
.share-option b{color:#dff8ea;font-size:10px}
.share-option small{margin-top:3px;color:#7faa91;font-size:9px}
.import-source{display:grid;grid-template-columns:1fr 40px 1fr;align-items:end;gap:8px}
.import-source>label{margin:0}
.import-source>small{grid-column:1/-1;color:#748391;font-size:9px}
.source-divider{align-self:center;text-align:center;color:#667584;font-size:8px;font-weight:800}
.source-divider span{display:inline-block;border:1px solid #35414c;border-radius:50%;padding:6px 5px}
.import-selection{margin-top:12px;border:1px solid #35414c;border-radius:5px;background:#0d1217;padding:10px}
.import-selection>div:first-child{display:flex;justify-content:space-between;font-size:10px}
.import-selection span{color:#81909d}
.import-selection progress{width:100%;height:8px;margin:9px 0 6px;accent-color:#20d184}
.import-queue{max-height:180px;overflow:auto;display:grid;gap:3px}
.import-queue article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:5px 7px;background:#151c22;border-radius:3px;font-size:9px}
.import-queue article span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#b8c3cc}
.import-queue article b{font-size:8px;color:#7f8c98;text-transform:uppercase}
.import-queue article.uploading b{color:#4fc4f0}
.import-queue article.queued b{color:#64d99d}
.import-queue article.failed b{color:#ff6d7f}
.dialog-actions{display:flex;justify-content:flex-end;gap:8px}
.dialog-actions button{float:none}
.dialog-actions button:disabled{opacity:.45;cursor:not-allowed}
.recovery-toolbar{display:flex;align-items:center;justify-content:space-between;margin:12px 0 7px}
.recovery-toolbar label{display:flex;align-items:center;gap:8px;margin:0;text-transform:none;letter-spacing:0;color:#d5dee5}
.recovery-toolbar input,.recovery-row input{width:auto;margin:0;accent-color:#20d184}
.recovery-toolbar b{font-size:9px;color:#8e9ba8}
.recovery-list{max-height:390px;overflow:auto;border:1px solid #35414c;border-radius:5px;background:#0d1217;padding:5px;display:grid;gap:4px}
.recovery-row{display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:9px;margin:0!important;padding:8px;background:#151c22;border:1px solid transparent;border-radius:4px;text-transform:none!important;letter-spacing:0!important}
.recovery-row:hover{border-color:#386552;background:#17231e}
.recovery-row>span,.recovery-row b,.recovery-row small,.recovery-row em{display:block;min-width:0}
.recovery-row b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#dfe8ee;font-size:10px}
.recovery-row small{margin-top:3px;color:#7f8f9c;font-size:8px;text-transform:uppercase}
.recovery-row em{margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#d98c96;font-size:8px;font-style:normal}
.recovery-empty{padding:28px;text-align:center;color:#7f8f9c}
#recoveryStatus{min-height:18px;color:#70dca5}
@media(max-width:700px){#importForm,#recoveryForm{width:84vw}.import-fields,.import-source{grid-template-columns:1fr}.source-divider{display:none}}
.danger-header{background:#34171d!important;border-color:#8f2d3d!important;color:#ff8796!important}.danger-header:hover{background:#591c28!important;color:#fff!important}.remove-all-dialog{width:min(560px,calc(100vw - 28px))}.remove-all-dialog form{display:grid;gap:13px}.remove-all-dialog h2{margin:0;color:#ff7284}.remove-all-dialog label{font-size:10px;color:#a9b5bf}.remove-all-dialog input{margin-top:7px;width:100%;font:700 12px monospace}.remove-all-dialog #confirmRemoveAll{background:#b70f29;border-color:#e21b35}.remove-all-dialog #confirmRemoveAll:disabled{opacity:.38;cursor:not-allowed}.remove-all-dialog #removeAllStatus{min-height:32px}.remove-all-dialog #removeAllStatus.error{color:#ff7789}.remove-all-dialog #removeAllStatus.success{color:#64dda1}