/* Theme CSS for the .pxl-counterslide (Odometer.js fork) rolling-digit counter widget.
   Required by assets/js/counter-slide.min.js + assets/js/counter.js (pxl_counter "effect-slide").
   Without it, the digit ribbon is not clipped and every digit value renders stacked
   vertically instead of just the current one.
   Recovered verbatim from backup/stelladesign-static/wp-content/themes/kimono/assets/css/style.css
   (lines 31546-31623), where it was present but never carried over into this static export. */
.pxl-counterslide {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-flex;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.pxl-counterslide .pxl-counterslide-inside {
  display: inline-flex;
}
.pxl-counterslide .pxl-counterslide-digit-spacer {
  visibility: hidden;
}
.pxl-counterslide .pxl-counterslide-digit, .pxl-counterslide .pxl-counterslide-digit-spacer {
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  display: inline-flex;
  vertical-align: middle;
  *vertical-align: auto;
  position: relative;
}
.pxl-counterslide .pxl-counterslide-digit-inner {
  position: absolute;
  top: 0;
  left: -5px;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.pxl-counterslide .pxl-counterslide-ribbon {
  display: block;
}
.pxl-counterslide .pxl-counterslide-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.pxl-counterslide .pxl-counterslide-value {
  display: block;
  -webkit-transform: translateZ(0);
  text-align: center;
}
.pxl-counterslide .pxl-counterslide-value.pxl-counterslide-last-value {
  position: absolute;
}
.pxl-counterslide.pxl-counterslide-animating-up .pxl-counterslide-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.pxl-counterslide.pxl-counterslide-animating-up.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.pxl-counterslide.pxl-counterslide-animating-down .pxl-counterslide-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.pxl-counterslide.pxl-counterslide-animating-down.pxl-counterslide-animating .pxl-counterslide-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}