.msa-news-listing-filter-container{display:flex;flex-direction:column;flex-wrap:wrap;gap:44px}.news-toolbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:100%}.news-toolbar-subcontainer{display:flex;flex-direction:row;gap:105px}.search-filter-group{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.search-filter-input{display:flex;position:relative}.search-filter-input svg{position:absolute;top:12px;left:12px}.search-input{padding:12px;border:1px solid #C7C7C7;border-radius:4px;outline:none;min-width:200px;padding-left:48px}.search-input::placeholder{color:#A6A6A6;font-family:inherit;font-size:inherit;font-weight:inherit;font-style:inherit}.filter-button{padding:8px 16px;border:1px solid #000;border-radius:999px;background-color:#fff0;font-family:var(--font-primary);font-size:12px;line-height:12px;letter-spacing:.5px;font-weight:700;cursor:pointer;transition:background-color 0.2s}.filter-button.active{background-color:#000;color:#fff}.view-toggle{display:flex;gap:8px}.view-button{background:none;border:none;cursor:pointer;padding:6px;font-size:0;display:flex;align-items:center;justify-content:center}.view-button svg{width:20px;height:20px;color:#000}.view-button:not(.active) svg path{stroke-opacity:.2}.msa-news-listing-grid-view:not(.active),.msa-news-listing-list-view:not(.active){display:none}.msa-news-listing-list-view{display:flex;flex-direction:column;gap:24px;position:relative}.msa-news-listing-grid-view{display:grid;gap:20px;grid-template-columns:repeat(4,1fr);position:relative}@media (max-width:992px){.msa-news-listing-grid-view{grid-template-columns:repeat(3,1fr)}.news-toolbar{flex-direction:column;align-items:start;gap:20px}}@media (max-width:768px){.msa-news-listing-grid-view{grid-template-columns:repeat(2,1fr)}.news-toolbar-subcontainer{flex-direction:column;gap:20px}.news-toolbar{position:relative}.news-toolbar .showing{position:absolute;bottom:3px;right:0}}@media (max-width:576px){.search-filter-input,.search-input{min-width:100%}.msa-news-listing-grid-view{grid-template-columns:repeat(1,1fr)}}