.view-filters .form--inline {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-columns: 1fr;
  grid-auto-rows: minmax(0, auto);
  grid-auto-flow: row dense;
  grid-gap: var(--b14grid-gutter-width--12);
  margin-bottom: clamp(12.5px, calc(5.55556px + (0.01157 * 100vw)), 25px); }
  .view-filters .form--inline > * {
    grid-column: span 6; }
    @media (max-width: 500px) {
      .view-filters .form--inline > * {
        grid-column: span 12; } }
  .view-filters .form--inline:has(> :nth-child(4)) > * {
    grid-column: span 4; }
    @media (max-width: 800px) {
      .view-filters .form--inline:has(> :nth-child(4)) > * {
        grid-column: span 6; } }
    @media (max-width: 500px) {
      .view-filters .form--inline:has(> :nth-child(4)) > * {
        grid-column: span 12; } }
  @media (max-width: 500px) {
    .view-filters .form--inline {
      row-gap: 0; } }

.view-filters details.form-wrapper .selected-filter {
  padding-right: 22px;
  padding-left: 10px;
  position: relative; }
  .view-filters details.form-wrapper .selected-filter::before {
    content: ': ';
    position: absolute;
    left: 0;
    top: 0; }

.view-filters details.form-wrapper summary {
  height: 100%;
  box-sizing: border-box; }

.view-filters details.form-wrapper .details-wrapper {
  max-height: 400px;
  overflow-x: hidden;
  overflow-y: auto;
  position: absolute;
  z-index: 2; }
  .view-filters details.form-wrapper .details-wrapper li {
    padding: clamp(12.5px, calc(5.55556px + (0.01157 * 100vw)), 25px);
    box-sizing: border-box;
    position: relative; }
    .view-filters details.form-wrapper .details-wrapper li label {
      cursor: pointer; }
    .view-filters details.form-wrapper .details-wrapper li input {
      margin: 0;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0; }
    .view-filters details.form-wrapper .details-wrapper li:not(:last-child) {
      border-bottom: 1px solid #D1D3D4; }

/*# sourceMappingURL=../../_maps/components/view/view--filters.css.map */