.technova-search-drawer{

    position:fixed;

    inset:0;

    display:none;

    align-items:flex-start;

    justify-content:center;

    padding-top:100px;

    background:rgba(15,23,42,.45);

    backdrop-filter:blur(6px);

    z-index:9999;

}

.technova-search-box{

    width:min(720px,90vw);

    display:flex;

    align-items:center;

    gap:18px;

    padding:18px 22px;

    background:#fff;

    border-radius:20px;

    box-shadow:
    0 25px 70px rgba(15,23,42,.18);

}

.technova-search-box input{

    flex:1;

    border:none;

    outline:none;

    font-size:18px;

    font-family:inherit;

}

.technova-search-close{

    width:42px;

    height:42px;

    border:none;

    border-radius:999px;

    background:#f8fafc;

    color:#334155;

    display:flex;

    align-items:center;

    justify-content:center;

    cursor:pointer;

    transition:.25s;

}

.technova-search-close:hover{

    background:#e2e8f0;

    transform:rotate(90deg);

}

/* ===========================================================
   DARK MODE
=========================================================== */

body.dark-mode .technova-search-drawer{

    background:rgba(2,6,23,.75);

}

body.dark-mode .technova-search-box{

    background:#0f172a;

    border:1px solid #1e293b;

}

body.dark-mode .technova-search-box input{

    background:transparent;

    color:white;

}

body.dark-mode .technova-search-box input::placeholder{

    color:#94a3b8;

}

body.dark-mode .technova-search-close{

    background:#1e293b;

    color:white;

}

body.dark-mode .technova-search-close:hover{

    background:#334155;

}