:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;height:var(--swiper-navigation-size);width:var(--swiper-navigation-size);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}& svg{fill:currentColor;object-fit:contain;pointer-events:none;transform-origin:50%;width:100%;height:100%}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;& .swiper-navigation-icon{transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{& .swiper-button-next,& .swiper-button-prev,&~.swiper-button-next,&~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,& .swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,& .swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,& .swiper-button-prev{& .swiper-navigation-icon{transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{& .swiper-navigation-icon{transform:rotate(0)}}}.swiper-vertical{& .swiper-button-next,& .swiper-button-prev,&~.swiper-button-next,&~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}& .swiper-button-prev,&~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);& .swiper-navigation-icon{transform:rotate(-90deg)}}& .swiper-button-next,&~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;& .swiper-navigation-icon{transform:rotate(90deg)}}}.loan-period-slide .swiper-slide-active{background:#9eb0f0;border:1px solid #93c5fd;width:123px!important}.loan-period-slide .swiper-slide-active .period-value{color:#2852e4;padding:0 .5rem;font-size:20px;line-height:32px;@media screen and (width>=1024px){font-size:25px;line-height:40px}}.loan-period-slide .swiper-slide-active .month-label{color:#2852e4;font-size:14px;font-weight:400;line-height:24px;@media screen and (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;inset:0}.loan-period-swiper{align-items:center;height:54px;display:flex}.swiper-button-next,.swiper-button-prev{border-radius:8px;background-color:#2852e4!important;width:48px!important;min-width:48px!important;height:48px!important;min-height:48px!important;margin-top:-15px!important;font-size:200px!important}.loan-period-swiper .swiper-button-next,.loan-period-swiper .swiper-button-prev{background-color:#2852e4!important;border-radius:8px!important;width:32px!important;min-width:32px!important;height:32px!important;min-height:32px!important;margin-top:-20px!important;font-size:200px!important}@media screen and (width>=1024px){.loan-period-swiper .swiper-button-next,.loan-period-swiper .swiper-button-prev{width:40px!important;min-width:40px!important;height:40px!important;min-height:40px!important;margin-top:5px!important;padding:0!important;top:0!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{color:#fff;font-size:12px!important}.loan-period-swiper .swiper-button-prev:after{content:"";border-bottom:2px solid;border-right:2px solid;width:10px;height:10px;transform:translate(-2px)rotate(-45deg)}.loan-period-swiper .swiper-button-next:after{content:"";border-top:2px solid;border-left:2px solid;width:10px;height:10px;transform:translate(2px)rotate(-45deg)}.loan-period-swiper .swiper-navigation-icon{display:none!important}.loan-period-slide .swiper-slide{color:#181819;opacity:.2;text-align:center;justify-content:center;align-items:center;padding:8px 24px;transition:all .3s ease-out;display:flex}.loan-period-slide .swiper-slide-active{opacity:1;background:#f0f3ff;border:1px solid #7590eb;border-radius:12px;font-weight:700;transition:all .3s ease-out;color:#18428f!important;width:104px!important;height:48px!important}@media screen and (width>=1024px){.loan-period-slide .swiper-slide-active{width:123px!important;height:54px!important}}.loan-period-swiper .swiper-button-disabled{opacity:1;color:#94a3b8!important;stroke:#e5e5e5!important;background-color:#e5e5e5!important}.rangeContainer{flex-direction:row;align-items:center;gap:16px;margin-top:auto;display:flex;position:relative}.rangeContainer .range{position:absolute;top:-24px}@media screen and (width>=900px){.rangeContainer .range{top:unset;position:relative}}.rangeInputContainer{border-radius:8px;justify-content:center;align-items:center;width:100%;height:7px;display:flex;position:relative}.rangeInputContainer .rangeInput{-webkit-appearance:none;-webkit-transition:all .2s;background:linear-gradient(#fff,red);border-radius:8px;outline:none;width:100%;height:7px;transition:opacity .2s}.rangeInputContainer .rangeInput::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;z-index:0;background:#ececec;border:6px solid #06b6d4;border-radius:50%;width:24px;height:24px;box-shadow:1px 1px 2px #0000000f}.rangeInputContainer .rangeInput::-moz-range-thumb{-webkit-appearance:none;appearance:none;cursor:pointer;z-index:10;background:#ececec;border:6px solid #06b6d4;border-radius:50%;width:24px;height:24px;box-shadow:1px 1px 2px #0000000f}.rangeInputContainer .rangeInputProgress{z-index:0;background:#18428f;border-radius:8px;height:16px;position:absolute;top:0;left:auto;right:0;box-shadow:inset 0 3px 1px #ffffff4d}