.filter-panel{--filter-panel-scroll-margin:70px;border-bottom:1px solid var(--dark);border-top:1px solid var(--dark);margin-bottom:var(--space-24);position:relative;scroll-margin-top:var(--filter-panel-scroll-margin);width:100%}.filter-panel .filter-panel-wrapper{display:grid;grid-template-areas:"sort-filtering-toggle filter-panel-options" "filter-labels filter-labels";padding:var(--space-16) 0;row-gap:var(--space-8)}@media (min-width:990px){.filter-panel .filter-panel-wrapper{align-items:center;grid-template-areas:"sort-filtering-toggle filter-labels filter-panel-options";grid-template-columns:auto 1fr auto}}:is(.filter-panel .filter-panel-wrapper) .filter-cta{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;color:inherit;cursor:pointer;padding:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.filter-panel .filter-panel-wrapper) .filter-panel-options{display:flex;gap:var(--space-32);grid-area:filter-panel-options;justify-content:flex-end}:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .one-time-purchase-text{cursor:pointer;gap:var(--space-4)}:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .one-time-text-label,:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .subscription-text-label{align-items:center;color:var(--mono-40);display:flex;gap:var(--space-4)}:is(:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .one-time-text-label,:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .subscription-text-label) svg{color:var(--mono-40)}:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .one-time-text-label:is(.active),:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .subscription-text-label:is(.active){color:var(--dark)}:is(:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .one-time-text-label:is(.active),:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .subscription-text-label:is(.active)) svg{color:var(--dark)}:is(:is(.filter-panel .filter-panel-wrapper) .filter-panel-options) .subscriptions-text{cursor:pointer;gap:var(--space-4)}.filter-panel .filter-toggle-wrapper{align-items:center;cursor:pointer;display:flex;gap:.25rem;grid-area:sort-filtering-toggle}.filter-panel .filters-wrapper{display:flex;flex-wrap:wrap;gap:var(--space-4);grid-area:filter-labels}:is(.filter-panel .filters-wrapper) .active-filters-item{align-items:center;background:var(--dark);border-radius:var(--space-4);color:var(--brand);display:flex;gap:var(--space-4);height:-moz-fit-content;height:fit-content;padding:var(--space-2) var(--space-8);pointer-events:auto}:is(:is(.filter-panel .filters-wrapper) .active-filters-item)>svg{fill:var(--white)}