.carousel-container{position:relative;width:100%;height:400px;overflow:hidden}.carousel-slide{position:absolute;width:100%;height:100%;transition:opacity .7s ease-in-out,transform .7s ease-in-out;opacity:0;transform:translate(100%)}.carousel-slide.active{opacity:1;transform:translate(0)}.carousel-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.carousel-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:1}.carousel-title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:2rem;color:#fff;text-align:center;z-index:10;width:90%}.card{font-size:1.2em}.card-container{position:relative;background-color:#fff;border-radius:.5rem;overflow:hidden;width:18rem;height:15em;transition:transform .3s ease,box-shadow .3s ease;box-shadow:7px 7px 5px #ffd54f}.card-container:hover{transform:scale(1.05);box-shadow:0 5px 10px #0003}.card-container:hover .items-list{background-color:#fff}.card-content{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease}.hidden{opacity:0}.items-list{position:absolute;top:0;list-style-type:none;text-align:left;width:100%;height:100%;display:flex;justify-content:left;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;overflow-y:auto;overflow-x:auto;max-height:100%;background-color:#fff}.visible{opacity:1;visibility:visible}.items-list::-webkit-scrollbar{width:8px}.items-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.items-list::-webkit-scrollbar-thumb:hover{background:#555}