.slider{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.slider .list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative}.slider .list .item{position:absolute;left:100%;animation:autoRun 10s linear infinite;transition:filter .5s;animation-delay:calc((10s / var(--quantity)) * (var(--position) - 1))!important}.slider .list .item img{width:100%;height:100%}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width) * -1)}}.slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider .item:hover{filter:grayscale(0)}.slider.reverse .item{animation:reversePlay 10s linear infinite}@keyframes reversePlay{0%{left:calc(var(--width) * -1)}to{left:100%}}.send-button{font-family:inherit;font-size:20px;background:#2b2b2c;color:#fff;padding:.7em 1em .7em .9em;display:flex;align-items:center;border:none;border-radius:16px;overflow:hidden;transition:all .2s;cursor:pointer}.send-button span{display:block;margin-left:.3em;transition:all .3s ease-in-out}.send-button svg{display:block;transform-origin:center center;transition:transform .3s ease-in-out}.send-button:hover .svg-wrapper{animation:fly-1 .6s ease-in-out infinite alternate}.send-button:hover svg{transform:translateX(1.2em) rotate(45deg) scale(1.1)}.send-button:hover span{transform:translateX(5em)}.send-button:active{transform:scale(.95)}@keyframes fly-1{0%{transform:translateY(.1em)}to{transform:translateY(-.1em)}}