.dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after,
.dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  opacity: 0;
}

.dkel-gallery-filter:after,
.dkel-gallery-filter:before {
  display: block;
  position: absolute;
  transition: 0.3s;
  transition-timing-function: cubic-bezier(0.58, 0.3, 0.005, 1);
}

.dkel-gallery-filters:not(.dkel-pointer-framed) .dkel-gallery-filter:after {
  background-color: #55595c;
}

.dkel-pointer-line .dkel-gallery-filter:before,
.dkel-pointer-line .dkel-gallery-filter:after {
  height: 3px;
  width: 100%;
  right: 0;
  background-color: #55595c;
  z-index: 2;
}

.dkel-pointer-line.dkel-animation-grow .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before,
.dkel-pointer-line.dkel-animation-grow .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after {
  height: 0;
  width: 0;
  right: 50%;
}

.dkel-pointer-line.dkel-animation-drop-out .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  top: 10px;
}

.dkel-pointer-line.dkel-animation-drop-out .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after {
  bottom: 10px;
}

.dkel-pointer-line.dkel-animation-drop-in .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  top: -10px;
}

.dkel-pointer-line.dkel-animation-drop-in .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after {
  bottom: -10px;
}

.dkel-pointer-line.dkel-animation-none,
.dkel-pointer-line.dkel-animation-none .dkel-gallery-filter,
.dkel-pointer-line.dkel-animation-none:before,
.dkel-pointer-line.dkel-animation-none:after,
.dkel-pointer-line.dkel-animation-none:hover,
.dkel-pointer-line.dkel-animation-none:focus,
.dkel-pointer-line.dkel-animation-none .dkel-gallery-filter:before,
.dkel-pointer-line.dkel-animation-none .dkel-gallery-filter:after,
.dkel-pointer-line.dkel-animation-none .dkel-gallery-filter:hover,
.dkel-pointer-line.dkel-animation-none .dkel-gallery-filter:focus {
  transition-duration: 0s;
}

.dkel-pointer-double-line .dkel-gallery-filter:before, .dkel-pointer-overline .dkel-gallery-filter:before {
  content: "";
  top: 0;
}

.dkel-pointer-double-line.dkel-animation-slide .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before,
.dkel-pointer-overline.dkel-animation-slide .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  width: 10px;
  right: -20px;
}

.dkel-pointer-double-line .dkel-gallery-filter:after, .dkel-pointer-underline .dkel-gallery-filter:after {
  content: "";
  bottom: 0;
}

.dkel-pointer-double-line.dkel-animation-slide .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after,
.dkel-pointer-underline.dkel-animation-slide .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):after {
  width: 10px;
  right: calc(100% + 20px);
}

.dkel-pointer-framed .dkel-gallery-filter:before, .dkel-pointer-framed .dkel-gallery-filter:after {
  background: transparent;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  border: 3px solid #55595c;
}

.dkel-pointer-framed .dkel-gallery-filter:before {
  content: "";
}

.dkel-pointer-framed.dkel-animation-grow .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  transform: scale(0.75);
}

.dkel-pointer-framed.dkel-animation-shrink .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  transform: scale(1.25);
}

.dkel-pointer-framed.dkel-animation-grow .dkel-gallery-filter:before, .dkel-pointer-framed.dkel-animation-shrink .dkel-gallery-filter:before {
  transition: opacity 0.2s, transform 0.4s;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:before, .dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:after {
  width: 3px;
  height: 3px;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:before {
  border-width: 0 3px 3px 0;
  transition: width 0.1s 0.2s, height 0.1s 0.3s, opacity 0.12s 0.22s;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:after {
  content: "";
  top: initial;
  bottom: 0;
  right: initial;
  left: 0;
  border-width: 3px 0 0 3px;
  transition: width 0.1s, height 0.1s 0.1s, opacity 0.02s 0.18s;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:hover:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:hover:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:focus:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:focus:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter.highlighted:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter.highlighted:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-active:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-active:after {
  width: 100%;
  height: 100%;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:hover:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:focus:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter.highlighted:before,
.dkel-pointer-framed.dkel-animation-draw .dkel-active:before {
  transition: opacity 0.02s, height 0.1s, width 0.1s 0.1s;
}

.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:hover:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter:focus:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-gallery-filter.highlighted:after,
.dkel-pointer-framed.dkel-animation-draw .dkel-active:after {
  transition: opacity 0.02s 0.2s, height 0.1s 0.2s, width 0.1s 0.3s;
}

.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:before,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:after {
  width: 3px;
  height: 3px;
}

.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:before {
  border-width: 3px 3px 0 0;
}

.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:after {
  content: "";
  top: initial;
  bottom: 0;
  right: initial;
  left: 0;
  border-width: 0 0 3px 3px;
}

.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:hover:before,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:hover:after,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:focus:before,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter:focus:after,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter.highlighted:before,
.dkel-pointer-framed.dkel-animation-corners .dkel-gallery-filter.highlighted:after,
.dkel-pointer-framed.dkel-animation-corners .dkel-active:before,
.dkel-pointer-framed.dkel-animation-corners .dkel-active:after {
  width: 100%;
  height: 100%;
  transition: opacity 0.002s, width 0.4s, height 0.4s;
}

.dkel-pointer-framed.dkel-animation-none,
.dkel-pointer-framed.dkel-animation-none .dkel-gallery-filter,
.dkel-pointer-framed.dkel-animation-none:before,
.dkel-pointer-framed.dkel-animation-none:after,
.dkel-pointer-framed.dkel-animation-none:hover,
.dkel-pointer-framed.dkel-animation-none:focus,
.dkel-pointer-framed.dkel-animation-none .dkel-gallery-filter:before,
.dkel-pointer-framed.dkel-animation-none .dkel-gallery-filter:after,
.dkel-pointer-framed.dkel-animation-none .dkel-gallery-filter:hover,
.dkel-pointer-framed.dkel-animation-none .dkel-gallery-filter:focus {
  transition-duration: 0s;
}

.dkel-pointer-background .dkel-gallery-filter:before,
.dkel-pointer-background .dkel-gallery-filter:after {
  content: "";
  transition: 0.3s;
}

.dkel-pointer-background .dkel-gallery-filter:before {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #55595c;
  z-index: -1;
}

.dkel-pointer-background .dkel-gallery-filter:hover,
.dkel-pointer-background .dkel-gallery-filter:focus,
.dkel-pointer-background .dkel-gallery-filter.highlighted,
.dkel-pointer-background .dkel-active {
  color: #fff;
}

.dkel-pointer-background.dkel-animation-grow .dkel-gallery-filter:before {
  transform: scale(0.5);
}

.dkel-pointer-background.dkel-animation-grow .dkel-gallery-filter:hover:before,
.dkel-pointer-background.dkel-animation-grow .dkel-gallery-filter:focus:before,
.dkel-pointer-background.dkel-animation-grow .dkel-gallery-filter.highlighted:before,
.dkel-pointer-background.dkel-animation-grow .dkel-active:before {
  transform: scale(1);
  opacity: 1;
}

.dkel-pointer-background.dkel-animation-shrink .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  transform: scale(1.2);
  transition: 0.3s;
}

.dkel-pointer-background.dkel-animation-shrink .dkel-gallery-filter:hover:before,
.dkel-pointer-background.dkel-animation-shrink .dkel-gallery-filter:focus:before,
.dkel-pointer-background.dkel-animation-shrink .dkel-gallery-filter.highlighted:before,
.dkel-pointer-background.dkel-animation-shrink .dkel-active:before {
  transition: opacity 0.15s, transform 0.4s;
}

.dkel-pointer-background.dkel-animation-sweep-left .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  right: 100%;
}

.dkel-pointer-background.dkel-animation-sweep-right .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  left: 100%;
}

.dkel-pointer-background.dkel-animation-sweep-up .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  top: 100%;
}

.dkel-pointer-background.dkel-animation-sweep-down .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  bottom: 100%;
}

.dkel-pointer-background.dkel-animation-shutter-out-vertical .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  bottom: 50%;
  top: 50%;
}

.dkel-pointer-background.dkel-animation-shutter-out-horizontal .dkel-gallery-filter:not(:hover):not(:focus):not(.dkel-active):not(.highlighted):before {
  left: 50%;
  right: 50%;
}

.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:after,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:after {
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #55595c;
  z-index: -1;
}

.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:before {
  top: 0;
  bottom: 100%;
}

.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:after {
  top: 100%;
  bottom: 0;
}

.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:hover:before,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:focus:before,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter.highlighted:before,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-active:before {
  bottom: 50%;
}

.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:hover:after,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter:focus:after,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-gallery-filter.highlighted:after,
.dkel-pointer-background.dkel-animation-shutter-in-vertical .dkel-active:after {
  top: 50%;
}

.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:before {
  left: 0;
  right: 100%;
}

.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:after {
  left: 100%;
  right: 0;
}

.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:hover:before,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:focus:before,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter.highlighted:before,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-active:before {
  right: 50%;
}

.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:hover:after,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter:focus:after,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-gallery-filter.highlighted:after,
.dkel-pointer-background.dkel-animation-shutter-in-horizontal .dkel-active:after {
  left: 50%;
}

.dkel-pointer-background.dkel-animation-none,
.dkel-pointer-background.dkel-animation-none .dkel-gallery-filter,
.dkel-pointer-background.dkel-animation-none:before,
.dkel-pointer-background.dkel-animation-none:after,
.dkel-pointer-background.dkel-animation-none:hover,
.dkel-pointer-background.dkel-animation-none:focus,
.dkel-pointer-background.dkel-animation-none .dkel-gallery-filter:before,
.dkel-pointer-background.dkel-animation-none .dkel-gallery-filter:after,
.dkel-pointer-background.dkel-animation-none .dkel-gallery-filter:hover,
.dkel-pointer-background.dkel-animation-none .dkel-gallery-filter:focus {
  transition-duration: 0s;
}

.dkel-pointer-text.dkel-animation-skew .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-skew .dkel-gallery-filter:focus {
  transform: skew(8deg);
}

.dkel-pointer-text.dkel-animation-grow .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-grow .dkel-gallery-filter:focus {
  transform: scale(1.2);
}

.dkel-pointer-text.dkel-animation-shrink .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-shrink .dkel-gallery-filter:focus {
  transform: scale(0.8);
}

.dkel-pointer-text.dkel-animation-float .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-float .dkel-gallery-filter:focus {
  transform: translateY(-8px);
}

.dkel-pointer-text.dkel-animation-sink .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-sink .dkel-gallery-filter:focus {
  transform: translateY(8px);
}

.dkel-pointer-text.dkel-animation-rotate .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-rotate .dkel-gallery-filter:focus {
  transform: rotate(-6deg);
}

.dkel-pointer-text.dkel-animation-none,
.dkel-pointer-text.dkel-animation-none .dkel-gallery-filter,
.dkel-pointer-text.dkel-animation-none:before,
.dkel-pointer-text.dkel-animation-none:after,
.dkel-pointer-text.dkel-animation-none:hover,
.dkel-pointer-text.dkel-animation-none:focus,
.dkel-pointer-text.dkel-animation-none .dkel-gallery-filter:before,
.dkel-pointer-text.dkel-animation-none .dkel-gallery-filter:after,
.dkel-pointer-text.dkel-animation-none .dkel-gallery-filter:hover,
.dkel-pointer-text.dkel-animation-none .dkel-gallery-filter:focus {
  transition-duration: 0s;
}

.dkel-gallery-filters:not(.dkel-pointer-framed) .dkel-gallery-filter:before,
.dkel-gallery-filters:not(.dkel-pointer-framed) .dkel-gallery-filter:after {
  background-color: var(--filters-pointer-bg-color-hover);
}

.dkel-gallery-filters:not(.dkel-pointer-framed) .dkel-gallery-filter.dkel-active:before,
.dkel-gallery-filters:not(.dkel-pointer-framed) .dkel-gallery-filter.dkel-active:after {
  background-color: var(--filters-pointer-bg-color-active);
}

.dkel-gallery-filters.dkel-pointer-framed .dkel-gallery-filter:before {
  border-color: var(--filters-pointer-bg-color-hover);
  border-width: var(--filters-pointer-border-width);
}

.dkel-gallery-filters.dkel-pointer-framed .dkel-gallery-filter:after {
  border-color: var(--filters-pointer-bg-color-hover);
}

.dkel-gallery-filters.dkel-pointer-framed .dkel-gallery-filter.dkel-active:before,
.dkel-gallery-filters.dkel-pointer-framed .dkel-gallery-filter.dkel-active:after {
  border-color: var(--filters-pointer-bg-color-active);
}

.dkel-gallery-filters.dkel-pointer-framed.e--animation-draw .dkel-gallery-filter:before {
  border-width: 0 var(--filters-pointer-border-width) var(--filters-pointer-border-width) 0;
}

.dkel-gallery-filters.dkel-pointer-framed.e--animation-draw .dkel-gallery-filter:after {
  border-width: var(--filters-pointer-border-width) 0 0 var(--filters-pointer-border-width);
}

.dkel-gallery-filters.dkel-pointer-framed.e--animation-corners .dkel-gallery-filter:before {
  border-width: var(--filters-pointer-border-width) var(--filters-pointer-border-width) 0 0;
}

.dkel-gallery-filters.dkel-pointer-framed.e--animation-corners .dkel-gallery-filter:after {
  border-width: 0 0 var(--filters-pointer-border-width) var(--filters-pointer-border-width);
}

.dkel-gallery-filters .dkel-pointer-underline .dkel-gallery-filter:after,
.dkel-gallery-filters .dkel-pointer-overline .dkel-gallery-filter:before,
.dkel-gallery-filters .dkel-pointer-double-line .dkel-gallery-filter:before,
.dkel-gallery-filters .dkel-pointer-double-line .dkel-gallery-filter:after {
  height: var(--filters-pointer-border-width);
}