.cupra__event__related{position:relative;width:100%;overflow:hidden;padding-top:32px}
.cupra__event__related p{margin-bottom:unset}
.cupra__event__related__button{position:relative;margin:32px 0}
@media(min-width:764px){.cupra__event__related__button{margin:40px 0 32px}
}
@media(min-width:1016px){.cupra__event__related__button{margin:56px 0 40px}
}
.cupra__event__related__button--upper{display:none}
@media(min-width:764px){.cupra__event__related__button--upper{display:block}
}
@media(min-width:764px){.cupra__event__related__button--bottom{display:none}
}
.cupra__event__related__button .mod__arrow-button{position:relative;display:flex;align-items:center;justify-content:center}
.cupra__event__related__button .mod__arrow-button .cmp-button{position:relative;justify-content:flex-start;background-color:unset !important;max-height:unset;min-width:unset}
.cupra__event__related__button .mod__arrow-button .cmp-button:after{display:none}
@media(min-width:1016px){.cupra__event__related__button .mod__arrow-button .cmp-button:after{position:relative;top:0;display:block}
}
.cupra__event__related__button .mod__arrow-button .cmp-button:hover .cmp-button__text{color:#1b1b1b}
.cupra__event__related__button .mod__arrow-button .cmp-button:hover:after{background-color:black}
.cupra__event__related__button .mod__arrow-button .cmp-button__text{position:relative;font-family:"CupraRegular",sans-serif;font-size:14px;line-height:1.2;font-weight:300;margin:unset;white-space:nowrap;max-width:unset;max-height:unset;padding-bottom:4px}
.cupra__event__related__button .mod__arrow-button .cmp-button__text:after{position:absolute;display:block;content:'';width:100%;height:2px;background:#1b1b1b;bottom:0}
@media(min-width:1016px){.cupra__event__related__button .mod__arrow-button .cmp-button__text:after{display:none}
}
@media(min-width:1016px){.cupra__event__related__button .mod__arrow-button .cmp-button__text{font-size:16px}
}
.cupra__event__related__info{position:relative;display:flex;padding:0 16px;align-items:center}
@media(min-width:764px){.cupra__event__related__info{padding:0 32px}
}
@media(min-width:1016px){.cupra__event__related__info{padding:0;max-width:77.55%;margin:0 auto}
}
@media(min-width:1436px){.cupra__event__related__info{max-width:1138px}
}
.cupra__event__related__info__title{position:relative;width:100%;display:flex;justify-content:space-between;align-items:center}
@media(min-width:1016px){.cupra__event__related__info__title{width:auto}
}
.cupra__event__related__info__title .cmp-title__text{font-family:"CupraMedium",sans-serif;font-size:30px;line-height:1.2;font-weight:500;margin:unset}
@media(min-width:1016px){.cupra__event__related__info__title .cmp-title__text{font-size:40px}
}
.cupra__event__related__info__text .cmp-text p{font-family:"CupraLight",sans-serif;font-size:14px;line-height:1.2;margin-top:8px}
@media(min-width:1016px){.cupra__event__related__info__text .cmp-text p{font-size:16px;margin-top:16px}
}
.cupra__event__related__container{position:relative;margin-top:32px}
.cupra__event__related__container .swiper-container{padding:0 16px 75px}
@media(min-width:764px){.cupra__event__related__container .swiper-container{padding:0 32px 48px 32px}
}
@media(min-width:1016px){.cupra__event__related__container .swiper-container{padding:0 11.225% 48px 11.225%}
}
@media(min-width:1436px){.cupra__event__related__container .swiper-container{padding:0 calc((100% - 1138px) / 2) 48px calc((100% - 1138px) / 2)}
}
@media(min-width:764px){.cupra__event__related__container .swiper-container .swiper-wrapper{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:32px}
}
@media(min-width:1016px){.cupra__event__related__container .swiper-container .swiper-wrapper{justify-content:center;grid-gap:48px}
}
@media(min-width:1436px){.cupra__event__related__container .swiper-container .swiper-wrapper{grid-column-gap:80px;grid-row-gap:48px}
}
.cupra__event__related__container .swiper-container .swiper-pagination{bottom:0}
@media(min-width:764px){.cupra__event__related__container .swiper-container .swiper-pagination{display:none}
}
.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet{width:20px;height:.625vw;background:#d1d1d1;border-radius:0;opacity:1}
@media(min-width:764px){.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet{height:.2617801047vw}
}
@media(min-width:1016px){.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet{height:2px}
}
.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet-active{width:20px;height:.625vw;border-radius:0;background:#1b1b1b;opacity:1}
@media(min-width:764px){.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet-active{height:.2617801047vw}
}
@media(min-width:1016px){.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet-active{height:2px}
}
.cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet:only-child{display:none}
.cupra__event__related__container .swiper-button-next,.cupra__event__related__container .swiper-button-prev{display:none}
.cupra__event__related__container__card{position:relative;width:100%}
.cupra__event__related__container__card p{margin-bottom:0}
.cupra__event__related__container__card__imagewrapper{position:relative;width:100%;height:92.188vw;overflow:hidden}
@media(min-width:764px){.cupra__event__related__container__card__imagewrapper{height:35.603vw}
}
@media(min-width:1016px){.cupra__event__related__container__card__imagewrapper{height:26.772vw}
}
@media(min-width:1436px){.cupra__event__related__container__card__imagewrapper{height:375px}
}
.cupra__event__related__container__card__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .4s ease-in-out}
.cupra__event__related__container__card__title{position:relative;font-family:"CupraMedium",sans-serif;font-weight:500;font-size:20px;line-height:1.5;margin-bottom:unset;margin-top:16px}
@media(min-width:764px){.cupra__event__related__container__card__title{font-size:20px;line-height:1.2}
}
@media(min-width:1016px){.cupra__event__related__container__card__title{font-size:24px}
}
.cupra__event__related__container__card__info{position:relative;margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(min-width:1016px){.cupra__event__related__container__card__info{gap:16px}
}
.cupra__event__related__container__card__info__date{position:relative;font-family:"CupraLight",sans-serif;font-size:14px;line-height:1.2;text-transform:uppercase}
@media(min-width:1016px){.cupra__event__related__container__card__info__date{font-size:20px}
}
.cupra__event__related__container__card__info__time{display:flex;align-items:center;justify-content:flex-end}
.cupra__event__related__container__card__info__time__icon{position:relative;flex-shrink:0;width:20px;height:20px;background-size:contain;background-image:url("../../../../../etc.clientlibs/cupra-website/components/editorial/event-related/clientlibs/resources/&ic-time-black.svg")}
@media(min-width:1016px){.cupra__event__related__container__card__info__time__icon{width:24px;height:24px}
}
.cupra__event__related__container__card__info__time__title{position:relative;font-family:"CupraRegular",sans-serif;padding-left:8px;font-size:14px;line-height:1.2;justify-content:flex-end}
@media(min-width:1016px){.cupra__event__related__container__card__info__time__title{font-size:20px}
}
.cupra__event__related__container__card__info__button{font-family:"CupraRegular",sans-serif;font-size:14px;color:#1b1b1b;display:flex;align-items:center}
.cupra__event__related__container__card__info__button::after{position:relative;top:1px;content:'';width:8px;height:8px;border:solid #1b1b1b;border-width:0 1px 1px 0;display:inline-block;padding:4px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);margin-left:4px}
.cupra__event__related__container__card .mod__arrow-button{position:relative;display:flex;align-items:center;grid-column:span 2}
.cupra__event__related__container__card .mod__arrow-button .cmp-button{position:relative;justify-content:flex-start;background-color:unset !important}
.cupra__event__related__container__card .mod__arrow-button .cmp-button:after{position:relative;top:2px}
.cupra__event__related__container__card .mod__arrow-button .cmp-button__text{font-family:"CupraRegular",sans-serif;font-size:14px;line-height:1.2;font-weight:300;margin:unset;white-space:nowrap}
@media(min-width:1016px){.cupra__event__related__container__card .mod__arrow-button .cmp-button__text{font-size:16px}
}
@media(min-width:1016px){.cupra__event__related__container__card:hover .cupra__event__related__container__card__image{transform:scale(1.1)}
}
@media(min-width:1016px){.cupra__event__related--slider{max-width:100%}
}
@media(min-width:1436px){.cupra__event__related--slider{padding:40px 0 0}
}
@media(min-width:764px){.cupra__event__related--slider .cupra__event__related__button{margin:unset}
}
.cupra__event__related--slider .cupra__event__related__info{align-items:center;justify-content:space-between;gap:20px}
.cupra__event__related--slider .cupra__event__related__info .mod__arrow-button .cmp-button:after{display:block;position:relative;top:0}
.cupra__event__related--slider .cupra__event__related__info .mod__arrow-button .cmp-button:hover:after{background-image:none}
.cupra__event__related--slider .cupra__event__related__info .mod__arrow-button .cmp-button__text:after{display:none}
@media(min-width:764px){.cupra__event__related--slider .cupra__event__related__container .swiper-container{padding:0 32px 48px 32px}
}
@media(min-width:1016px){.cupra__event__related--slider .cupra__event__related__container .swiper-container{padding:0 11.225% 48px 11.225%}
}
@media(min-width:1436px){.cupra__event__related--slider .cupra__event__related__container .swiper-container{padding:0 calc((100% - 1138px) / 2) 48px calc((100% - 1138px) / 2)}
}
@media(min-width:764px){.cupra__event__related--slider .cupra__event__related__container .swiper-container .swiper-wrapper{display:flex;justify-content:unset;flex-wrap:unset;gap:unset;grid-template-columns:unset;padding-bottom:48px}
}
.cupra__event__related--slider .cupra__event__related__container .swiper-container .swiper-pagination{display:unset}
@media(min-width:764px){.cupra__event__related--slider .cupra__event__related__container .swiper-container .swiper-pagination{bottom:32px}
}
@media(min-width:1016px){.cupra__event__related--slider .cupra__event__related__container .swiper-container .swiper-pagination{bottom:40px}
}
.cupra__event__related--slider .cupra__event__related__container .swiper-button-next,.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev{display:none}
@media(min-width:1016px){.cupra__event__related--slider .cupra__event__related__container .swiper-button-next,.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev{display:flex;top:13.386vw;right:32px;width:40px;height:40px;border-radius:50%;overflow:hidden;background-color:rgba(255,255,255,0.8);transition:all .3s ease}
.cupra__event__related--slider .cupra__event__related__container .swiper-button-next.swiper-button-disabled,.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev.swiper-button-disabled{opacity:0}
.cupra__event__related--slider .cupra__event__related__container .swiper-button-next:after,.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev:after{font-size:16px;color:#1b1b1b}
}
@media(min-width:1436px){.cupra__event__related--slider .cupra__event__related__container .swiper-button-next,.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev{top:187.5px}
}
@media(min-width:1016px){.cupra__event__related--slider .cupra__event__related__container .swiper-button-prev{right:auto;left:32px}
}
.cupra__event__related.light-gray-mode{background-color:#f4f4f3}
.cupra__event__related.white-mode{background-color:#fff}
.cupra__event__related.light-gray-mode .cupra__event__related__info__title .cmp-title__text,.cupra__event__related.white-mode .cupra__event__related__info__title .cmp-title__text{color:#1b1b1b}
.cupra__event__related.light-gray-mode .cupra__event__related__info__text .cmp-text p,.cupra__event__related.light-gray-mode .cupra__event__related__container__card__title,.cupra__event__related.light-gray-mode .cupra__event__related__container__card__info__date,.cupra__event__related.light-gray-mode .cupra__event__related__container__card__info__button,.cupra__event__related.light-gray-mode .cupra__event__related__container__card__info__time__title,.cupra__event__related.white-mode .cupra__event__related__info__text .cmp-text p,.cupra__event__related.white-mode .cupra__event__related__container__card__title,.cupra__event__related.white-mode .cupra__event__related__container__card__info__date,.cupra__event__related.white-mode .cupra__event__related__container__card__info__button,.cupra__event__related.white-mode .cupra__event__related__container__card__info__time__title{color:#1b1b1b}
.cupra__event__related.light-gray-mode .cupra__event__related__button .cta.mod__arrow-button .cmp-button__text,.cupra__event__related.white-mode .cupra__event__related__button .cta.mod__arrow-button .cmp-button__text{color:#1b1b1b !important}
.cupra__event__related.light-gray-mode .cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet-active,.cupra__event__related.white-mode .cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#1b1b1b}
.cupra__event__related.black-mode{background-color:#1b1b1b}
.cupra__event__related.black-mode .cupra__event__related__info__title .cmp-title__text{color:#fff}
.cupra__event__related.black-mode .cupra__event__related__info__text .cmp-text p,.cupra__event__related.black-mode .cupra__event__related__container__card__title,.cupra__event__related.black-mode .cupra__event__related__container__card__info__date,.cupra__event__related.black-mode .cupra__event__related__container__card__info__button,.cupra__event__related.black-mode .cupra__event__related__container__card__info__time__title{color:#fff}
.cupra__event__related.black-mode .cupra__event__related__container__card__info__button::after{border-color:#fff}
.cupra__event__related.black-mode .cupra__event__related__container__card__info__time__icon{background-image:url("../../../../../etc.clientlibs/cupra-website/components/editorial/event-related/clientlibs/resources/&ic-time-white.svg")}
.cupra__event__related.black-mode .cupra__event__related__button .cta.mod__arrow-button .cmp-button__text{color:#fff !important}
.cupra__event__related.black-mode .cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,.cupra__event__related.black-mode .cupra__event__related__button .mod__arrow-button .cmp-button__text:after{background:#fff}
.cupra__event__related.black-mode .cupra__event__related__container .swiper-container .swiper-pagination .swiper-pagination-bullet{background:rgba(255,255,255,0.4)}
.cupra__event__related.black-mode .cupra__event__related__button .mod__arrow-button .cmp-button:after{background-image:url("../../../../../etc.clientlibs/cupra-website/components/editorial/event-related/clientlibs/resources/td-arrow-right-white.svg")}