div.pattern-library-style-root .slick-loading .slick-list { background:#fff url(./ajax-loader.gif) center center no-repeat; }
@font-face {
  font-family:'slick';
  font-weight:normal;
  font-style:normal;
  src:url(./fonts/slick.eot);
  src:url(./fonts/slick.eot?#iefix) format('embedded-opentype'),url(./fonts/slick.woff) format('woff'),url(./fonts/slick.ttf) format('truetype'),url(./fonts/slick.svg#slick) format('svg');
}
div.pattern-library-style-root .slick-prev,
div.pattern-library-style-root .slick-next {
  font-size:0;
  line-height:0;
  position:absolute;
  top:50%;
  display:block;
  width:20px;
  height:20px;
  padding:0;
  -webkit-transform:translate(0,-50%);
  -ms-transform:translate(0,-50%);
  transform:translate(0,-50%);
  cursor:pointer;
  color:transparent;
  border:none;
  outline:none;
  background:transparent;
}
div.pattern-library-style-root .slick-prev:hover,
div.pattern-library-style-root .slick-prev:focus,
div.pattern-library-style-root .slick-next:hover,
div.pattern-library-style-root .slick-next:focus {
  color:transparent;
  outline:none;
  background:transparent;
}
div.pattern-library-style-root .slick-prev:hover:before,
div.pattern-library-style-root .slick-prev:focus:before,
div.pattern-library-style-root .slick-next:hover:before,
div.pattern-library-style-root .slick-next:focus:before { opacity:1; }
div.pattern-library-style-root .slick-prev.slick-disabled:before,
div.pattern-library-style-root .slick-next.slick-disabled:before { opacity:.25; }
div.pattern-library-style-root .slick-prev:before,
div.pattern-library-style-root .slick-next:before {
  font-family:'slick';
  font-size:20px;
  line-height:1;
  opacity:.75;
  color:white;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
div.pattern-library-style-root .slick-prev { left:-25px; }
div.pattern-library-style-root [dir='rtl'] .slick-prev {
  right:-25px;
  left:auto;
}
div.pattern-library-style-root .slick-prev:before { content:'←'; }
div.pattern-library-style-root [dir='rtl'] .slick-prev:before { content:'→'; }
div.pattern-library-style-root .slick-next { right:-25px; }
div.pattern-library-style-root [dir='rtl'] .slick-next {
  right:auto;
  left:-25px;
}
div.pattern-library-style-root .slick-next:before { content:'→'; }
div.pattern-library-style-root [dir='rtl'] .slick-next:before { content:'←'; }
div.pattern-library-style-root .slick-dotted.slick-slider { margin-bottom:30px; }
div.pattern-library-style-root .slick-dots {
  position:absolute;
  bottom:-25px;
  display:block;
  width:100%;
  padding:0;
  margin:0;
  list-style:none;
  text-align:center;
}
div.pattern-library-style-root .slick-dots li {
  position:relative;
  display:inline-block;
  width:20px;
  height:20px;
  margin:0 5px;
  padding:0;
  cursor:pointer;
}
div.pattern-library-style-root .slick-dots li button {
  font-size:0;
  line-height:0;
  display:block;
  width:20px;
  height:20px;
  padding:5px;
  cursor:pointer;
  color:transparent;
  border:0;
  outline:none;
  background:transparent;
}
div.pattern-library-style-root .slick-dots li button:hover,
div.pattern-library-style-root .slick-dots li button:focus { outline:none; }
div.pattern-library-style-root .slick-dots li button:hover:before,
div.pattern-library-style-root .slick-dots li button:focus:before { opacity:1; }
div.pattern-library-style-root .slick-dots li button:before {
  font-family:'slick';
  font-size:6px;
  line-height:20px;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  content:'•';
  text-align:center;
  opacity:.25;
  color:black;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
div.pattern-library-style-root .slick-dots li.slick-active button:before {
  opacity:.75;
  color:black;
}