/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled { position: relative; }
.flickity-enabled:focus { outline: none; }
.flickity-viewport { overflow: hidden; position: relative; height: 100%; }
.flickity-slider { position: absolute; width: 100%; height: 100%; }

/* draggable */
.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport { cursor: move; cursor: -webkit-grab; cursor: grab; }
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down { cursor: -webkit-grabbing; cursor: grabbing; }

/* ---- flickity-button ---- */
.flickity-button { position: absolute; background: #fff; border: none; color: #333; transition: opacity .2s ease, transform .2s ease; }
.flickity-button:hover { background: white; cursor: pointer; }
.flickity-button:focus { outline: none; box-shadow: 0 0 0 5px #19F; }

.flickity-button:active { transform: translateY(-50%) scale(0.9); }
.flickity-button:disabled { opacity: 0; cursor: auto; pointer-events: none; }
.flickity-button-icon { fill: currentColor; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { top: 50%; width: 2.5rem; height: 2.5rem; border-radius: 50%; transform: translateY(-50%); box-shadow: 0 0 0 1px rgba(0,0,0,0.07), 0 .125rem .5rem 0 rgba(0,0,0,0.07); }

.flickity-prev-next-button.previous { left: 0; margin-left: -1.5rem; }
.flickity-prev-next-button.next { right: 0; margin-right: -1.5rem; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10px; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10px; }
.flickity-prev-next-button .flickity-button-icon { fill: #9439AA; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 1rem; height: 1rem; }
.flickity-button:disabled .flickity-button-icon { fill: #211B22; }

/* ---- page dots ---- */
.flickity-page-dots { position: absolute; width: 100%; bottom: -25px; padding: 0; margin: 0; list-style: none; text-align: center; line-height: 1; }
.flickity-rtl .flickity-page-dots { direction: rtl; }
.flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin: 0 8px; background: #333; border-radius: 50%; opacity: 0.25; cursor: pointer; }
.flickity-page-dots .dot.is-selected { opacity: 1; }