.loading{opacity:0;-webkit-mask-image:-webkit-gradient(linear, left top, left bottom, color-stop(33%, #000), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));-webkit-mask-image:linear-gradient(to bottom, #000 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);mask-image:-webkit-gradient(linear, left top, left bottom, color-stop(33%, #000), color-stop(66%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));mask-image:linear-gradient(to bottom, #000 33%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0) 100%);-webkit-mask-size:100% 300%;mask-size:100% 300%;-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-transform:scale(1);transform:scale(1);-webkit-transition:opacity,-webkit-transform,-webkit-mask-position 1s ease-out;transition:opacity,-webkit-transform,-webkit-mask-position 1s ease-out;transition:opacity,transform,mask-position 1s ease-out;transition:opacity,transform,mask-position 1s ease-out,-webkit-transform,-webkit-mask-position 1s ease-out;will-change:opacity,transform,mask-position}.load-end{opacity:1;-webkit-mask-position:0 0;mask-position:0 0;-webkit-transform:scale(1);transform:scale(1)}