/* NON GENERIC OPTIONS
 * Following options are only usefull for one css property.
 */
[class*=sticky-] {
  position: sticky;
  z-index: 1;
}

.sticky-2xs {
  top: var(--sp-2xs);
}

.sticky-xs {
  top: var(--sp-xs);
}

.sticky-s {
  top: var(--sp-s);
}

.sticky-m {
  top: var(--sp-m);
}

.sticky-l {
  top: var(--sp-l);
}

.sticky-xl {
  top: var(--sp-xl);
}

.sticky-2xl {
  top: var(--sp-2xl);
}

.sticky-3xl {
  top: var(--sp-3xl);
}

.sticky-4xl {
  top: var(--sp-4xl);
}