.loan-period-slide .swiper-slide-active{background:#9eb0f0;border:1px solid #93c5fd;width:123px!important}.loan-period-slide .swiper-slide-active .period-value{padding:0 .5rem;font-size:20px;line-height:32px;color:#2852e4;@media screen and (min-width:1024px){font-size:25px;line-height:40px}}.loan-period-slide .swiper-slide-active .month-label{font-size:14px;font-weight:400;line-height:24px;color:#2852e4;@media screen and (min-width:1024px){font-size:20px;font-weight:700;line-height:32px}}.loan-period-slide .swiper-slide.swiper-slide-next:before,.loan-period-slide .swiper-slide.swiper-slide-prev:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0}.loan-period-swiper{height:54px;display:flex;align-items:center}.swiper-button-next,.swiper-button-prev{width:48px!important;height:48px!important;min-width:48px!important;min-height:48px!important;font-size:200px!important;border-radius:8px;background-color:#2852e4!important;margin-top:-15px!important}.loan-period-swiper .swiper-button-next,.loan-period-swiper .swiper-button-prev{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;font-size:200px!important;background-color:#2852e4!important;border-radius:8px!important;margin-top:-20px!important}@media screen and (min-width:1024px){.loan-period-swiper .swiper-button-next,.loan-period-swiper .swiper-button-prev{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:0!important;top:0!important;margin-top:5px!important}}.loan-period-swiper .swiper-button-prev{right:0!important}.loan-period-swiper .swiper-button-next{left:0!important}.loan-period-swiper .swiper-button-next:after,.loan-period-swiper .swiper-button-prev:after{font-size:12px!important;color:#fff}.loan-period-slide .swiper-slide{text-align:center;transition:all .3s ease-out;padding:8px 24px;display:flex;justify-content:center;align-items:center;opacity:.2;color:#181819}.loan-period-slide .swiper-slide-active{transition:all .3s ease-out;color:#18428f!important;opacity:1;font-weight:700;background:#f0f3ff;border-radius:12px;border:1px solid #7590eb;width:104px!important;height:48px!important}@media screen and (min-width:1024px){.loan-period-slide .swiper-slide-active{width:123px!important;height:54px!important}}.loan-period-swiper .swiper-button-disabled{background-color:#e5e5e5!important;stroke:#e5e5e5!important;opacity:1;color:#94a3b8!important}.rangeContainer{display:flex;align-items:center;flex-direction:row;gap:16px;margin-top:auto;position:relative}.rangeContainer .range{position:absolute;top:-24px}@media screen and (min-width:900px){.rangeContainer .range{position:relative;top:unset}}.rangeInputContainer{width:100%;height:7px;position:relative;border-radius:8px;display:flex;align-items:center;justify-content:center}.rangeInputContainer .rangeInput{-webkit-appearance:none;width:100%;height:7px;background:linear-gradient(180deg,#fff,red);outline:none;-webkit-transition:.2s;transition:opacity .2s;border-radius:8px}.rangeInputContainer .rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;background:#ececec;border-radius:50%;border:6px solid #06b6d4;cursor:pointer;box-shadow:1px 1px 2px 0 #0000000f;z-index:0}.rangeInputContainer .rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border:6px solid #06b6d4;background:#ececec;border-radius:50%;cursor:pointer;box-shadow:1px 1px 2px 0 #0000000f;z-index:10}.rangeInputContainer .rangeInputProgress{position:absolute;height:16px;top:0;left:auto;right:0;background:#18428f;border-radius:8px;box-shadow:inset 0 3px 1px 0 #ffffff4d;z-index:0}