.unit-card-root[data-v-c2e52903]{background-color:var(--white-color);border-radius:var(--border-radius-x15);box-shadow:var(--box-shadow);display:flex;flex-direction:column;gap:var(--spacing-x2);padding:var(--spacing-x3)}.unit-card-root .header[data-v-c2e52903]{display:flex;position:relative}.unit-card-root .header .edit-container[data-v-c2e52903]{left:1rem;position:absolute;top:1rem}.unit-card-root .header .loading-container[data-v-c2e52903]{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-x2);justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.unit-card-root .header .loading-container span[data-v-c2e52903]{color:var(--white-color);font-size:var(--font-size-x3);font-weight:600}.unit-card-root .progress-bar-container[data-v-c2e52903]{background-color:var(--white-color);border-radius:var(--border-radius-x15);height:.4rem;margin-top:var(--spacing-x4);position:relative;width:80%}.unit-card-root .progress-bar-container .percentage[data-v-c2e52903]{background-color:var(--secondary2-color);border-radius:var(--border-radius-x15);height:100%;left:0;position:absolute;top:0;transition:.2s linear}.unit-card-root .progress-bar-container .percentage[data-v-c2e52903]:before{bottom:100%;content:attr(data-percentage);font-size:var(--font-size-x1);position:absolute;right:-1rem}.unit-card-root img[data-v-c2e52903]{border-radius:var(--border-radius-x15);-o-object-fit:cover;object-fit:cover;width:100%}.unit-card-root .body[data-v-c2e52903]{color:var(--primary-darkColor);display:flex;flex-direction:column;gap:var(--spacing-x2)}.unit-card-root .sub-details[data-v-c2e52903]{align-items:center;background-color:var(--gray2-color);border-radius:10rem;color:var(--info-color);display:flex;font-size:var(--font-size-x1);font-weight:700;gap:var(--spacing-x2);justify-content:space-between;padding:var(--spacing-x1) var(--spacing-x2)}.unit-card-root .sub-details .subject[data-v-c2e52903]{align-items:center;display:flex;gap:var(--spacing-x1)}.unit-card-root .sub-title[data-v-c2e52903]{color:var(--info-color);font-weight:500}.unit-card-root .footer[data-v-c2e52903]{align-items:flex-end;display:flex;flex-grow:1}.unit-card-root .footer .side[data-v-c2e52903]{align-items:center;display:flex;flex-direction:row-reverse;justify-content:space-between;width:100%}.unit-card-root .footer .btn-holder[data-v-c2e52903]{background-color:var(--gray2-color);border-radius:50%;padding:var(--spacing-x1)}@media (max-width:480px){.unit-card-root[data-v-c2e52903]{width:100%}}