.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: transparent; border: none; color: white; }
.flickity-button:hover { cursor: pointer; }
.flickity-button:active { opacity: 0.6; }
.flickity-button:disabled { opacity: 0.3; cursor: auto; pointer-events: none; }
.flickity-button-icon { fill: currentColor; }


/* ---- previous/next buttons ---- */

.flickity-prev-next-button { top: 50%; width: 44px; height: 44px; border-radius: 50%; transform: translateY(-50%); }
.flickity-prev-next-button.previous { left: -40px; }
.flickity-prev-next-button.next { right: -40px; }


/* right to left */
.flickity-rtl .flickity-prev-next-button.previous { left: auto; right: 10pz; }
.flickity-rtl .flickity-prev-next-button.next { right: auto; left: 10pz; }
.flickity-prev-next-button .flickity-button-icon { position: absolute; left: 20%; top: 20%; width: 60%; height: 60%; }


/* ---- page dots ---- */

.flickity-page-dots { position: absolute; width: 100%; 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: white; border-radius: 50%; opacity: 0.50; cursor: pointer; }
.flickity-page-dots .dot.is-selected { background: #75257f; opacity: 1; }


/* right-to-left */

.flickity-rtl .flickity-fullscreen-button { right: auto; left: 10px; }
.flickity-fullscreen-button-exit { display: none; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit { display: block; }
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view { display: none; }
.flickity-fullscreen-button .flickity-button-icon { position: absolute; width: 16px; height: 16px; left: 4px; top: 4px; }


/* flickity-fade */

.flickity-enabled.is-fade .flickity-slider > * { pointer-events: none; z-index: 0; }
.flickity-enabled.is-fade .flickity-slider > .is-selected { pointer-events: auto; z-index: 1; }