.g44-motion-layers{
min-height: var(--min-height);
max-height: var(--max-height);
height: var(--height);
padding: 50px 0px;
margin: auto;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-sizing: content-box;
}
.wp-block-cover .g44-motion-layers,
.wp-block-group .g44-motion-layers{
overflow-x: unset;
}
.g44-motion-layers.bs-border-box{
box-sizing: border-box;
}
.g44-motion-layers.has-sizer{
min-height: unset;
max-height: unset;
height: unset;
}
[data-animation="mousemove"],
[data-animation="drift"]{
overflow:hidden;
}
.wp-block-cover:has(.g44-motion-layers:not(.overflow-hidden)),
.g44-gallery-container:has(.g44-motion-layers:not(.overflow-hidden)),
.g44-gallery-container:not(.overflow-hidden) .flickity-viewport:has(.g44-motion-layers){
overflow: hidden;
}
@supports (overflow-x: clip) {
.g44-motion-layers{
overflow: unset;
overflow-x: clip;
}
[data-animation="mousemove"],
[data-animation="drift"]{
overflow-x: clip;
}
.wp-block-cover:has(.g44-motion-layers:not(.overflow-hidden)),
.g44-gallery-container:has(.g44-motion-layers:not(.overflow-hidden)),
.g44-gallery-container:not(.overflow-hidden) .flickity-viewport:has(.g44-motion-layers){
overflow: unset;
overflow-x: clip;
}
}
.g44-motion-layers.overflow-hidden{
padding: 0px 0px;
overflow:hidden;
}
.g44-ml-wrapper{
width: 100%;
position: relative;
}
.g44-ml-content{
width: 100%;
position: relative;
z-index: 9;
display:none;
}
.g44-ml-content:has(*){
display:block;
}
.has-sizer .g44-ml-content{
position: absolute;
}
.g44-ml-background{
position: absolute !important;
width: 100%;
height: 100%; left: 0px;
z-index: 0;
isolation: isolate;
}
.g44-ml-sizer{
width:100%;
height:auto;
visibility: hidden;
} .g44-motion-layer {
position: absolute !important;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0; will-change: transform, opacity;
backface-visibility: hidden;
transform: translate3d(0, 0, 0); transform-style: preserve-3d;
contain: layout style paint;  pointer-events: none;
user-select: none;
isolation: isolate; }
.g44-motion-layer img,
.g44-motion-layer video {
pointer-events: none;
user-select: none;
width: 100%;
height: 100%;
object-fit: contain;
object-position: center center;
-webkit-transform: translateZ(0); }
.independent-layer{
height: auto;
transform: translate(-50%, -50%);
transform-origin: center center;
will-change: transform;
}
.start-anim .g44-motion-layer{
-webkit-transition: opacity 1.4s ease 0s;
-moz-transition: opacity 1.4s ease 0s;
-o-transition: opacity 1.4s ease 0s;
-ms-transition: opacity 1.4s ease 0s;
transition: opacity 1.4s ease 0s;
opacity:0; will-change: transform, opacity;
}
.start-anim .g44-motion-layer:nth-child(2n){
-webkit-transition: opacity 1s ease 0s;
-moz-transition: opacity 1s ease 0s;
-o-transition: opacity 1s ease 0s;
-ms-transition: opacity 1s ease 0s;
transition: opacity 1s ease 0s;
}
.start-anim .g44-motion-layer:nth-child(3n){
-webkit-transition: opacity 0.6s ease 0s;
-moz-transition: opacity 0.6s ease 0s;
-o-transition: opacity 0.6s ease 0s;
-ms-transition: opacity 0.6s ease 0s;
transition: opacity 0.6s ease 0s;
}
.ml-start .g44-motion-layer{
opacity:1;
}
@media (max-width: 1680px) {
.g44-motion-layer{
filter:blur(var(--layer-blur));
}
}
@media (max-width: 781px) {
.has-sizer .g44-ml-content { }
.g44-motion-layers.has-sizer{
min-height: var(--min-height);
max-height: var(--max-height);
height: var(--height); }
.g44-motion-layers.has-sizer .g44-ml-sizer{ }
}