scroll-element{margin:var(--spacing-block) 0;border-radius:var(--border-radius);background-color:var(--color-3rd);display:block;position:relative}scroll-element.is-visible{will-change:transform}scroll-element>.scroll-element-bg{z-index:-1;background-color:var(--color-3rd);width:100%;height:100%;position:absolute;top:0;left:0}scroll-element>picture>img:not(:first-child){will-change:filter, opacity;margin:0}@supports (animation-timeline:view()) and (view-timeline-name:--scroll-element){@media only screen and (min-width:860px){scroll-element.is-near:-webkit-any(.layout-half-left,.layout-third-left,.layout-quarter-left){animation-name:scroll-element-drift-left}scroll-element.is-near:-moz-any(.layout-half-left,.layout-third-left,.layout-quarter-left){animation-name:scroll-element-drift-left}scroll-element.is-near:is(.layout-half-left,.layout-third-left,.layout-quarter-left){animation-name:scroll-element-drift-left}scroll-element.is-near:-webkit-any(.layout-half-right,.layout-third-right,.layout-quarter-right){animation-name:scroll-element-drift-right}scroll-element.is-near:-moz-any(.layout-half-right,.layout-third-right,.layout-quarter-right){animation-name:scroll-element-drift-right}scroll-element.is-near:is(.layout-half-right,.layout-third-right,.layout-quarter-right){animation-name:scroll-element-drift-right}}scroll-element.is-near{animation-name:scroll-element-drift-y;animation-duration:auto;will-change:transform;animation-fill-mode:both;animation-timeline:view();animation-range:cover}}@keyframes scroll-element-drift-y{0%{opacity:0;animation-timing-function:cubic-bezier(.333,0,.667,.333);transform:scale(.9)translateY(5%)}40%{opacity:1;transform:scale(1)translateY(0%)}60%{opacity:1;animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:scale(1)translateY(0%)}to{opacity:0;transform:scale(.9)translateY(-5%)}}@keyframes scroll-element-drift-left{0%{opacity:0;animation-timing-function:cubic-bezier(.333,0,.667,.333);transform:scale(.9)translate(-5%)}40%{opacity:1;transform:scale(1)translate(0%)}60%{opacity:1;animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:scale(1)translate(0%)}to{opacity:0;transform:scale(.9)translate(-5%)}}@keyframes scroll-element-drift-right{0%{opacity:0;animation-timing-function:cubic-bezier(.333,0,.667,.333);transform:scale(.9)translate(5%)}40%{opacity:1;transform:scale(1)translate(0%)}60%{opacity:1;animation-timing-function:cubic-bezier(.333,.667,.667,1);transform:scale(1)translate(0%)}to{opacity:0;transform:scale(.9)translate(5%)}}@media only print{scroll-element{opacity:1!important;transform:none!important}}