/** Shopify CDN: Minification failed

Line 7:0 Unexpected "<"
Line 109:0 Unexpected "<"

**/
<style>
  .filter-toggle-wrapper {
    margin:0;
    max-width:100%;
    color: white;
    border-radius: 8px;
  }

  .filter-toggle-title {
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-transform: none;
  }

  .filter-toggle-buttons {
    display: inline-flex;
    max-width:90%;
    border: 1px solid white;
    border-radius: 9999px;
    overflow: hidden;
  }

  .filter-toggle-btn {
  position: relative;
  text-decoration: none;
  padding: 0.5rem 1.5rem;
  font-weight: 500;
  transition: all 0.3s ease;
  color: white;
  overflow: hidden;
}

.filter-toggle-btn.active {
  color: black;
}

.filter-toggle-btn.active::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  width: 90%;
  height: 85%;
  border-radius: 9999px;
  z-index: 0;
}

.filter-toggle-btn span {
  position: relative;
  z-index: 1;
}
  .collection-filter select{
    border:solid 1px;
    width: max-content;
  }


  @media only screen and (max-width: 768px) {

    select#SortBy {
    font-size: 0px !important;
    width: 100%;
      padding-right:15px;
    }
     .sort-option{
      width:10%;
    }
    
   .filter-toggle-wrapper {
    flex: 0 1 33%;
    display: inline-flex;
    justify-content: center;

      }
    .collection-filter{
      border-top:solid 1px #777777;
      border-bottom:solid 1px #777777;
    }
    .collection-filter__item{
          margin: 1% 0;
    }
    .collection-filter .btn{
      border:none;
      padding:0px;
      text-transform: uppercase;
    }
    .collection-filter select{
       border:none;
    }
    .collection-filter__item--drawer{
      flex: 0 1 33%;
    }
    .collection-filter__item--sort{
        /* flex: 0 1 33%; edited */
      width:33%;
    }
  }

  
</style>