@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@keyframes showContent{to{filter:blur(0);opacity:1;transform:translateY(0)}}.carousel{font-family:Poppins;height:100%;min-height:650px;position:relative;width:100vw}.carousel .list .item{top:0;right:0;bottom:0;left:0;opacity:0;overflow:hidden;position:absolute;transition:.5s}.carousel .list .item img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 20%;object-position:50% 20%;width:100%}.carousel .list .item .content{left:10%;max-width:80%;position:absolute;top:20%;width:500px;z-index:1}.carousel .list .item .content .title{color:#eee;letter-spacing:10px;text-transform:uppercase}.carousel .list .item .content .topic{color:#f1683a;font-size:5em;font-weight:700;line-height:1.3em;text-shadow:0 5px 10px rgba(0,0,0,.267)}.carousel .list .item .content .description{color:#eee;min-height:8rem}.carousel .list .item .content .buttons{margin-top:3.4rem}.carousel .list .item .content .buttons a{background-color:#eee;border:none;color:#333;font-family:Poppins;font-weight:500;letter-spacing:3px;padding:.8rem}.carousel .list .item .content .buttons a:hover{opacity:.8}.carousel .list .item .content .buttons a:nth-child(2){background-color:transparent;border:1px solid #fff;color:#eee}.carousel .list .item:after{background-image:linear-gradient(0deg,#000 4%,transparent);bottom:0;content:"";height:100%;left:0;position:absolute;width:100%}.carousel .list .item.active{opacity:1;z-index:10}.carousel .list .item.active .title,.carousel .list .item.active .topic{animation:showContent .5s ease-in-out .7s 1 forwards;filter:blur(20px);opacity:0;transform:translateY(30px)}.carousel .list .item.active .topic{animation-delay:1s}.carousel .list .item.active .description{animation:showContent .5s ease-in-out .7s 1 forwards;animation-duration:1.3s;filter:blur(20px);opacity:0;transform:translateY(30px)}.carousel .thumbnail{bottom:0;box-sizing:border-box;display:flex;gap:10px;justify-content:flex-end;overflow:auto;padding:1rem;position:absolute;width:100%;z-index:11}.carousel .thumbnail::-webkit-scrollbar{width:0}.carousel .thumbnail .item{filter:brightness(.4);flex-shrink:0;height:180px;transition:.5s;width:150px}.carousel .thumbnail .item img{border-radius:10px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.carousel .thumbnail .item .content{color:#eee;inset:auto 10px 10px 10px;position:absolute}.carousel .thumbnail .item.active{filter:brightness(1)}.carousel .arrows{bottom:4rem;left:120px;position:absolute;z-index:100}.carousel .arrows button{background-color:#ededed33;border:none;border-radius:5px;color:#eee;font-family:monospace;height:40px;margin-right:.4rem;transition:.5s;width:40px}.carousel .arrows button:hover{background-color:#edededcc;color:#000}@media screen and (max-width:678px){.carousel .list .item .content .topic{font-size:10vw}.carousel .thumbnail{justify-content:center}.carousel .thumbnail .item{flex-shrink:0;height:110px;position:relative;width:75px}.carousel .thumbnail .item .content{display:none}.carousel .arrows{right:1rem;text-align:end;top:1rem}}