.task-card-image{--bg-color:var(--social-color,hsla(0,0%,100%,.1));border-radius:calc(infinity * 1px);background-color:color-mix(in oklab,var(--bg-color) var(--un-bg-opacity),transparent);display:flex;aspect-ratio:1/1;align-items:center;justify-content:center;overflow:hidden}.task-card-image__img{width:100%;height:100%;display:block;object-fit:cover}.task-card-image__icon{color:color-mix(in srgb,var(--colors-white-DEFAULT) var(--un-text-opacity),transparent);width:50%;height:50%}@supports (color: color-mix(in lab,red,red)){.task-card-image__icon{color:color-mix(in oklab,var(--colors-white-DEFAULT) var(--un-text-opacity),transparent)}}.task-card{padding-inline:calc(var(--spacing) * 3);padding-block:calc(var(--spacing) * 3);border-width:1px;border-color:color-mix(in srgb,var(--colors-white-DEFAULT) 5%,transparent);border-radius:6px;background-color:color-mix(in srgb,var(--colors-gray-800) var(--un-bg-opacity),transparent);display:flex;gap:calc(var(--spacing) * 2);align-items:center;position:relative}@property --un-border-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.task-card{border-color:color-mix(in oklab,var(--colors-white-DEFAULT) 5%,transparent);background-color:color-mix(in oklab,var(--colors-gray-800) var(--un-bg-opacity),transparent)}}.task-card__img-container{flex-shrink:0;width:48px}.task-card__content{display:flex;flex:1 1 0%;flex-direction:column;gap:calc(var(--spacing) * 1);justify-content:center}.task-card__row{display:flex;gap:calc(var(--spacing) * 4);align-items:center;justify-content:space-between}.task-card__action{flex-shrink:0}.task-card__title{font-size:12px;--un-font-weight:400;font-weight:400;color:color-mix(in srgb,var(--colors-gray-300) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.task-card__title{color:color-mix(in oklab,var(--colors-gray-300) var(--un-text-opacity),transparent)}}.task-card__link{font-size:14px;--un-font-weight:400;font-weight:400;color:color-mix(in srgb,var(--colors-gray-200) var(--un-text-opacity),transparent);border-bottom-width:1px;cursor:pointer}@supports (color: color-mix(in lab,red,red)){.task-card__link{color:color-mix(in oklab,var(--colors-gray-200) var(--un-text-opacity),transparent)}}.task-card__link:hover{color:color-mix(in srgb,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.task-card__link:hover{color:color-mix(in oklab,var(--colors-primary-DEFAULT) var(--un-text-opacity),transparent)}}.task-card__link:active{color:color-mix(in srgb,var(--colors-primary-active) var(--un-text-opacity),transparent)}@supports (color: color-mix(in lab,red,red)){.task-card__link:active{color:color-mix(in oklab,var(--colors-primary-active) var(--un-text-opacity),transparent)}}.task-card__reward{font-size:14px;--un-font-weight:400;font-weight:400;display:flex;flex-shrink:0;gap:calc(var(--spacing) * 1);align-items:center}.task-card__status{font-size:12px;--un-font-weight:400;font-weight:400;color:color-mix(in srgb,var(--colors-success-DEFAULT) var(--un-text-opacity),transparent);padding-inline:8px;padding-block:4px;border-radius:calc(infinity * 1px);background-color:color-mix(in srgb,var(--colors-success-DEFAULT) 20%,transparent);display:block}@property --un-text-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}@supports (color: color-mix(in lab,red,red)){.task-card__status{color:color-mix(in oklab,var(--colors-success-DEFAULT) var(--un-text-opacity),transparent);background-color:color-mix(in oklab,var(--colors-success-DEFAULT) 20%,transparent)}}@property --un-bg-opacity{syntax:"<percentage>";inherits:false;initial-value:100%;}.task-card__action-btn.app-btn{--app-btn-padding-t:4px;--app-btn-padding-b:4px;--app-btn-padding-l:8px;--app-btn-padding-r:8px;--app-btn-spinner-size:12px}.tasks-list__item:not(:last-child){margin-bottom:calc(var(--spacing) * 2)}