/**
 * ============================================================================
 * GudStories Website Application
 * ============================================================================
 *
 * File
 * ----
 * gs-search-overlay.css
 *
 * Version
 * -------
 * 2.0.0
 *
 * Status
 * ------
 * WEBSITE APPLICATION
 *
 * Purpose
 * -------
 * Search Overlay Integration.
 *
 * NOTE
 * ----
 * Overlay implementation now belongs to:
 *
 * gs-framework-overlay.css
 *
 * This file contains ONLY Search-specific
 * overlay adjustments.
 *
 * ============================================================================
 */


/* ==========================================================================
   Search Overlay
   ========================================================================== */

#gs-search-overlay{

    z-index:var(--gs-z-overlay);

}


/* ==========================================================================
   Search Panel
   ========================================================================== */

#gs-search-panel{

    width:100%;

    max-width:1200px;

}


/* ==========================================================================
   Search Overlay Scrollbar
   ========================================================================== */

#gs-search-panel::-webkit-scrollbar{

    width:8px;

}

#gs-search-panel::-webkit-scrollbar-thumb{

    background:rgba(255,255,255,.18);

    border-radius:999px;

}

#gs-search-panel::-webkit-scrollbar-thumb:hover{

    background:rgba(255,255,255,.32);

}