.glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; color: white; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em 0px; text-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em; opacity: 1; cursor: pointer; transition: opacity 150ms, border 300ms ease-in-out; transform: translateY(-50%); line-height: 1; }
.glide__arrow:focus { outline: none; }
.glide__arrow:hover { border-color: white; }
.glide__arrow--left { left: 2em; }
.glide__arrow--right { right: 2em; }
.glide__arrow--disabled { opacity: 0.33; }
.glide__bullets { position: absolute; z-index: 2; bottom: 2em; left: 50%; display: inline-flex; list-style: none; transform: translateX(-50%); }
.glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 9px; height: 9px; padding: 0px; border-radius: 50%; border: 2px solid transparent; transition: 300ms ease-in-out; cursor: pointer; line-height: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0.25em 0.5em 0px; margin: 0px 0.25em; }
.glide__bullet:focus { outline: none; }
.glide__bullet:hover, .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); }
.glide__bullet--active { background-color: white; }
.glide--swipeable { cursor: -webkit-grab; }
.glide--dragging { cursor: -webkit-grabbing; }