.mission-cc{--mission-primary:#2fa36b;--mission-primary-hover:#29905e;--mission-primary-text:#fff;--mission-text:#1e1e1e;--mission-text-secondary:#666;--mission-text-light:#999;--mission-border:#ddd;--mission-bg:#fff;--mission-radius:6px;background:var(--mission-bg);border:1px solid var(--mission-border);border-radius:var(--mission-radius);display:flex;flex-direction:column;line-height:1.5;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.mission-cc:hover{box-shadow:0 6px 20px rgba(0,0,0,.08);transform:translateY(-2px)}.mission-cc-image-wrap{height:220px;text-decoration:none}.mission-cc-image-wrap,.mission-cc-placeholder{display:block;overflow:hidden;position:relative}.mission-cc-placeholder{background:linear-gradient(135deg,color-mix(in srgb,var(--mission-primary) 70%,#000) 0,color-mix(in srgb,var(--mission-primary) 85%,#000) 100%);height:100%;width:100%}.mission-cc-placeholder:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27%3E%3Cpath fill=%27%23fff%27 d=%27M7.25 4h1.5v8h-1.5zM4 7.25h8v1.5H4z%27/%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2716%27 height=%2716%27%3E%3Cpath fill=%27%23fff%27 d=%27M7.25 4h1.5v8h-1.5zM4 7.25h8v1.5H4z%27/%3E%3C/svg%3E");background-position:0 0,30px 30px;background-size:60px 60px;content:"";inset:0;opacity:.1;position:absolute}.mission-cc-image-wrap img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease,filter .4s ease;width:100%}.mission-cc--ended .mission-cc-image-wrap img{filter:saturate(.35)}.mission-cc:hover .mission-cc-image-wrap img{transform:scale(1.03)}.mission-cc--ended:hover .mission-cc-image-wrap img{filter:saturate(.55)}.mission-cc-tag{border-radius:3px;font-size:11px;font-weight:700;left:12px;letter-spacing:.06em;line-height:1.4;padding:4px 10px;position:absolute;text-transform:uppercase;top:12px;z-index:1}.mission-cc-tag--ending-soon{background:#c47a2a;color:#fff}.mission-cc-tag--goal-reached{background:var(--mission-text);color:#fff}.mission-cc-tag--ended{background:rgba(0,0,0,.55);color:#fff}.mission-cc-body{display:flex;flex:1;flex-direction:column;padding:20px 20px 24px}.mission-cc-title{color:var(--mission-text);font-size:18px;font-weight:700;letter-spacing:-.01em;line-height:1.3;margin-bottom:6px}.mission-cc-title a{color:inherit;text-decoration:none}.mission-cc-title a:hover{text-decoration:underline}.mission-cc-description{color:var(--mission-text-secondary);display:-webkit-box;font-size:14px;-webkit-line-clamp:2;line-height:1.55;margin-bottom:16px;-webkit-box-orient:vertical;overflow:hidden}.mission-cc-progress{margin-top:auto}.mission-cc-progress-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:6px}.mission-cc-raised{color:var(--mission-text);font-size:16px;font-weight:700}.mission-cc-goal{color:var(--mission-text-light);font-size:13px}.mission-cc-bar{background:color-mix(in srgb,var(--mission-text) 10%,transparent);border-radius:4px;height:8px;margin-bottom:12px;overflow:hidden;width:100%}@keyframes mission-cc-bar-fill{0%{width:0}to{width:var(--bar-width)}}.mission-cc-bar__fill{background:var(--mission-primary);border-radius:4px;height:100%;width:0}.is-visible>.mission-cc-bar__fill{animation:mission-cc-bar-fill 1s cubic-bezier(.25,.46,.45,.94) forwards}.mission-cc--ended .mission-cc-bar__fill{background:var(--mission-text-light)}.mission-cc-meta{align-items:center;display:flex;justify-content:space-between}.mission-cc-donors{color:var(--mission-text-secondary);font-size:13px}.mission-cc-donors strong{color:var(--mission-text);font-weight:600}.mission-cc-time{color:var(--mission-text-light);font-size:12px}.mission-cc-footer{padding:0 20px 20px}.mission-cc-btn{background:var(--mission-primary);border:none;border-radius:4px;box-sizing:border-box;cursor:pointer;display:block;font-family:inherit;font-size:14px;font-weight:600;padding:11px 16px;text-align:center;transition:background .15s ease;width:100%}.mission-cc-btn,.mission-cc-btn:hover{color:var(--mission-primary-text);text-decoration:none}.mission-cc-btn:hover{background:var(--mission-primary-hover)}@media(max-width:600px){.mission-cc-image-wrap{height:180px}.mission-cc-title{font-size:17px}}.mission-cg-grid{display:grid;gap:24px;grid-template-columns:repeat(var(--mission-cg-columns,2),1fr)}@media(max-width:1024px){.mission-cg-grid{grid-template-columns:repeat(min(var(--mission-cg-columns,2),2),1fr)}}@media(max-width:768px){.mission-cg-grid{gap:20px;grid-template-columns:1fr}}