/** search **/
.main-content {
  padding-top: 0;
}
@media print, screen and (min-width: 40em) {
  [data-product-filter] {
    transform: translate(0, 0);
    transition-property: all;
    transition-duration: 0.1ms;
    display: block;
  }
}

@media print, screen and (max-width: 40em) {
  [data-product-filter] {
    position: relative;
    margin-top: 3rem;
    background: #000 !important;
    transform: translate(0, -1000px);
    transition-property: all;
    transition-duration: 0.5s;
    display: none;
  }

  [data-product-filter].active {
    display: block;
    transform: translate(0, 0);
    transition-property: all;
    transition-duration: 0.5s;
  }

  [data-product-filter] header {
    display: none;
  }

  [data-product-filter] .mdc-checkbox__native-control:not(:disabled) ~ .mdc-checkbox__background {
    border-color: rgb(255, 255, 255) !important;
  }

  [data-product-filter] * {
    color: #fff !important;
  }

  [data-product-filter] {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: scroll;
    opacity: 0.85;
    background: #000;
    z-index: 3;
  }
}
/** search **/