.distrikt-core-header-sticky {
  will-change: transform, opacity;
  backface-visibility: hidden;
}

html:not(.distrikt-core-header-sticky-ready) .distrikt-core-header-sticky--overlay-mode {
  position: fixed;
  top: var(--distrikt-core-sticky-offset, 0px);
  left: 0;
  right: 0;
  width: 100%;
  z-index: var(--distrikt-core-sticky-z-index, 1000);
}

.distrikt-core-header-sticky.is-distrikt-core-sticky-active {
  transition-property: transform, opacity;
  transition-duration: var(--distrikt-core-sticky-duration, 260ms);
  transition-timing-function: var(
    --distrikt-core-sticky-easing,
    cubic-bezier(0.22, 1, 0.36, 1)
  );
}

.distrikt-core-header-sticky.is-distrikt-core-sticky-active.is-distrikt-core-sticky-hidden {
  pointer-events: none;
}

.distrikt-core-header-sticky--slide.is-distrikt-core-sticky-active.is-distrikt-core-sticky-hidden {
  transform: translate3d(0, calc(-100% - 12px), 0);
}

.distrikt-core-header-sticky--fade.is-distrikt-core-sticky-active.is-distrikt-core-sticky-hidden {
  opacity: 0;
}

.distrikt-core-header-sticky--slide-fade.is-distrikt-core-sticky-active.is-distrikt-core-sticky-hidden {
  opacity: 0;
  transform: translate3d(0, calc(-100% - 12px), 0);
}

.distrikt-core-header-sticky-placeholder {
  width: 100%;
}