.document-card-root[data-v-42e8e994]{background-color:var(--white-color);box-shadow:var(--box-shadow);flex-direction:column;gap:var(--spacing-x2);padding:var(--spacing-x3)}.document-card-root[data-v-42e8e994],.document-card-root .header[data-v-42e8e994]{border-radius:var(--border-radius-x15);display:flex;position:relative}.document-card-root .header[data-v-42e8e994]{background-color:var(--gray2-color);min-height:14rem;overflow:hidden}.document-card-root .header .ai-icon[data-v-42e8e994]{position:absolute;right:.5rem;top:.5rem;z-index:1}.created-by-me .header[data-v-42e8e994]:after{background-color:var(--blue-color);color:var(--white-color);content:attr(data-document-type);filter:drop-shadow(0 .3rem .3rem rgba(0,0,0,.3));font-size:var(--font-size-x1);font-weight:600;left:-4.5rem;position:absolute;text-align:center;top:2rem;transform:rotate(-45deg);width:15rem}.document-card-root .thumbnail-container[data-v-42e8e994]{display:flex;position:relative;width:100%}.document-card-root .thumbnail[data-v-42e8e994]{align-items:center;background-image:url(../images/file-thumbnail.png);background-position:50%;background-size:cover;border-radius:var(--border-radius-x15);display:flex;height:100%;justify-content:center;width:100%}.document-card-root[data-status=failed] .thumbnail[data-v-42e8e994],.document-card-root[data-status=pending] .thumbnail[data-v-42e8e994]{filter:grayscale(100%)}.document-card-root[data-status=failed] .thumbnail-container[data-v-42e8e994]:after{color:var(--danger-color);content:"حدث خطأ ما أثناء الانشاء !!";font-size:var(--font-size-x1);padding:var(--spacing-x1);width:85%}.document-card-root[data-status=failed] .thumbnail-container[data-v-42e8e994]:after,.document-card-root[data-status=pending] .header[data-v-42e8e994]:after{background-color:var(--white-color);border-radius:10rem;filter:drop-shadow(0 .2rem .2rem rgba(0,0,0,.2));font-weight:700;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.document-card-root[data-status=pending] .header[data-v-42e8e994]:after{animation:animtionEffect-42e8e994 2s ease-in-out infinite;color:var(--primary-color);content:"جاري الانشاء..";font-size:var(--font-size-x2);width:80%}@keyframes animtionEffect-42e8e994{0%,to{transform:translate(-50%,-40%)}50%{transform:translate(-50%,-50%)}}.document-card-root .header .edit-container[data-v-42e8e994]{left:1rem;position:absolute;top:1rem}.document-card-root .header .loading-container[data-v-42e8e994]{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%}.document-card-root .header .loading-container span[data-v-42e8e994]{color:var(--white-color);font-size:var(--font-size-x3);font-weight:600}.document-card-root .progress-bar-container[data-v-42e8e994]{background-color:var(--white-color);border-radius:var(--border-radius-x15);height:.4rem;margin-top:var(--spacing-x4);position:relative;width:80%}.document-card-root .progress-bar-container .percentage[data-v-42e8e994]{background-color:var(--secondary2-color);border-radius:var(--border-radius-x15);height:100%;left:0;position:absolute;top:0;transition:.2s linear}.document-card-root .progress-bar-container .percentage[data-v-42e8e994]:before{bottom:100%;content:attr(data-percentage);font-size:var(--font-size-x1);position:absolute;right:-1rem}.document-card-root img[data-v-42e8e994]{border-radius:var(--border-radius-x15);-o-object-fit:cover;object-fit:cover;width:100%}.document-card-root .body[data-v-42e8e994]{color:var(--primary-darkColor);display:flex;flex-direction:column;gap:var(--spacing-x2)}.document-card-root .sub-details[data-v-42e8e994]{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)}.document-card-root .sub-details .subject[data-v-42e8e994]{align-items:center;display:flex;gap:var(--spacing-x1)}.document-card-root .sub-title[data-v-42e8e994]{color:var(--info-color);font-weight:500}.document-card-root .date-text[data-v-42e8e994]{color:var(--info-color);font-size:var(--font-size-x1)}.document-card-root .footer[data-v-42e8e994]{align-items:flex-end;display:flex;flex-direction:row-reverse;flex-grow:1;gap:var(--spacing-x2);justify-content:space-between}.document-card-root .footer .side[data-v-42e8e994]{align-items:center;display:flex;gap:var(--spacing-x1);width:100%}.document-card-root .footer .side[data-v-42e8e994]:first-child{justify-content:flex-end}.document-card-root .footer .btn-holder[data-v-42e8e994]{background-color:var(--gray2-color);border-radius:50%;padding:var(--spacing-x1)}.document-card-root .usage-count[data-v-42e8e994]{align-items:flex-end;color:var(--primary-darkColor);display:flex;font-size:var(--font-size-x1);gap:var(--spacing-x1);line-height:1}@media (max-width:480px){.document-card-root[data-v-42e8e994]{width:100%}}.assignment-card-root[data-v-f9e8e5ef]{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);position:relative}.created-by-me .header[data-v-f9e8e5ef]:after{background-color:var(--blue-color);color:var(--white-color);content:"مهمتي";filter:drop-shadow(0 .3rem .3rem rgba(0,0,0,.3));font-size:var(--font-size-x1);font-weight:600;left:-4.5rem;position:absolute;text-align:center;top:2rem;transform:rotate(-45deg);width:15rem}.assignment-card-root .header[data-v-f9e8e5ef]{display:flex;overflow:hidden;position:relative}.assignment-card-root .header .loading-container[data-v-f9e8e5ef]{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%}.assignment-card-root .header .loading-container span[data-v-f9e8e5ef]{color:var(--white-color);font-size:var(--font-size-x3);font-weight:600}.assignment-card-root .progress-bar-container[data-v-f9e8e5ef]{background-color:var(--white-color);border-radius:var(--border-radius-x15);height:.4rem;margin-top:var(--spacing-x4);position:relative;width:80%}.assignment-card-root .progress-bar-container .percentage[data-v-f9e8e5ef]{background-color:var(--secondary2-color);border-radius:var(--border-radius-x15);height:100%;left:0;position:absolute;top:0;transition:.2s linear}.assignment-card-root .progress-bar-container .percentage[data-v-f9e8e5ef]:before{bottom:100%;content:attr(data-percentage);font-size:var(--font-size-x1);position:absolute;right:-1rem}.assignment-card-root .thumbnail-container[data-v-f9e8e5ef]{display:flex;position:relative;width:100%}.assignment-card-root .thumbnail[data-v-f9e8e5ef]{border-radius:var(--border-radius-x15);-o-object-fit:cover;object-fit:cover;width:100%}.assignment-card-root[data-status=failed] .thumbnail-container[data-v-f9e8e5ef]:after{background-color:var(--white-color);border-radius:10rem;color:var(--danger-color);content:"حدث خطأ ما أثناء إنشاء المهمة !!";font-size:var(--font-size-x1);font-weight:700;left:50%;padding:var(--spacing-x1);position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:85%}.assignment-card-root[data-status=failed] .thumbnail[data-v-f9e8e5ef]{filter:hue-rotate(140deg)}.assignment-card-root .body[data-v-f9e8e5ef]{color:var(--primary-darkColor);display:flex;flex-direction:column;gap:var(--spacing-x2)}.assignment-card-root .sub-details[data-v-f9e8e5ef]{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)}.assignment-card-root .sub-details .subject[data-v-f9e8e5ef]{align-items:center;display:flex;gap:var(--spacing-x1)}.assignment-card-root .sub-title[data-v-f9e8e5ef]{color:var(--info-color);font-weight:500}.assignment-card-root .date-text[data-v-f9e8e5ef]{color:var(--info-color);font-size:var(--font-size-x1)}.assignment-card-root .footer[data-v-f9e8e5ef]{align-items:flex-end;display:flex;flex-direction:row-reverse;flex-grow:1;gap:var(--spacing-x2)}.assignment-card-root .footer .side[data-v-f9e8e5ef]{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:var(--spacing-x1)}.assignment-card-root .footer .side[data-v-f9e8e5ef]:first-child{flex-direction:row-reverse}.assignment-card-root .footer .btn-holder[data-v-f9e8e5ef]{background-color:var(--gray2-color);border-radius:50%;padding:var(--spacing-x1)}.assignment-card-root .usage-count[data-v-f9e8e5ef]{align-items:flex-end;color:var(--primary-darkColor);display:flex;font-size:var(--font-size-x1);gap:var(--spacing-x1);line-height:1}@media (max-width:480px){.assignment-card-root[data-v-f9e8e5ef]{width:100%}}