/** Shopify CDN: Minification failed

Line 30:27 Expected ")" to end URL token

**/

.list-collections-section .section__header {
  margin-bottom: 32px;
}

.list-collections-section .flickity-prev-next-button {
  opacity: 1;
  visibility: visible;
  transform: scale(1) translateY(-50%);
  transition-delay: 0s;
}

.list-collections-section .flickity-prev-next-button:disabled { 
  opacity: 0.5;
}

.list-collections-section__container .flickity-button:before {
  width: 40px;
  height: 40px;
  display: block;
  mask-image: none;
}

.list-collections-section__container .flickity-button:before {
  background-image: url({{ 'flickity-next.svg' | file_url }});
  background-color: transparent;
}

.list-collections-section .flickity-prev-next-button {
  bottom: -32px;
  top: initial !important;
  width: 50%;
  position: relative;
  border-radius: unset;
  box-shadow: none;
  transform: none !important;
}

.list-collections-section__container .flickity-button.previous {
  left: 0;
}

.list-collections-section__container .flickity-button.next {
  right: 0;
}

.list-collections-section__container .carousel {
  padding-bottom: 32px;
}

.list-collections__item--square .list-collections__item__image {
  border-radius: 8px;
}

.list-collections-section__container .flickity-viewport {
  overflow: hidden;
}

.list-collections-section__container .flickity-button.previous:before {
  position: absolute;
  right: 5px;
  left: initial;
}

.list-collections-section__container .flickity-button.next:before {
  left: 5px;
  position: absolute;
  margin: 0;
}

.list-collections__item__title {
  margin: 0;
  color: var(--text);
  word-break: break-word;
  font-family: Roboto;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.2px;
}

@media only screen and (min-width: 768px) {
    
  .list-collections__item {
    margin-right: 24px;
  }

}

@media only screen and (min-width: 1440px) {
  
  .list-collections__item.one-quarter {
    width: calc((var(--wrapper-width) - var(--grid-gutter) * 9.7) / 4);
  }
  
}

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

  .list-collections__item {
    width: calc(50% - 24px);
  }
  
}

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

  .list-collections-section .section__header {
    margin-bottom: 40px;
  }

  .list-collections-section__container .carousel {
    padding: 0 0 0;
  }

  .list-collections-section .carousel__container .grid--mobile .list-collections__item {
    padding: 0 7.5px;
  }

  .template-page .list-collections__item__title {
     font-size: 16px; 
  }
  
}