.unit-card-root[data-v-b6d65eec]{background-color:var(--white-color);border-radius:var(--border-radius-x10);box-shadow:var(--box-shadow);cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;transition:.2s;width:28rem}.unit-card-root[data-v-b6d65eec]:hover{box-shadow:0 5px 15px #0003}.unit-card-root>div[data-v-b6d65eec]{position:relative;width:100%}.unit-card-root .header[data-v-b6d65eec]{overflow:hidden}.unit-card-root .header .thumbnail[data-v-b6d65eec]{border:none;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.unit-card-root .body[data-v-b6d65eec]{border-top:.3rem solid rgba(0,0,0,.15);height:9.5rem;padding:var(--spacing-x3);padding-top:var(--spacing-x5);position:relative}.unit-card-root .body .subject-icon[data-v-b6d65eec]{align-items:center;background-color:var(--primary-color);border-radius:26% 74% 70% 30%/64% 30% 70% 36%;display:flex;height:5rem;justify-content:center;position:absolute;right:1rem;top:-3.5rem;width:5rem;z-index:0}.unit-card-root .body .title[data-v-b6d65eec]{color:var(--primary-darkColor);display:-webkit-box;font-weight:600;overflow:hidden;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;text-overflow:ellipsis}.unit-card-root .footer[data-v-b6d65eec]{background-color:var(--light-gray-color);display:flex;flex-wrap:wrap;gap:var(--spacing-x1);justify-content:space-between;padding:var(--spacing-x2)}.unit-card-root .footer .side[data-v-b6d65eec]{align-items:center;display:flex;gap:var(--spacing-x1)}.unit-card-root .footer .side .class-level[data-v-b6d65eec]{color:var(--secondary-color)}.unit-card-root .footer .side .subject-name[data-v-b6d65eec]{background-color:var(--primary-color);border-radius:var(--border-radius-x5);color:var(--white-color);font-size:var(--font-size-x1);font-weight:600;padding:0 var(--spacing-x1)}.unit-card-root .footer .side button[data-v-b6d65eec]{all:unset;align-items:center;color:var(--primary-extraDarkColor);cursor:pointer;display:flex;justify-content:center}.unit-card-root .footer .side button.save-to-favorite-btn[data-v-b6d65eec]:hover{color:var(--danger-color)}@media (max-width:768px){.unit-card-root[data-v-b6d65eec]{width:100%}}.newly-added-units-section-root .units-container[data-v-40b2e161]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-x4);justify-content:flex-start;position:relative;z-index:1}@media (max-width:768px){.newly-added-units-section-root .units-container[data-v-40b2e161]{display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.newly-added-units-section-root .units-container[data-v-40b2e161]{display:grid;grid-template-columns:repeat(1,1fr)}}