@charset "utf-8";
/* CSS Document */

.slide-container {
 width: 1100px;
 margin: 10px auto;
 display: flex;
 align-items: center;
 overflow: hidden;
}
.slide-wrapper {
 display: flex;
 animation: slide-flow 60s infinite linear 1s both;
}
.slide{
 width: 180px;
 object-fit:cover;
 border: 1px solid #ddd;
}
 .slide-paused:hover .slide-wrapper {
 animation-play-state: paused;
 }
 .slide-paused:hover .slide-wrapper img:hover {
 opacity: .8;
 cursor: grabbing;
 }
@keyframes slide-flow {
 0% {transform: translateX(0);}
 100% {transform: translateX(-100%);}
}