.article-slider{position:relative;display:flex;align-items:center;width:100%;overflow:hidden;justify-content:center}.article-slider .article-container{overflow:hidden;width:100%;margin:0 50px;display:flex;justify-content:center;min-height:20vh}.article-slider .article-container .article-track{display:flex;justify-content:center;transition:transform .3s ease-in-out;width:90%}.article-slider .article-container .article-track.loading{display:none}.article-slider .article-container .article-track .article-card{flex:0 0 33.3333333333%;margin:10px;padding:15px;border:1px solid #ddd;border-radius:8px;background:#fff;text-align:left;flex-shrink:0;opacity:1;transition:opacity .5s ease-in-out;box-shadow:0 10px 30px -5px #0000001a}.article-slider .article-container .article-track .article-card.fade-out{opacity:0;visibility:hidden}.article-slider .article-container .article-track .article-card.fade-in{opacity:1;visibility:visible}.article-slider .article-container .article-track .article-card .article-card-bottom{height:40px;display:flex;justify-content:space-between}.article-slider .article-container .article-track .article-card .article-card-bottom p{margin:1rem 0}.article-slider .article-container .article-track .article-card .article-card-bottom .article-card-user{display:flex;align-items:center;gap:10px}.article-slider .article-container .article-track .article-card .article-card-bottom .article-card-user img{border-radius:50%;width:40px;height:40px}.article-slider .article-container .article-track .article-card .article-card-bottom .article-card-user p{margin:0;font-size:16px}.article-slider .article-container .article-track:empty{display:none}.article-slider .article-container .loading-text{text-align:center;display:none}.article-slider .article-container .loading-text p{font-size:18px;font-weight:700;margin-top:20px}.article-slider .article-container:empty+.loading-text{display:flex}.article-slider .slider-button{background:linear-gradient(-45deg,#3b87bd,#2d71a2);border:none;color:#fff;padding:12px 18px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .3s ease-in-out,transform .3s ease-in-out;position:absolute;z-index:1;box-shadow:0 4px 6px #0000001a}.article-slider .slider-button:hover{background:linear-gradient(-45deg,#316f9b,#235b85);transform:scale(1.05)}.article-slider .slider-button.left{left:1px;margin-right:20px}.article-slider .slider-button.right{right:1px;margin-left:20px}@media (max-width: 1024px){.article-slider .article-container .article-card{flex:0 0 50%}}@media (max-width: 768px){.article-slider .article-container .article-card{flex:0 0 100%}}