.magazine-filter-bar{background-color:var(--color-bleu25);border-radius:.75rem;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.25rem;display:flex}.magazine-filter-bar__section{flex-direction:column;gap:.625rem;display:flex}.magazine-filter-bar__label{color:var(--color-bleu100);text-transform:uppercase;letter-spacing:.02em;font-size:.8125rem;font-weight:600}.magazine-filter-bar__filter-options{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.magazine-filter-bar__filter-btn{color:#0d0d0d;cursor:pointer;background-color:#ffffffe6;border:none;border-radius:.375rem;justify-content:space-between;align-items:center;gap:.375rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;transition:background-color .2s,color .2s;display:inline-flex}.magazine-filter-bar__filter-btn:hover{background-color:var(--color-blanc)}.magazine-filter-bar__filter-btn.is-active{color:var(--super-white);background-color:#003762}.magazine-filter-bar__filter-btn.is-active:hover{background-color:#003762e6}.magazine-filter-bar__filter-btn-close{color:inherit;align-items:center;display:inline-flex}.magazine-filter-bar__filter-clear{background-color:var(--super-white);width:2rem;height:2.125rem;color:var(--color-bleu100);cursor:pointer;border:none;border-radius:.375rem;flex-shrink:0;justify-content:center;align-items:center;font-size:1.125rem;line-height:1;transition:background-color .2s;display:flex}.magazine-filter-bar__filter-clear:hover{background-color:var(--color-blanc)}.magazine-filter-bar__sort-section{flex-direction:column;align-items:flex-start;gap:.625rem;display:flex}.magazine-filter-bar__sort-row{align-items:center;gap:.5rem;display:flex}.magazine-filter-bar__sort-pill{justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .875rem;display:inline-flex}@media (min-width:768px){.magazine-filter-bar__sort-pill{width:206px}}.magazine-filter-bar__sort-pill{color:#0d0d0d;cursor:pointer;background-color:#ffffffe6;border:none;border-radius:.375rem;font-family:inherit;font-size:.875rem;transition:background-color .2s,color .2s}.magazine-filter-bar__sort-pill:hover{background-color:var(--color-blanc)}.magazine-filter-bar__sort-pill.is-active{color:var(--super-white);background-color:#003762}.magazine-filter-bar__sort-pill.is-active:hover{background-color:#003762e6}.magazine-filter-bar__sort-pill-plus{color:inherit;font-size:1rem;line-height:1}