.Menu-bar-and-search-result{display:flex;flex-direction:column;align-items:center;transition:transform .3s cubic-bezier(.25,.46,.45,.94);>.Menu-bar{display:flex;justify-content:center;padding:0 20px 0 8px;gap:12px;border-radius:40px;border:1px solid #fff;background:var(--White-light-BG);box-shadow:0 0 32px 0 rgba(255,255,255,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);margin-top:8px;>.Timeline-button{display:flex;flex-direction:column;background:transparent;border:none;color:var(--My-gray);font-size:16px;cursor:pointer;height:58px;width:58px;gap:4px;align-items:center;justify-content:center;border-radius:0;font-size:14px;margin:0;font-weight:500;text-decoration:none;font-family:Arial,Helvetica,sans-serif;&:hover{background:radial-gradient(50% 50% at 50% 50%,rgba(255,255,255,.7) 0,rgba(255,255,255,0) 100%)}}>.Input-container{display:flex;justify-self:start;align-items:center;margin:6px 0;border:1px solid #fff;border-radius:40px;background:var(--White-light-BG);padding-left:12px;width:480px;>input{width:100%;height:100%;background:transparent;border:none;color:var(--My-black);font-size:16px;outline:none;padding-left:8px;&::placeholder{color:var(--My-gray)}}}}>.Search-results{display:flex;padding:40px;justify-content:center;align-items:center;align-content:center;gap:16px;align-self:stretch;flex-wrap:wrap;min-height:80vh;min-height:80dvh}&.hidden{transform:translateY(-100%)}&.visible{transform:translateY(0)}}@media (max-width:743px){.Menu-bar-and-search-result{>.Menu-bar{margin:8px 16px 0;width:calc(100vw - 64px);>.Input-container{width:100%}}>.Search-results{padding:16 0;gap:8px;min-height:60vh;min-height:60dvh}}}