.navbar-container{width:100%;display:flex;justify-content:center;background-color:#263544;padding:10px 0;box-shadow:0 4px 6px rgba(0,0,0,.1)}.navbar{width:100%;max-width:1000px;justify-content:space-between}.logo-section,.navbar{display:flex;align-items:center}.logo{height:50px;width:60px;margin-right:10px}.website-list{font-size:1rem;font-weight:700;color:#fff}.user-section{display:flex;gap:12px}.icon{font-size:.9rem;color:#f1f1f1;cursor:pointer;text-transform:capitalize}.icon svg{font-size:16px}.icon:hover{text-decoration:underline}@media (max-width:768px){.website-list{font-size:.9rem}.icon{font-size:.8rem}}@media (max-width:576px){.navbar{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.user-section{gap:8px}}.navbar-container.invisible{visibility:hidden}.icon{display:flex;align-items:center;gap:6px;font-size:14px}.icon svg{font-size:18px}.search-container{width:64%;height:55px;display:flex;justify-content:center;align-items:center;padding:10px;gap:0;background-size:cover;background-position:top;background-repeat:no-repeat}.search-input{width:70%;padding:10px;font-size:1rem;border:none;border-radius:5px;background-color:hsla(0,0%,100%,.8);color:#333;box-shadow:0 4px 8px rgba(0,0,0,.1);margin-right:0}.search-input:focus{outline:none;border:1px solid #64afff;box-shadow:0 4px 10px rgba(0,174,255,.5)}.search-input::placeholder{color:#777}.search-btn{padding:12px 15px;background-color:#ff5722;border:none;border-radius:5px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-left:0}.search-btn:hover{background-color:#f78c6c}.search-btn svg{color:#fff;font-size:1.2rem}.toggle-bar{display:flex;justify-content:space-between;align-items:center;width:48%;background-color:#fff;padding:10px 15px;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;margin-top:15px}.toggle-bar:hover{box-shadow:0 4px 10px rgba(0,0,0,.15)}.toggle-text{font-size:1rem;font-weight:700}.toggle-icon{background:none;border:none;font-size:1.5rem;cursor:pointer}.dropdown-container{display:flex;justify-content:center;align-items:flex-start;gap:10px;margin-top:20px;flex-wrap:wrap}.dropdown{width:24%}.dropdown-select{width:100%;padding:10px;font-size:1rem;border-radius:5px;border:1px solid #ccc}.dropdown-select:focus{border-color:#007bff;outline:none}@media (max-width:768px){.search-container{flex-direction:column;gap:10px}.search-input,.toggle-bar{width:90%}.dropdown-container{flex-direction:column;gap:15px}.dropdown{width:90%}}@media (max-width:480px){.search-container{padding:10px}.search-input{font-size:.9rem}.search-btn{padding:10px}.dropdown,.toggle-bar{width:95%}}