.flex-carousel-wrapper{position:relative;max-width:90%;margin-inline:auto;margin-block:var(--margin-l)}.flex-carousel-x{display:flex;overflow-x:auto;overflow-y:hidden;height:auto;padding-block:10px;gap:10px;scroll-behavior:smooth;&::-webkit-scrollbar{display:none}scrollbar-width:none;-ms-overflow-style:none}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:20;&:hover{background:#f3f4f6;box-shadow:0 6px 16px rgba(0,0,0,.2)}&:active{transform:translateY(-50%) scale(.95)}}.carousel-arrow-left{left:-24px}.carousel-arrow-right{right:-24px}@media (max-width:1024px){.carousel-arrow{display:none}}