.search-popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:flex-start;z-index:1000;visibility:hidden;opacity:0;transition:opacity var(--transition-speed)ease,visibility var(--transition-speed)ease}.search-popup-overlay.active{visibility:visible;opacity:1}.search-popup{display:flex;flex-direction:column;height:auto;max-height:60vh;background:var(--card-background);width:90%;max-width:600px;border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--box-shadow);transform:scale(.9);transition:transform var(--transition-speed)ease;margin-top:4rem}.search-popup-overlay.active .search-popup{transform:scale(1)}.search-popup-header{border-bottom:1px solid var(--border-color);align-items:center;justify-content:space-between;display:flex}.search-popup-form{display:flex;width:100%}.search-popup-bar{display:flex;height:auto;width:100%;padding:.5rem;margin:.2rem 0 0}.search-popup-bar>input{font-size:medium;flex-grow:1;margin-left:.5rem;height:100%;width:100%;color:var(--body-text-color);border:none;background-color:transparent;transition:background var(--transition-speed)ease}.search-popup-bar>input:focus{outline:none}.search-popup-content{width:100%;max-width:none;height:auto;flex-grow:1;overflow-y:auto;box-sizing:border-box}.search-popup-result{display:flex;flex-direction:column;border-top:1px var(--dim-color)solid;padding:12px 16px;cursor:pointer}.search-popup-result header{display:flex;justify-content:space-between;align-items:center;height:30px}.search-popup-result h2{font-size:16px;font-weight:600;letter-spacing:1px;margin-bottom:10px;display:block}.search-popup-result .content{font-size:14px;margin:8px 0}.search-popup-footer{padding:15px 25px;background:#0003;font-size:13px;color:#888;text-align:center}.search-popup-close-btn{background:0 0;border:none;color:var(--body-text-color);font-size:22px;cursor:pointer;padding:5px;border-radius:4px;width:30px;height:30px;display:flex;align-items:center;justify-content:center}