// dot & dots-bar
@swiper-nav-dot-color: if(isdefined(@td-swiper-nav-dot-color), @td-swiper-nav-dot-color, @font-white-2);
@swiper-nav-dot-active-color: if(isdefined(@td-swiper-nav-dot-active-color), @td-swiper-nav-dot-active-color, @font-white-1);
@swiper-nav-dot-size: if(isdefined(@td-swiper-nav-dot-size), @td-swiper-nav-dot-size, 6px);
@swiper-nav-dots-bar-active-width: if(isdefined(@td-swiper-nav-dots-bar-active-width), @td-swiper-nav-dots-bar-active-width, 20px);
@swiper-nav-outside-bg: if(isdefined(@td-swiper-nav-outside-bg), @td-swiper-nav-outside-bg, @gray-color-3);
@swiper-nav-outside-bg-active: if(isdefined(@td-swiper-nav-outside-bg-active), @td-swiper-nav-outside-bg-active, @brand-color-7);

// fraction
@swiper-nav-fraction-color: if(isdefined(@td-swiper-nav-fraction-color), @td-swiper-nav-fraction-color, @font-white-1);
@swiper-nav-fraction-bg-color: if(isdefined(@td-swiper-nav-fraction-bg-color), @td-swiper-nav-fraction-bg-color, @font-gray-3);
@swiper-nav-fraction-height: if(isdefined(@td-swiper-nav-fraction-height), @td-swiper-nav-fraction-height, 24px);
@swiper-nav-fraction-font-size: if(isdefined(@td-swiper-nav-fraction-font-size), @td-swiper-nav-fraction-font-size, 12px);

// button
@swiper-nav-btn-color: if(isdefined(@td-swiper-nav-btn-color), @td-swiper-nav-btn-color, @font-white-1);
@swiper-nav-btn-bg-color: if(isdefined(@td-swiper-nav-btn-bg-color), @td-swiper-nav-btn-bg-color, @font-gray-3);
@swiper-nav-btn-size: if(isdefined(@td-swiper-nav-btn-size), @td-swiper-nav-btn-size, 24px);