:root{--slide-selected:500px;--slide-size-unselected:350px;--carousel-width:75vw;--slide-spacing:30px;--carousel-button-size:75px}.carousel{flex-direction:column;align-items:center;width:75vw;display:flex;position:relative;-webkit-mask-image:linear-gradient(270deg,transparent,#fff 10%,#fff 90%,transparent);mask-image:linear-gradient(270deg,transparent,#fff 10%,#fff 90%,transparent)}.carousel-viewport{align-items:center;width:75vw;height:500px;display:flex;position:relative;overflow:hidden}.carousel-slide-container{align-items:center;gap:30px;transition:transform .5s ease-in-out;display:flex;position:absolute;left:calc(37.5vw - 175px)}.carousel-slide{opacity:.4;border-radius:20px;flex-direction:column;justify-content:space-between;width:350px;height:350px;transition:transform .5s ease-in-out,opacity .5s ease-in-out;display:flex;position:relative;overflow:hidden}.carousel-slide .event-image{border-radius:20px;flex:1;width:350px;height:350px;display:flex;position:absolute;overflow:hidden}.carousel-slide .event-image img{object-fit:cover;z-index:0;flex:1;width:350px;height:350px;transition:all .5s;position:absolute}.carousel-slide .event-image:before{content:" ";z-index:1;border-radius:20px;width:350px;height:350px;display:block;position:absolute;top:0;left:0;box-shadow:inset 0 0 50px rgba(2,4,12,.8)}.carousel-slide .label-logo{transform:scale(.7)translate(-35px,-15px)}.carousel-slide .event-content{z-index:1;flex-direction:column;align-items:end;margin:0 20px 20px;display:flex}.carousel-slide .event-content h4{text-shadow:0 0 7px #000;margin-bottom:5px;font-size:16.8px;font-weight:400}.carousel-slide .event-content span{text-shadow:0 0 7px #000;font-size:11.2px;font-weight:lighter}.carousel-slide .event-filter{background:linear-gradient(transparent 0%,rgba(0,0,0,.8) 100%);width:350px;height:50%;position:absolute;bottom:0;left:0}.slide-selected{opacity:.75;transform:translate(0)scale(1.42857)}.slide-selected:hover{opacity:1}.slide-selected:hover .event-image img{transform:scale(1.05)}.slide-selected:active{transform:scale(1.28571)}.slide-selected-transition:hover{transition:transform .15s ease-in-out,opacity .5s ease-in-out}.slide-befor{transform:translate(75px)}.slide-after{transform:translate(-75px)}.event-button{color:#ebecfa;background-color:transparent;border:2px solid transparent;border-radius:50%;width:75px;height:75px;margin:0;font-size:50px;transition:border .2s,transform .15s;position:absolute;top:212.5px}.event-button:hover{border:2px solid #ebecfa}.event-button-left{left:calc(37.5vw - 375px)}.event-button-right{left:calc(37.5vw + 300px)}
