.gallery{--d:10s;overflow:hidden;-webkit-mask:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.gallery>img{aspect-ratio:1.5;animation:r var(--d) linear infinite}.gallery>img:nth-child(2){animation-delay:calc(-.2*var(--d))}.gallery>img:nth-child(3){animation-delay:calc(-.4*var(--d))}.gallery>img:nth-child(4){animation-delay:calc(-.6*var(--d))}.gallery>img:nth-child(5){animation-delay:calc(-.8*var(--d))}@keyframes r{80%{transform:translate(-400%)}80.01%{transform:translate(100%)}}.gallery{display:grid;width:220px}.gallery>img{grid-area:1/1;width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;border:10px solid #f2f2f2;box-shadow:0 0 4px #0007;animation:slide 6s infinite}.gallery>img:last-child{animation-name:slide-last}.gallery>img:nth-child(2){animation-delay:-2s}.gallery>img:nth-child(3){animation-delay:-4s}@keyframes slide{0%{transform:translateX(0);z-index:2}16.66%{transform:translateX(120%);z-index:2}16.67%{transform:translateX(120%);z-index:1}33.34%{transform:translateX(0);z-index:1}66.33%{transform:translateX(0);z-index:1}66.34%{transform:translateX(0);z-index:2}to{transform:translateX(0);z-index:2}}@keyframes slide-last{0%{transform:translateX(0);z-index:2}16.66%{transform:translateX(120%);z-index:2}16.67%{transform:translateX(120%);z-index:1}33.34%{transform:translateX(0);z-index:1}83.33%{transform:translateX(0);z-index:1}83.34%{transform:translateX(0);z-index:2}to{transform:translateX(0);z-index:2}}.input-data input{display:block;width:100%;height:100%;color:#000;font-size:17px;border:none;border-bottom:2px solid rgba(0,0,0,.12)}.input-data input:focus~label,.input-data input:valid~label,.textarea textarea:focus~label,.textarea textarea:valid~label{transform:translateY(-20px);font-size:14px;color:#ff9c2b}.textarea textarea{resize:none;padding-top:10px}.input-data label{position:absolute;pointer-events:none;top:-5px;font-size:16px;transition:all .3s ease}.textarea label{width:100%;bottom:20px;background:#fff}.input-data .underline{position:absolute;bottom:0;height:2px;width:100%}.input-data .underline:before{position:absolute;content:"";height:2px;width:100%;background:#ff9c2b;transform:scaleX(0);transform-origin:center;transition:transform .3s ease}.input-data input:focus~.underline:before,.input-data input:valid~.underline:before,.textarea textarea:focus~.underline:before,.textarea textarea:valid~.underline:before{transform:scale(1)}.slide-top{animation:slide-top 1s cubic-bezier(.25,.46,.45,.94) both}.slide-out-bottom{animation:slide-out-bottom 1s cubic-bezier(.55,.085,.68,.53) both}.slide-in-right{animation:slide-in-right .7s cubic-bezier(.25,.46,.45,.94) both}.puff-in-top{animation:puff-in-top .7s cubic-bezier(.47,0,.745,.715) both}.swing-in-right-bck{animation:swing-in-right-bck 1s cubic-bezier(.175,.885,.32,1.275) both}.heartbeat{animation:heartbeat 1.5s ease-in-out infinite both}@keyframes heartbeat{0%{transform:scale(1);transform-origin:center center;animation-timing-function:ease-out}10%{transform:scale(.91);animation-timing-function:ease-in}17%{transform:scale(.98);animation-timing-function:ease-out}33%{transform:scale(.87);animation-timing-function:ease-in}45%{transform:scale(1);animation-timing-function:ease-out}}.slide-in-bck-center{animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both}.ping{animation:ping .8s ease-in-out infinite both}@keyframes ping{0%{transform:scale(.2);opacity:.8}80%{transform:scale(1.2);opacity:0}to{transform:scale(2.2);opacity:0}}@keyframes slide-in-bck-center{0%{transform:translateZ(600px);opacity:0}to{transform:translateZ(0);opacity:1}}@keyframes swing-in-right-bck{0%{transform:rotateY(70deg);transform-origin:right;opacity:0}to{transform:rotateY(0);transform-origin:right;opacity:1}}@keyframes puff-in-top{0%{transform:scale(2);transform-origin:50% 0;filter:blur(4px);opacity:0}to{transform:scale(1);transform-origin:50% 0;filter:blur(0);opacity:1}}.fade-in-top{animation:fade-in-top .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-top{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-left{animation:slide-left .5s cubic-bezier(.25,.46,.45,.94) both}.scale-in-center{animation:scale-in-center .5s cubic-bezier(.25,.46,.45,.94) both}.fade-in-right{animation:fade-in-right .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-right{0%{transform:translateX(50px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slide-left{0%{transform:translateX(0)}to{transform:translateX(-100px)}}.slide-right{animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-right{0%{transform:translateX(0)}to{transform:translateX(100px)}}.slide-bottom{animation:slide-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-bottom{0%{transform:translateY(0)}to{transform:translateY(100px)}}.slide-in-top{animation:slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-top{0%{transform:translateY(-1000px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-right{animation:slide-in-right .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-right{0%{transform:translateX(1000px);opacity:0}to{transform:translateX(0);opacity:1}}.slide-in-bottom{animation:slide-in-bottom .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-bottom{0%{transform:translateY(1000px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in-left{animation:slide-in-left .5s cubic-bezier(.25,.46,.45,.94) both}@keyframes slide-in-left{0%{transform:translateX(-1000px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slide-top{0%{transform:translateY(0)}to{transform:translateY(-100px)}}@keyframes slide-out-bottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(1000px);opacity:0}}.fade-in-left{animation:fade-in-left .6s cubic-bezier(.39,.575,.565,1) both}@keyframes fade-in-left{0%{transform:translateX(-50px);opacity:0}to{transform:translateX(0);opacity:1}}