.search-demo{margin:0 3%;padding:24px;background:#15212d;border:1px solid #334659;border-radius:10px;text-align:left}.search-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.search-demo-label{color:#7ca5cd;font-size:9px;letter-spacing:1.5px}.search-demo-heading h4{font-size:17px;margin:10px 0 20px}.search-demo-count{font-size:12px;color:#a5c4e3;white-space:nowrap}.search-demo-status{color:#8fc0ff;font-size:13px;min-height:20px;margin-bottom:12px}.search-demo progress{display:block;width:100%;height:6px;appearance:none;border:0;background:#26384a;border-radius:4px;overflow:hidden;margin-bottom:22px}.search-demo progress::-webkit-progress-bar{background:#26384a}.search-demo progress::-webkit-progress-value{background:#70b1ff;transition:width .2s}.search-demo progress::-moz-progress-bar{background:#70b1ff}.search-demo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.search-result{border:1px solid #304255;border-radius:8px;padding:14px;min-height:115px;background:#111c28}.search-result>div{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.search-result strong{font-size:13px}.search-result-state{font-size:10px}.search-result p{font-size:11px;line-height:1.6;margin:12px 0 0}.search-result.waiting{color:#8193a6}.search-result.processing{color:#9dcbff;background:#18324c;border-color:#70b1ff;box-shadow:inset 3px 0 #70b1ff}.search-result.success{color:#7cdeb4;border-color:#34775e;background:#122b28}.search-result.review{color:#ff9fa9;border-color:#714751}.search-demo-footer{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:22px}.search-demo-footer>span{font-size:10px;color:#8ca2ba;line-height:1.6}.search-demo-footer>div{display:flex;gap:8px}.search-demo-footer button{border:1px solid #517ca7;background:#1b3754;color:#dcecff;border-radius:5px;padding:9px 15px;font-size:11px}.search-demo-footer button:disabled{opacity:.5;cursor:default}.cce-slide>a.search-demo-original{background:transparent;text-align:center;padding:18px;color:#99bfe9;font-size:12px}.cce-slide>a.search-demo-original img{display:none}@media(max-width:900px){.search-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.search-demo{padding:16px;margin:0 2%}.search-demo-heading{align-items:flex-start}.search-demo-heading h4{font-size:15px}.search-demo-count{font-size:10px}.search-demo-grid{grid-template-columns:1fr}.search-result{min-height:90px}.search-demo-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){.search-demo progress::-webkit-progress-value{transition:none}}