.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; 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; }

/* ---- previous/next buttons ---- */
.flickity-prev-next-button { position:absolute; bottom:-44px; width:44px; height:44px; border:none; border-radius:50%; background:white; background:rgba(101,105,108,0.2); cursor:pointer; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.flickity-prev-next-button:hover { background:rgba(101,105,108,0.7); }
.flickity-prev-next-button:focus { outline:none; box-shadow:0 0 0 5px #09F; }
.flickity-prev-next-button:active { opacity:0.6; }
.flickity-prev-next-button.previous { left:25px; }
.flickity-prev-next-button.next { left:75px; }

/* 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:disabled { opacity:0.3; cursor:auto; }
.flickity-prev-next-button svg { position:absolute; left:20%; top:20%; width:60%; height:60%; }
.flickity-prev-next-button .arrow { fill:#fff; }

/* ---- page dots ---- */
.flickity-page-dots { position:absolute; width:auto; bottom:-10px; left:130px; padding:0; margin:0; list-style:none; line-height:1; }
.flickity-rtl .flickity-page-dots { direction:rtl; }
.flickity-page-dots .dot { display:inline-block; width:14px; height:14px; margin:0 4px; background:#a7a7a7; border-radius:50%; cursor:pointer; }
.flickity-page-dots .dot.is-selected { background:#5d9cec; }