@keyframes flip-r{50%{opacity:0;transform:translate(100%)}51%{opacity:0;transform:translate(-100%)}}@keyframes flip-l{50%{opacity:0;transform:translate(-100%)}51%{opacity:0;transform:translate(100%)}}@keyframes flip-d{50%{opacity:0;transform:translateY(100%)}51%{opacity:0;transform:translateY(-100%)}}@keyframes flip-u{50%{opacity:0;transform:translateY(-100%)}51%{opacity:0;transform:translateY(100%)}}.mask-canvas{bottom:0;left:0;position:absolute;right:0;top:0}.mask-canvas.skew .mask-canvas__inner,.mask-canvas:not(.skew){overflow:clip}.mask-canvas__inner{bottom:0;isolation:isolate;left:0;pointer-events:none;position:absolute;right:0;top:0;transform:translateZ(0)}.mask-canvas__inner:after,.mask-canvas__inner:before{background-color:var(--bg-color);content:"";height:120px;position:absolute;width:100%;z-index:10}.mask-canvas__inner:before{top:0;transform:translateY(calc(-100% + 1px))}.mask-canvas__inner:after{bottom:0;transform:translateY(calc(100% - 1px))}.mask-canvas canvas,.mask-canvas__inner--wrapper{bottom:0;left:0;position:absolute;right:0;top:0}.mask-canvas canvas{height:100%;left:50%;pointer-events:none;transform:translate(-50%);width:calc(100% + 10px);z-index:10}.mask-canvas canvas.full{width:calc(100% + 24px)}@media (min-width:800px){.mask-canvas canvas.full{width:calc(100% + 14px)}}.mask-canvas img{bottom:0;height:calc(100% - 2px);left:50%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;position:absolute;right:0;top:0;transform:translate(-50%);width:calc(100% - 2px)}.mask-canvas img.full{height:100%;width:100%}.mask-canvas .gradient-overlay{background:linear-gradient(90deg,#101010 0,#0f0f0f00 70%);bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:5}