.search-input-container{display:flex;flex-direction:column;gap:20px;grid-column:1 / -1;margin-bottom:8px}.search-input{display:flex;align-items:center;gap:20px;padding:14px 32px;border-radius:50px;background-color:#e9eef5;grid-column:1 / -1}.search-input__spinner{width:20px;height:20px;border-radius:50%;border:3px solid #9BA3B2;border-top-color:#202051;animation:search-input-spinner .8s linear infinite;display:none;flex-shrink:0}.search-input.is-loading .search-input__spinner{display:inline-block}.search-input__field{font-family:Noto Sans JP;flex:1;border:none;outline:none;background:transparent;color:#202051;font-weight:400;font-size:18px;line-height:26px;vertical-align:middle}.search-input__field::-moz-placeholder{color:#9ba3b2}.search-input__field::placeholder{color:#9ba3b2}.hot-searches{display:flex;flex-wrap:wrap;gap:48px;margin-left:50px}.hot-searches__item{font-family:Noto Sans JP;background:transparent;border:none;color:#202051;font-weight:400;font-size:15px;cursor:pointer}.hot-searches__item:hover{color:var(--secondary-color)}@keyframes search-input-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 640px){.search-input{padding:10px 16px;gap:12px}.search-input-mobile{margin-bottom:12px!important;padding:12px 10px;gap:12px}.search-input__spinner{width:18px;height:18px;border-width:2px}.search-input__field{font-weight:400;font-size:13px;line-height:18px}.hot-searches{margin-left:20px;gap:16px}.hot-searches__item{font-size:16px}}