// .SearchBar {
//   // margin-top: 20px;
//   .group {
//     display: flex;
//     align-items: center;
//     position: relative;
//     max-width: 350px;
//     width: 350px;
//   }

//   .input {
//     width: 100%;
//     height: 40px;
//     padding: 0 1rem;
//     padding-left: 2.5rem;
//     border-radius: 8px;
//     outline: none;
//     font-weight: 500;
//     background: var(--bg);
//     color: var(--text);
//     border: none;
//     box-shadow: 2px 2px 7px 0 var(--bg);
//   }

//   .input::placeholder {
//     color: var(--subtext);
//     opacity: 0.4;
//   }

//   .icon {
//     position: absolute;
//     left: 1rem;
//     fill: var(--subtext);
//     width: 1rem;
//     height: 1rem;
//   }
// }