@keyframes spin{0{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.cmp-event-carousel{width:100%;max-width:1440px;margin:auto;font-family:var(--font-f1);padding-bottom:64px}
.cmp-event-carousel a.performance-event-cta{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-bold)}
@media(min-width:769px){.cmp-event-carousel a.performance-event-cta{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-event-carousel a.performance-event-cta--button{position:relative;background-color:transparent;border:0;padding:var(--spacing-12) var(--spacing-20);color:var(--white);text-decoration:none;z-index:1}
.cmp-event-carousel a.performance-event-cta--button span{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-bold);width:max-content;position:relative;z-index:2}
.cmp-event-carousel a.performance-event-cta--button:after{content:"";width:100%;height:100%;position:absolute;left:0;top:0;transform:skewX(-20deg);background:var(--skyview-1000);font-weight:var(--font-weight-bold);z-index:1}
.cmp-event-carousel a.performance-event-cta--button:hover:after{background:var(--fill-interactive-hover-onLight)}
@media(min-width:769px){.cmp-event-carousel a.performance-event-cta--button span{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-event-carousel a.performance-event-cta--button:hover .cta--text{text-decoration:underline}
.cmp-event-carousel a.performance-event-cta--button .cta--icon-caret-right{background-image:url('clientlib-eventCarousel/resources/caret-right-white.svg')}
.cmp-event-carousel a.performance-event-cta--link{text-decoration:none;color:var(--text-interactive-onLight)}
.cmp-event-carousel a.performance-event-cta--link:hover{text-decoration:underline}
.cmp-event-carousel div.performance-event-cta--static{color:var(--grey-dark)}
.cmp-event-carousel__inner{display:flex;gap:16px;background:var(--twilight-1000);margin-left:16px}
@media(min-width:769px){.cmp-event-carousel__inner{margin-left:var(--spacing-56)}
}
.cmp-event-carousel__inner .performance-event{display:flex;flex-direction:column;position:relative;border-radius:6px;overflow:hidden;max-width:312px}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event{max-width:432px}
}
.cmp-event-carousel__inner .performance-event__badge{display:flex;align-items:center;color:var(--twilight-1000);position:absolute;top:0;left:-8px;padding:var(--spacing-4) var(--spacing-8)}
.cmp-event-carousel__inner .performance-event__badge .badge{display:flex;align-items:center}
.cmp-event-carousel__inner .performance-event__badge .badge .icon{display:inline-block;position:relative;background-image:url('clientlib-eventCarousel/resources/location.svg');width:var(--spacing-16);height:var(--spacing-16);margin-left:var(--spacing-12);margin-right:var(--spacing-8)}
.cmp-event-carousel__inner .performance-event__badge .badge .badge__text{position:relative;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2);font-weight:var(--font-weight-semi-bold);transform:translateY(2px)}
.cmp-event-carousel__inner .performance-event__badge:before{content:"";width:calc(108%);height:100%;position:absolute;left:0;top:0;transform:skewX(-20deg);background:var(--twilight-400);pointer-events:none}
.cmp-event-carousel__inner .performance-event__image .event-image{width:312px;height:176px;object-fit:cover}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__image .event-image{width:432px;height:243px}
}
.cmp-event-carousel__inner .performance-event__information{background-color:var(--white);padding:24px 16px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__information{padding:24px 30px 24px 18px}
}
.cmp-event-carousel__inner .performance-event__information .event-information--pre-title{font-size:var(--font-size-caption);line-height:var(--line-height-caption);font-weight:var(--font-weight-regular);color:var(--twilight-700);margin-bottom:8px}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__information .event-information--pre-title{font-size:var(--font-size-body-2);line-height:var(--line-height-body-2)}
}
.cmp-event-carousel__inner .performance-event__information .event-information--title{font-size:var(--font-size-subtitle);line-height:var(--line-height-subtitle);font-weight:var(--font-weight-medium);color:var(--twilight-1000)}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__information .event-information--title{font-size:var(--font-size-title);line-height:var(--line-height-title)}
}
.cmp-event-carousel__inner .performance-event__information .event-ctas{display:flex;align-items:center;padding-top:24px;gap:12px;justify-content:space-between}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__information .event-ctas{gap:40px;justify-content:unset;margin-right:8px}
}
.cmp-event-carousel__inner .performance-event__information .event-ctas .performance-event-cta{display:flex;align-items:center;gap:4px;font-size:var(--font-size-body-2);line-height:var(--line-height-body-2)}
@media(min-width:769px){.cmp-event-carousel__inner .performance-event__information .event-ctas .performance-event-cta{font-size:var(--font-size-body-1);line-height:var(--line-height-body-1)}
}
.cmp-event-carousel__inner .performance-event__information .event-ctas .performance-event-cta--button{transform:translateX(8px)}
.cmp-event-carousel__inner .performance-event__information .event-ctas .performance-event-cta--button:first-of-type{margin-right:8px}
.cmp-event-carousel__inner .performance-event__information .event-ctas .performance-event-cta--link:last-of-type .cta--text{width:max-content}
.cmp-event-carousel__button-container{position:relative;text-align:center;margin:48px 0 0;min-height:48px;max-width:calc(100% - 16px)}
@media(min-width:769px){.cmp-event-carousel__button-container{max-width:100%;margin:124px 0 0}
}
.cmp-event-carousel__button-container a.performance-event-cta--button{position:absolute;top:0;left:50%;transform:translateX(-50%);padding:var(--spacing-12) var(--spacing-20)}
.cmp-event-carousel__button-container a.performance-event-cta--button span{display:inline-block;width:max-content;transform:translateY(1px)}
.cmp-event-carousel .cta--icon-caret-right{display:inline-block;width:16px;height:16px;background-image:url('clientlib-eventCarousel/resources/caret-right.svg');transform:translateY(-1px)}
.cmp-event-carousel .slick-slider .slick-slide{margin:0 8px}
.cmp-event-carousel .slick-prev,.cmp-event-carousel .slick-next{position:absolute;top:100%;margin-top:48px;font-size:0;line-height:0;border:0;width:55.7px;height:36px;z-index:2}
.cmp-event-carousel .slick-prev{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/control_desktop_back.png") no-repeat center center !important;right:99px !important}
@media(min-width:350px) and (max-width:768px){.cmp-event-carousel .slick-prev{display:none}
}
.cmp-event-carousel .slick-next{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/control_desktop_next.png") no-repeat center center !important;right:55px !important}
@media(min-width:350px) and (max-width:768px){.cmp-event-carousel .slick-next{display:none}
}
.cmp-event-carousel .slick-dots{position:absolute;top:100%;margin-top:48px;display:none;gap:12px;padding:0;z-index:2;list-style:none}
@media(min-width:769px){.cmp-event-carousel .slick-dots{display:flex}
}
.cmp-event-carousel .slick-dots li{width:10.5px}
.cmp-event-carousel .slick-dots li button{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 7079.svg") no-repeat center center;font-size:0;line-height:0;border:0;width:100%;height:10px;background-size:contain}
.cmp-event-carousel .slick-dots li.slick-active{width:23px}
.cmp-event-carousel .slick-dots li.slick-active button{background:url("../../../../etc.clientlibs/fordPerformance/clientlibs/clientlib-site/resources/images/Rectangle 6.svg") no-repeat center center;height:8px;border:0;width:100%;background-size:contain}
.cmp-event-carousel .cmp-event-carousel__inner:not(.slick-initialized){display:flex;max-width:1440px;overflow:hidden}
.cmp-event-carousel .cmp-event-carousel__inner:not(.slick-initialized) .performance-event{flex:1 0 432px}