:root {
  --focus-color: #097efb;
  --focus-color-dark-bg: #3b99fc;
}
@media (prefers-color-scheme: dark) {
  :root {
    --focus-color: #3b99fc;
    --focus-color-dark-bg: #097efb;
  }
}
.glider {
  border: solid 1px black;
  /* IE and edge */
  -ms-overflow-style: none;
  /* Firefox */
  scrollbar-width: none;
  /* Safari & Chrome */
}
.glider::-webkit-scrollbar {
  display: none;
}
.glider-contain {
  width: 100vw !important;
  overflow: none;
}
@media only screen and (min-width: 720px) {
  .glider-contain {
    width: 100% !important;
  }
}
.glider:focus {
  outline: solid 2px var(--focus-color-dark);
  outline-offset: -5px;
}
.glider:focus:not(:focus-visible) {
  outline: none;
}
.glider:focus-visible {
  outline: solid 2px var(--focus-color-dark);
  outline-offset: -5px;
}
.glider-dot {
  border-radius: 0;
  width: 30px;
  height: 24px;
  position: relative;
  background: none;
}
.glider-dot:focus {
  outline: solid 2px var(--focus-color) !important;
  outline-offset: 2px;
}
.glider-dot:focus:not(:focus-visible) {
  outline: none !important;
}
.glider-dot:focus-visible {
  outline: solid 2px var(--focus-color) !important;
  outline-offset: 2px;
}
.glider-dot:only-child {
  display: none;
}
.glider-dot:hover,
.glider-dot:active {
  background: none;
}
.glider-dot::after {
  content: "";
  width: 100%;
  height: 4px;
  border: solid 1px #333;
  position: absolute;
  top: calc(50% - 2px);
  left: 0;
}
.glider-dot.active {
  width: 90px;
  background: none;
}
.glider-dot.active::after {
  background: #333;
}
.glider-slide {
  display: block;
  background: black;
  color: white;
}
.glider-slide:focus {
  outline: solid 2px var(--focus-color);
  outline-offset: -5px;
}
.glider-slide:focus:not(:focus-visible) {
  outline: none;
}
.glider-slide:focus-visible {
  outline: solid 2px var(--focus-color);
  outline-offset: -5px;
}
@media only screen and (min-width: 720px) and (max-width: 959px) {
  .enable-mobile-visible-on-focus__container .glider-slide {
    height: 72vw !important;
  }
}
@media only screen and (min-width: 960px) {
  .enable-mobile-visible-on-focus__container .glider-slide {
    height: 689px !important;
  }
}
.glider-prev,
.glider-next {
  background: #000;
  color: white;
  padding: 5px 10px;
  transform: scale(0.8, 1.5);
  top: calc(24vw - (75px / 2));
  border-bottom: solid 6px transparent;
}
@media only screen and (min-width: 960px) {
  .glider-prev,
  .glider-next {
    top: 200px;
  }
}
@media only screen and (min-width: 960px) {
  #example2 .glider-prev,
  #example2 .glider-next {
    background: white;
    color: #000;
    top: calc(50% - 20px);
  }
}
.glider-prev:focus,
.glider-next:focus {
  outline: solid 2px var(--focus-color) !important;
  outline-offset: -5px;
}
.glider-prev:focus:not(:focus-visible),
.glider-next:focus:not(:focus-visible) {
  outline: none;
}
.glider-prev:focus-visible,
.glider-next:focus-visible {
  outline: solid 2px var(--focus-color) !important;
  outline-offset: -5px;
}
.glider-prev {
  left: 0;
  transform-origin: 0 50%;
}
.glider-next {
  right: 0;
  transform-origin: 100% 50%;
}
.enable-carousel__example {
  padding: 0;
  margin: 0 -1em;
  border: none;
}
.enable-carousel__skip-link {
  display: block;
  margin: 2px auto;
  background: #2a6803;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  z-index: 5;
  transform: translateZ(1px);
}
.enable-carousel__slide {
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
}
.enable-carousel__slide-heading {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Arial", "Helvetica", sans-serif;
}
.enable-carousel__slide-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.enable-carousel__slide-copy {
  box-sizing: border-box;
  background: #000;
  color: white;
  width: 100%;
  padding: 10px;
}
@media only screen and (min-width: 720px) {
  .enable-carousel__slide-copy {
    padding: 20px 40px;
  }
}
.enable-carousel__slide-cta {
  display: block;
  margin: 0 auto;
  background: #2a6803;
  color: #fff;
  padding: 10px;
  text-decoration: none;
  font-weight: bold;
  text-align: center;
}
.enable__is-dark-mode .enable-carousel__slide-cta {
  color: #fff;
}
.product-tile-carousel__example {
  margin: 0 -12px;
  position: relative;
  left: 2px;
}
.product-tile-carousel__copy {
  position: absolute;
  display: block;
  color: white;
  font-family: "Ex Rounded Bold", "Helvetica", "Ariel", sans-serif;
  font-size: 1.125rem;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  min-height: 100px;
  padding: 20px 10px 0 10px;
  width: 100%;
  text-align: center;
  text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000;
}
.product-tile-carousel__slide {
  position: relative;
  padding: 0 !important;
}
/*# sourceMappingURL=enable-carousel.css.map */