.task-card{background:#fff;border:.0625rem solid #e5e7eb;border-radius:.5rem;flex-direction:column;height:100%;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 .25rem .75rem #0000001a}.task-card:hover{border-color:#445bfe4d;transform:translateY(-.25rem);box-shadow:0 .625rem .9375rem -.1875rem #0000001a}.task-card:active{transform:translateY(-.125rem)}.task-card{border-radius:.5rem;padding:.5rem}.task-card:hover{box-shadow:0 .25rem .375rem -.0625rem #0000001a}.task-card-image{-o-object-fit:cover;object-fit:cover;border:.0625rem solid #0000000d;border-radius:.25rem;width:7.5rem;height:7.5rem;margin:0 auto;display:block}.task-card-body{flex-direction:column;flex:1;align-items:center;gap:.125rem;margin-top:.5rem;line-height:1.2;display:flex}.task-card-name{text-align:center;color:#111827;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;width:100%;font-size:.875rem;font-weight:700;display:-webkit-box;overflow:hidden}.task-card-type{color:#11182766;text-align:center;margin:.25rem 0;font-size:.75rem;font-weight:400;line-height:1}.task-card-price{color:#111827;text-align:center;font-size:.875rem;font-weight:700}.task-image-container{background:#f3f4f6;flex-shrink:0;justify-content:center;align-items:center;width:100%;height:8.75rem;display:flex;position:relative;overflow:hidden}@media (min-width:768px){.task-image-container{height:10rem}}.task-image{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;display:block}.task-category-badge{color:#fff;text-transform:uppercase;letter-spacing:.03125rem;background-color:#0009;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;position:absolute;top:.5rem;left:.5rem}.task-id-display{color:#11182766;opacity:.6;font-size:.75rem;position:absolute;bottom:.25rem;right:.25rem}.task-info-bar{background-color:#00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:.25rem;min-height:2.75rem;padding:.25rem .5rem;display:flex}@media (min-width:768px){.task-info-bar{gap:.5rem;min-height:3.125rem;padding:.5rem 1rem}}.task-reward-info{color:#445bfe;white-space:nowrap;align-items:baseline;gap:.125rem;font-weight:600;display:flex}.task-reward-info .reward-symbol{font-size:.875rem}.task-reward-info .reward-amount{font-size:1rem}@media (min-width:768px){.task-reward-info .reward-symbol{font-size:.875rem}.task-reward-info .reward-amount{font-size:1rem}}.task-title-text{color:#111827;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.875rem;font-weight:700;overflow:hidden}.task-info-icon{color:#445bfe;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;padding:.25rem;transition:background-color .2s;display:flex}.task-info-icon:hover{background-color:#445bfe1a}.task-info-icon svg{width:1rem;height:1rem}@media (min-width:768px){.task-info-icon{width:2rem;height:2rem}.task-info-icon svg{width:1.25rem;height:1.25rem}}.task-action-btn{color:#fff;text-align:center;white-space:nowrap;background-color:#445bfe;border:none;width:100%;padding:.25rem .5rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:background-color .2s;display:block}.task-action-btn:hover{background-color:#3648e0}@media (min-width:768px){.task-action-btn{padding:.5rem 1rem;font-size:.875rem}}