body.admin-bar .pea-sticky-element.pea-is-sticky {
top: 32px !important;
} .pea-is-sticky {
position: fixed !important;
z-index: 9999 !important;
will-change: transform;
} .pea-is-sticky,
.pea-sticky-element {
transition-property: background-color, box-shadow;
transition-timing-function: ease;
} .pea-sticky-placeholder {
display: none;
pointer-events: none;
visibility: hidden;
}  @keyframes pea-sticky-fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.pea-sticky-anim-fade {
animation-name: pea-sticky-fade;
animation-fill-mode: both;
animation-timing-function: ease;
} @keyframes pea-sticky-slide-down {
from {
transform: translateY(-100%);
opacity: 0.6;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.pea-sticky-anim-slide-down {
animation-name: pea-sticky-slide-down;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
} @keyframes pea-sticky-slide-up {
from {
transform: translateY(100%);
opacity: 0.6;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.pea-sticky-anim-slide-up {
animation-name: pea-sticky-slide-up;
animation-fill-mode: both;
animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .pea-sticky-element[style*="position: sticky"],
.pea-sticky-element[style*="position:sticky"] {
align-self: flex-start; } .elementor-editor-active
.pea-sticky-element
> .elementor-element-overlay::after {
content: "\e8b6"; font-family: eicons;
position: absolute;
top: 4px;
right: 32px;
font-size: 13px;
color: #d72e2e;
line-height: 1;
pointer-events: none;
z-index: 10;
}