body {
    --mcfw-widget-sticky-design-offset: var(--design-top-chrome-height, 0px);
}

.mcfw-widget-instance-sticky {
    position: sticky;
    top: calc(var(--mcfw-widget-sticky-design-offset, 0px) + var(--mcfw-widget-sticky-top, 0px));
    transform: translateY(var(--mcfw-widget-sticky-ease-y, 0px));
    will-change: transform;
    z-index: var(--mcfw-widget-sticky-z-index, 120);
}

.layout-item.layout-item-sticky {
    position: sticky;
    top: calc(var(--mcfw-widget-sticky-design-offset, 0px) + var(--mcfw-widget-sticky-top, 0px));
    transform: translateY(var(--mcfw-widget-sticky-ease-y, 0px));
    will-change: transform;
    z-index: var(--mcfw-widget-sticky-z-index, 140);
    overflow: visible;
}

.allpage-widget-frame.allpage-widget-frame-sticky {
    position: sticky;
    top: calc(var(--mcfw-widget-sticky-design-offset, 0px) + var(--mcfw-widget-sticky-top, 0px));
    transform: translateY(var(--mcfw-widget-sticky-ease-y, 0px));
    will-change: transform;
    z-index: var(--mcfw-widget-sticky-z-index, 140);
    overflow: visible;
}

.mcfw-widget-instance-sticky > .menu-widget-horizontal-dropdown--sticky,
.layout-item.layout-item-sticky > .menu-widget-horizontal-dropdown--sticky,
.allpage-widget-frame.allpage-widget-frame-sticky > .mcfw-widget-instance-sticky {
    position: static !important;
    top: auto !important;
    z-index: auto;
}

body:not([data-design-on="true"])
  [data-mcfw-sticky-flow="vertical"]
  > .container-child:has(> .mcfw-widget-instance-sticky) {
    display: contents;
}

body:not([data-design-on="true"])
  .allpage-slot-top:has(> .mcfw-widget-instance-sticky) {
    display: contents !important;
}

.allpage-slot-top:has(> .allpage-widget-frame-sticky) {
    display: contents !important;
}

.allpage-slot-top:has(> .allpage-widget-frame-sticky) > .allpage-slot-label {
    display: none;
}