ul{display:flex;list-style:none;overflow-x:scroll;overflow-y:hidden;margin:0 auto;column-gap:30px;align-self:center;padding:0 0 10px;cursor:grab}ul::-webkit-scrollbar{display:none;transition:all .15s;height:4px;width:4px;background:#7c2629;-webkit-border-radius:1ex}ul::-webkit-scrollbar-thumb{-webkit-border-radius:1ex;background:#c0392b;width:4px;height:4px;border-radius:99999px}ul:hover::-webkit-scrollbar{display:block!important}ul::-webkit-scrollbar-corner{background:#fff3}li{user-select:none}li:first-child{flex:0 0 calc(50vw - 167px)}li:last-of-type{margin:0}li img{width:100%;height:334px}@media (min-width: 768px){ul{column-gap:103px}li:first-child{flex:0 0 calc(50vw - 230px)}}ul::-webkit-scrollbar-track-piece{display:none}