.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}.recommend-slider .swiper-slide{opacity:.4;transition:opacity .3s ease}.recommend-slider .swiper-slide-active{opacity:1}.recommend-slider .swiper-pagination{align-items:center;display:flex;gap:10px;justify-content:center}.recommend-slider .swiper-pagination-bullet{background-color:#e3e2e2;border-radius:0;cursor:pointer;display:flex;height:4px;margin:0;opacity:1;transition:width .3s ease,background-color .3s ease;width:4px}.recommend-slider .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#e3e2e2;width:2.1875rem}.recommend-slider .recommend-slider-index-box{background-color:var(--recommend-bg);clip-path:inset(0 100% 0 0);opacity:0;transition:background-color .6s ease}.recommend-slider .swiper-slide-active .recommend-slider-index-box{animation:recommend-index-box-wipe 1.4s cubic-bezier(.33,1,.68,1) forwards}@media(min-width:1024px){.recommend-slider .recommend-slider-info-box{background-color:var(--recommend-bg);clip-path:inset(0 100% 0 0);opacity:0;transition:background-color .6s ease}.recommend-slider .swiper-slide-active .recommend-slider-info-box{animation:recommend-info-box-wipe 1.4s cubic-bezier(.33,1,.68,1) forwards}.recommend-slider .swiper-slide-active .recommend-slider-index-box{animation-name:recommend-index-box-wipe-desktop}}@keyframes recommend-index-box-wipe{0%{clip-path:inset(0 100% 0 0);opacity:1}42%,to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes recommend-info-box-wipe{0%{clip-path:inset(0 100% 0 0);opacity:1}42%,to{clip-path:inset(0 0 0 0);opacity:1}}@keyframes recommend-index-box-wipe-desktop{0%{clip-path:inset(0 0 0 100%);opacity:1}42%,to{clip-path:inset(0 0 0 0);opacity:1}}.recommend-init[data-v-0b77d996]{--recommend-bg:#ddd}.recommend-end[data-v-0b77d996]{--recommend-bg:#25262a}.recommend-end[data-v-0b77d996],.recommend-init[data-v-0b77d996]{background-color:var(--recommend-bg);transition:background-color .6s ease}.index-cta[data-v-532dc0d8]{--cta-bg-mobile:url(../images/mock/home/cta-m.jpg);--cta-bg-desktop:url(../images/mock/volunteer/banner.jpg);background-image:url(../images/mock/home/cta-m.jpg);background-image:var(--cta-bg-mobile)}@media(min-width:1024px){.index-cta[data-v-532dc0d8]{background-image:var(--cta-bg-desktop)}}