.quick-nav_qickNav__2dMo9{padding:2rem 0;& .quick-nav_container__roG_q{display:flex;width:100%;align-items:center;@media (min-width:768px){padding-left:2rem;padding-bottom:0;padding-right:2rem;padding-top:0}}& .quick-nav_wrapper__6rD_g{display:flex;width:100%;align-items:center;justify-content:space-between}& .quick-nav_buttonGrouprapper__mDPdI{position:relative;width:65%}& .quick-nav_buttonGrouprapper__mDPdI:after{content:"";position:absolute;top:0;right:0;width:70px;height:100%;background:linear-gradient(to left,var(--midnight-blue-500),rgba(0,0,0,0));pointer-events:none}& .quick-nav_buttonGrouprapper__mDPdI:before{content:"";position:absolute;top:0;left:0;width:20px;height:100%;background:linear-gradient(to right,var(--midnight-blue-500),rgba(0,0,0,0));pointer-events:none}& .quick-nav_buttonGroup__GOX50{display:flex;gap:1.5rem;width:100%;overflow-x:scroll;box-shadow:inset -20px 0 20px -10px rgba(0,0,0,.5);padding:0 1rem;scrollbar-width:none;-ms-overflow-style:none}& .quick-nav_buttonGroup__GOX50::-webkit-scrollbar{display:none}& .quick-nav_navButton__XdkPM{padding:.75rem 1.5rem;background:rgba(255,255,255,.1);border:none;border-radius:9999px;font-weight:600;color:var(--white);cursor:pointer;transition:background-color .3s ease;font-size:1rem}& .quick-nav_navButton__XdkPM:hover{background:rgba(255,255,255,.2)}& .quick-nav_active__Jx0PS{background:var(--blue-400);color:var(--white)}& .quick-nav_rightGroup__FgNp_{display:flex;align-items:center;gap:1rem;width:31%}& .quick-nav_searchWrapper__VSLyb{position:relative;width:100%}& .quick-nav_searchInput__K7NDp{background:rgba(255,255,255,.1);border:1px solid rgba(59,130,246,.3);border-radius:9999px;padding:.75rem 2.5rem .75rem 1.5rem;width:100%;color:var(--white);font-size:1rem;outline:none;transition:border-color .3s ease}& .quick-nav_searchInput__K7NDp:focus{border-color:var(--teal-400)}& .quick-nav_searchIcon__NxjJ6{position:absolute;right:3%;top:50%;transform:translateY(-50%);color:var(--teal-400);pointer-events:none;font-size:2rem;cursor:pointer}& .quick-nav_filterButton__Dg_rY{padding:.65rem;background:rgba(255,255,255,.1);border:none;border-radius:9999px;cursor:pointer;transition:background-color .3s ease;flex:1;display:flex;align-items:center;justify-content:center;&:hover{background:rgba(255,255,255,.2)}& svg{color:var(--teal-400);width:1.2rem}}}