.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.event-slider{background-color:#0b0f19;flex-direction:column;width:100%;display:flex;position:relative}.event-slider:before{content:"";z-index:-2;pointer-events:none;background-color:#0b0f19;width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.event-slider .event-slider-container{flex-direction:column;width:100%;display:flex;position:relative}.event-slider .slider-main{flex-shrink:0;width:100%;height:260px;position:relative}.event-slider .slider-main .main-swiper{overflow:visible}.event-slider .slider-main .main-swiper,.event-slider .slider-main .swiper-wrapper,.event-slider .slider-main .swiper-slide{width:100%;height:100%}.event-slider .slider-main .swiper-slide{position:relative}.event-slider .slider-main .swiper-slide .slide-bg-bleed{z-index:-1;pointer-events:none;background-color:#0b0f19;background:linear-gradient(135deg,#080c14b8 0%,#080c146b 50%,#080c1494 100%),linear-gradient(135deg,var(--slide-bg-color)0%,color-mix(in srgb,var(--slide-bg-color),black 30%)100%);width:100vw;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.event-slider .slider-main .main-slide{width:100%;height:100%;text-decoration:none;display:block;position:relative}.event-slider .slider-main .main-slide .main-img{object-fit:cover}.event-slider .slider-main .slider-controls-container{z-index:5;pointer-events:none;justify-content:center;align-items:center;max-width:1180px;margin-left:auto;margin-right:auto;display:flex;position:absolute;inset:0}.event-slider .slider-main .slider-controls-container .nav-btn{pointer-events:auto;display:none}.event-slider .slider-main .slider-controls-container .slide-counter{font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(12px);pointer-events:auto;background:#00000059;border:1px solid #ffffff38;border-radius:9999px;align-items:center;gap:.15rem;padding:.3rem .75rem;display:flex;position:absolute;bottom:1rem;right:1.25rem;box-shadow:0 4px 15px #00000026}.event-slider .slider-main .slider-controls-container .slide-counter .cur{color:#fff;font-size:.85rem;font-weight:800}.event-slider .slider-main .slider-controls-container .slide-counter .sep{color:#ffffff80;margin:0 .15rem;font-size:.75rem}.event-slider .slider-main .slider-controls-container .slide-counter .tot{color:#ffffffb3;font-size:.8rem;font-weight:500}.event-slider .slider-skeleton-main{width:100%;height:100%}@media (min-width:1180px){.event-slider{flex-direction:row;width:100%;height:420px}.event-slider .event-slider-container{flex-direction:row;align-items:center;width:100%;height:100%;display:flex}.event-slider .slider-main{flex:1;width:100%;min-width:0;height:100%}.event-slider .slider-main .slider-controls-container .nav-btn{z-index:10;-webkit-backdrop-filter:blur(12px);color:#fff;cursor:pointer;opacity:0;background:#00000038;border:1px solid #ffffff47;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;box-shadow:0 8px 24px #0003}.event-slider .slider-main .slider-controls-container .nav-btn.prev{left:1rem;transform:translateY(-50%)scale(.92)}.event-slider .slider-main .slider-controls-container .nav-btn.next{right:1rem;transform:translateY(-50%)scale(.92)}.event-slider .slider-main .slider-controls-container .nav-btn:hover{background:#ffffff40;border-color:#ffffff80;box-shadow:0 10px 30px #0000004d}.event-slider .slider-main .slider-controls-container .slide-counter{bottom:1.5rem;right:2rem}.event-slider .slider-main:hover .slider-controls-container .nav-btn{opacity:1}.event-slider .slider-main:hover .slider-controls-container .nav-btn.prev,.event-slider .slider-main:hover .slider-controls-container .nav-btn.next{transform:translateY(-50%)scale(1)}.event-slider .slider-main:hover .slider-controls-container .nav-btn.prev:hover,.event-slider .slider-main:hover .slider-controls-container .nav-btn.next:hover{transform:translateY(-50%)scale(1.08)}}@media (max-width:1179px){.event-slider .slider-main{height:260px}.event-slider .slider-main .slider-controls-container .slide-counter{padding:.2rem .55rem;font-size:.75rem;bottom:.75rem;right:.85rem}}