.donation-list-hader{background:#000;margin:-44px calc(48% - 50vw) 0;padding:44px calc(48vw - 50%);background-image:url(/donation/donation_list_header_bg.png);background-size:auto 100%;background-position:top;background-repeat:repeat;display:flex;flex-direction:column;align-items:center;gap:32px;line-height:1.5}.donation-list-hader .image{max-width:323px;width:100%}.donation-list-hader .image image{width:100%}.donation-list-hader .title{color:#1a9fa7;font-weight:700;font-size:32px}.donation-list-hader .description{font-size:24px;white-space:pre-line;text-align:center;padding:0 20px}.donation-list-hader .ratio{display:flex}.donation-list{width:100%;display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.donation-item{display:flex;flex-direction:column;background-color:#fff;overflow:hidden;cursor:pointer}.donation-image-container{width:100%;height:200px;overflow:hidden}.donation-image{width:100%;height:100%;object-fit:contain}.donation-content{background-color:#f3f7fc;padding:10px;text-align:center;flex:1 1}.donation-name{font-size:16px;font-weight:700;text-align:left;color:#28619d}.donation-error,.donation-loading{display:flex;justify-content:center;align-items:center;height:300px;font-size:18px}.donation-error{color:#e74c3c}.donation-list-swiper{width:100%;position:relative;position:unset;--swiper-navigation-size:22px}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item{border:1px solid #cfcfcf;border-radius:10px;flex-direction:row;align-items:center;gap:10px}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item .donation-image-container{width:200px;height:200px}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item .donation-content{background-color:unset;padding:unset;min-height:unset}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item .donation-content .donation-name{color:inherit}.donation-list-swiper .swiper-button-next,.donation-list-swiper .swiper-button-prev{width:50px;height:50px;text-align:center;color:#b8b8b8;margin-top:unset;transform:translateY(-50%)}@media screen and (max-width:1024px){.donation-list-swiper{width:100%;padding:unset;margin:unset}.donation-list-swiper .swiper-wrapper{display:grid;grid-template-columns:1fr 1fr;transform:unset!important;grid-gap:10px 0;gap:10px 0}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item{padding:10px;flex-wrap:wrap;justify-content:center;height:100%}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item .donation-image-container{width:100%;height:auto;max-width:150px}.donation-list-swiper .swiper-wrapper .swiper-slide .donation-item .donation-content{min-width:min(100%,150px)}.donation-list-swiper .swiper-button-next,.donation-list-swiper .swiper-button-prev{display:none}}