.component.donation-list{padding-top:2.5rem;padding-bottom:2.5rem}.component.donation-list:not(.campaign){margin-top:1.75rem}@media (min-width:1024px){.component.donation-list:not(.campaign){margin-top:5rem}.component.donation-list .container{display:grid;justify-content:center;grid-template-columns:85%}}.component.donation-list .container>.title{margin-bottom:.5rem;text-align:center;font-family:var(--font-palanquin);font-size:1.25rem;line-height:1.75rem;font-weight:700}@media (min-width:1024px){.component.donation-list .container>.title{font-size:1.5rem;line-height:2rem}}.component.donation-list .container .items{margin-top:2rem;margin-bottom:2rem}.component.donation-list .container .items .initial>.wrapper,.component.donation-list .container .items .load-more>.wrapper{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));justify-content:center;gap:.75rem;overflow:hidden}.component.donation-list .container .items .initial.load-more,.component.donation-list .container .items .load-more.load-more{margin-top:.75rem;display:grid;grid-template-rows:0fr;transition-property:grid-template-rows;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.25s}.component.donation-list .container .items .initial.load-more.collapsed,.component.donation-list .container .items .load-more.load-more.collapsed{grid-template-rows:1fr}.component.donation-list .container .load-more-button{display:flex;justify-content:center}.component.donation-list .container .load-more-button button{display:flex;gap:.75rem;font-weight:700}.component.donation-list .container .load-more-button button .icon{--tw-rotate:-90deg}.component.donation-list .container .load-more-button button .icon,.component.donation-list .container .load-more-button button .icon.show-less{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.component.donation-list .container .load-more-button button .icon.show-less{--tw-translate-y:0.25rem;--tw-rotate:90deg}.component.donation-list .container .load-more-button button .icon path{--tw-translate-x:0.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.component.donation-list.participant{--tw-bg-opacity:1;background-color:rgb(222 235 250/var(--tw-bg-opacity))}.component.donation-list.participant .container>.title{--tw-text-opacity:1;color:rgb(2 67 151/var(--tw-text-opacity))}.component.donation-list.participant .container .items .component.donation-item .amount p{--tw-text-opacity:1;color:rgb(18 109 226/var(--tw-text-opacity))}.component.donation-list.participant .container .load-more-button button{--tw-text-opacity:1;color:rgb(2 67 151/var(--tw-text-opacity))}.component.donation-list.participant .container .load-more-button button .icon{fill:#024397}.component.donation-list.campaign .container>.title{--tw-text-opacity:1;color:rgb(2 67 151/var(--tw-text-opacity))}.component.donation-list.campaign .container .items .component.donation-item{--tw-bg-opacity:1;background-color:rgb(240 247 255/var(--tw-bg-opacity))}.component.donation-list.campaign .container .items .component.donation-item .amount p{--tw-text-opacity:1;color:rgb(18 109 226/var(--tw-text-opacity))}.component.donation-list.campaign .container .load-more-button button{--tw-text-opacity:1;color:rgb(2 67 151/var(--tw-text-opacity))}.component.donation-list.campaign .container .load-more-button button .icon{fill:#024397}.component.donation-list.team{--tw-bg-opacity:1;background-color:rgb(230 243 245/var(--tw-bg-opacity))}.component.donation-list.team .container .items .component.donation-item .amount p,.component.donation-list.team .container .load-more-button button,.component.donation-list.team .container>.title{--tw-text-opacity:1;color:rgb(2 141 151/var(--tw-text-opacity))}.component.donation-list.team .container .load-more-button button .icon{fill:#028D97}.component.donation-list.solo{--tw-bg-opacity:1;background-color:rgb(222 235 250/var(--tw-bg-opacity))}.component.donation-item,.component.donation-list.solo .container .items .component.donation-item{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.component.donation-item{position:relative;overflow:hidden;border-radius:10px}.component.donation-item>.wrapper{align-items:center;justify-content:space-between;-moz-column-gap:1.25rem;column-gap:1.25rem;padding:1.25rem}@media (min-width:1024px){.component.donation-item>.wrapper{-moz-column-gap:2.5rem;column-gap:2.5rem}}.component.donation-item>.wrapper{display:grid}@media (min-width:1024px){.component.donation-item>.wrapper{padding-left:2.25rem;padding-right:2.25rem}}.component.donation-item>.wrapper{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}@media (min-width:1024px){.component.donation-item>.wrapper{grid-template-columns:minmax(0,3fr) minmax(0,1fr)}.component.donation-item>.wrapper .name-message{display:grid;flex-grow:1;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-content:space-between;-moz-column-gap:2.5rem;column-gap:2.5rem}}.component.donation-item>.wrapper .name-message .name{overflow:hidden}.component.donation-item>.wrapper .name-message .name p{font-family:var(--font-palanquin);font-weight:600}@media (min-width:1024px){.component.donation-item>.wrapper .name-message .name p{font-size:1.5rem;line-height:2rem}}.component.donation-item>.wrapper .name-message .name .relationship{white-space:nowrap;font-family:var(--font-palanquin);font-size:1rem;line-height:1.5rem;font-weight:400;--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}@media (min-width:1024px){.component.donation-item>.wrapper .name-message .name .relationship{font-size:1.125rem;line-height:1.75rem}}.component.donation-item>.wrapper .name-message .name .relationship{display:flex;gap:.25rem}.component.donation-item>.wrapper .name-message .name a{width:100%;overflow:hidden;text-overflow:ellipsis;text-decoration-line:underline}.component.donation-item>.wrapper .name-message .message{overflow:hidden;text-overflow:ellipsis;font-size:.875rem;line-height:1.25rem}@media (min-width:1024px){.component.donation-item>.wrapper .name-message .message{font-size:1.125rem;line-height:1.75rem}}.component.donation-item>.wrapper .amount p{text-align:right;font-family:var(--font-source-sans);font-size:26px;font-weight:700}@media (min-width:1024px){.component.donation-item>.wrapper .amount p{font-size:2.25rem;line-height:2.5rem}}.component.donation-item>.wrapper .date{white-space:nowrap;font-family:var(--font-palanquin);font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(153 153 153/var(--tw-text-opacity))}@media (min-width:1024px){.component.donation-item>.wrapper .date{font-size:1.125rem;line-height:1.75rem}}