<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * Custom style goes here.
 * A template should always ship with an empty custom.css
 */
 input[type=range]#griglia-slide {
   width: 170px;
   margin: 5.35px 0;
   background-color: transparent;
   -webkit-appearance: none;
 }
 input[type=range]#griglia-slide:focus {
   outline: none;
 }
 input[type=range]#griglia-slide::-webkit-slider-runnable-track {
   background: #000000;
   border: 0;
   border-radius: 25px;
   width: 100%;
   height: 5.3px;
   cursor: pointer;
 }
 input[type=range]#griglia-slide::-webkit-slider-thumb {
   margin-top: -5.35px;
   width: 16px;
   height: 16px;
   background: #ffffff;
   border: 1px solid #000000;
   border-radius: 50px;
   cursor: pointer;
   -webkit-appearance: none;
 }
 input[type=range]#griglia-slide:focus::-webkit-slider-runnable-track {
   background: #0d0d0d;
 }
 input[type=range]#griglia-slide::-moz-range-track {
   background: #000000;
   border: 0;
   border-radius: 25px;
   width: 100%;
   height: 5.3px;
   cursor: pointer;
 }
 input[type=range]#griglia-slide::-moz-range-thumb {
   width: 16px;
   height: 16px;
   background: #ffffff;
   border: 1px solid #000000;
   border-radius: 50px;
   cursor: pointer;
 }
 input[type=range]#griglia-slide::-ms-track {
   background: transparent;
   border-color: transparent;
   border-width: 6.35px 0;
   color: transparent;
   width: 100%;
   height: 5.3px;
   cursor: pointer;
 }
 input[type=range]#griglia-slide::-ms-fill-lower {
   background: #000000;
   border: 0;
   border-radius: 50px;
 }
 input[type=range]#griglia-slide::-ms-fill-upper {
   background: #000000;
   border: 0;
   border-radius: 50px;
 }
 input[type=range]#griglia-slide::-ms-thumb {
   width: 16px;
   height: 16px;
   background: #ffffff;
   border: 1px solid #000000;
   border-radius: 50px;
   cursor: pointer;
   margin-top: 0px;
   /*Needed to keep the Edge thumb centred*/
 }
 input[type=range]#griglia-slide:focus::-ms-fill-lower {
   background: #000000;
 }
 input[type=range]#griglia-slide:focus::-ms-fill-upper {
   background: #0d0d0d;
 }
 /*TODO: Use one of the selectors from https://stackoverflow.com/a/20541859/7077589 and figure out
 how to remove the virtical space around the range input in IE*/
 @supports (-ms-ime-align:auto) {
   /* Pre-Chromium Edge only styles, selector taken from hhttps://stackoverflow.com/a/32202953/7077589 */
   input[type=range]#griglia-slide {
     margin: 0;
     /*Edge starts the margin from the thumb, not the track as other browsers do*/
   }
 }

.product_list.selector1 article {
   grid-column: span 2!important;
}

.product_list.selector2 article {
   grid-column: span 1!important;
}

#pattern .view_grid .product_list.selector2 .grid-container {
    align-items: end;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr))!important;
}

label#lblgriglia {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  padding: 0;
  display: block;
  margin: 0;
  height: 16px;
}

#cnt-griglia-slide {
    margin-bottom:10px;
    margin-top:-12px;
}

@media (max-width: 1000px) {
  #cnt-griglia-slide {
    display: none;
  }
}
</pre></body></html>