.blog-carousel-container{display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;width:100%}.carousel-sidebar{width:1200px;position:relative;padding-top:.1em;padding-bottom:.1em}.carousel-inner,.carousel-sidebar{display:flex;flex-direction:row;align-items:center;justify-content:center}.carousel-inner{width:1100px;overflow:hidden;transition:transform .5s cubic-bezier(.4,0,.2,1);padding:.5rem 0}.carousel-title{font-size:24px;margin-bottom:15px;text-align:center;font-family:Georgia}.carousel{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 0;position:relative}.carousel-label{font-size:1.35rem;color:#3b3b3b;font-family:Georgia}.carousel-article{text-align:center;margin:0;background:#f9f9f9;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0000001a;margin-inline:.8em;flex:0 0 300px;transition:transform .3s ease,box-shadow .3s ease;transform-style:preserve-3d;perspective:1000px}.carousel-article:hover{transform:translateY(-10px) rotateX(5deg) rotateY(5deg);box-shadow:0 20px 25px #0003}.carousel-image{border-radius:8px;object-fit:cover}.article-category{font-size:14px;color:#555}.carousel-article-title{font-size:18px;font-family:Georgia}.article-author{font-size:14px;color:#4f4f4f;font-family:math;letter-spacing:.03em}.empty{background-color:#f0f0f0}.placeholder{background-color:#ccc;width:300px;height:200px;border-radius:8px}.carousel-button{border:none;background-color:#f5f5f5e6;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#333;margin:0 15px;transition:all .3s ease;box-shadow:0 2px 5px #0000001a}.carousel-button:hover{background-color:#fff;box-shadow:0 4px 8px #0003;transform:translateY(-2px);color:#000}.carousel-button:active{transform:translateY(0);box-shadow:0 2px 4px #0000001a}.carousel-button:first-child{position:relative;left:0}.carousel-button:last-child{position:relative;right:0}.carousel-indicators{display:flex;justify-content:center;gap:8px;margin-top:16px}.indicator{width:8px;height:8px;border-radius:50%;background-color:#ccc;transition:all .3s ease}.indicator.active{width:24px;border-radius:4px;background-color:#555}@media (max-width:768px){.carousel-inner{width:300px;overflow:hidden}.carousel-article{flex:0 0 100%;margin-inline:0}}