.news-search-bar{border-radius:var(--border-radius);justify-content:space-between;align-items:center;gap:1rem;height:3em;display:flex}.news-search-bar__head{align-items:center;gap:.75rem;min-width:0;display:flex}.news-search-bar__accent{background:var(--effect-primary);border-radius:2px;flex-shrink:0;width:4px;height:1.25rem}.news-search-bar__title-wrap{flex-wrap:wrap;align-items:baseline;gap:.25rem;display:flex}.news-search-bar__title{color:#e6e6e6;margin:0;font-size:1.2rem;font-weight:600}.news-search-bar__amount{color:#cccc;margin:0;font-size:1.2rem}.news-search-bar__input-wrap{flex-shrink:0;width:100%;max-width:240px;position:relative}.news-search-bar__icon{color:#ccc9;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.news-search-bar__input{color:#e6e6e6;border-radius:var(--border-radius);background:0 0;border:1px solid #cccccc40;outline:none;width:100%;padding:.5rem .75rem .5rem 2.5rem;font-size:1.2rem;transition:border-color .2s}.news-search-bar__input::placeholder{color:#cccccc80}.news-search-bar__input:hover,.news-search-bar__input:focus{border-color:#ccc6}@media (max-width:480px){.news-search-bar{flex-direction:column;align-items:flex-start;gap:.5rem;height:auto!important}.news-search-bar__input-wrap{width:100%!important;max-width:100%!important}}