.notifications[data-v-1a14ec37]{padding-top:1rem}.notifications-title[data-v-1a14ec37]{margin:0;font-size:2rem;color:#556490;font-weight:600}.notifications-item[data-v-1a14ec37]{display:-webkit-box;display:-ms-flexbox;display:flex;padding:1rem 1rem;background:#ebf0f7;cursor:pointer;-webkit-transition:.2s;transition:.2s;margin-bottom:.5rem;border-radius:10px}@media only screen and (max-width:767px){.notifications-item[data-v-1a14ec37]{-ms-flex-flow:wrap;flex-flow:wrap}}.notifications-item.unread[data-v-1a14ec37],.notifications-item[data-v-1a14ec37]:hover{background:#fff}.notifications-item-icon[data-v-1a14ec37]{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0;padding-top:0;-ms-flex-preferred-size:48px;flex-basis:48px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media only screen and (max-width:767px){.notifications-item-icon[data-v-1a14ec37]{width:48px}}.notifications-item-icon__img[data-v-1a14ec37]{height:36px;width:100%;-ms-flex-preferred-size:100%;flex-basis:100%;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}@media only screen and (max-width:767px){.notifications-item-icon__img[data-v-1a14ec37]{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.notifications-item-icon__img[data-v-1a14ec37]:after{content:"";display:none;position:absolute;width:1em;height:1em;font-size:9px;background:#30acf7;border-radius:50%;right:7px;top:0;-webkit-transform:translateY(-20%);transform:translateY(-20%)}.notifications-item-icon__img.active[data-v-1a14ec37]:after{display:block}.notifications-item-icon__img>img[data-v-1a14ec37]{max-height:36px;width:auto}.notifications-item-icon.lesson[data-v-1a14ec37]{color:#418bb0}.notifications-item-icon.material[data-v-1a14ec37]{color:#e16330}.notifications-item-icon.announcement[data-v-1a14ec37]{color:#5b7790}.notifications-item-content[data-v-1a14ec37]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-left:1rem;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:calc(100% - 48px);flex-basis:calc(100% - 48px);overflow:hidden}@media only screen and (max-width:767px){.notifications-item-content[data-v-1a14ec37]{width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;margin-left:3px}}.notifications-item-body[data-v-1a14ec37]{color:#5b7790;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;-ms-flex-preferred-size:auto;flex-basis:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:48px;max-width:calc(100% - 120px)}@media only screen and (max-width:767px){.notifications-item-body[data-v-1a14ec37]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;max-width:100%;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}}.notifications-item-body__title[data-v-1a14ec37]{font-weight:600}@media only screen and (max-width:767px){.notifications-item-body__title[data-v-1a14ec37]{width:100%}}.notifications-item-body__content[data-v-1a14ec37]{font-size:15px;height:23px;-ms-flex-preferred-size:auto;flex-basis:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.notifications-item-time[data-v-1a14ec37]{font-size:.9rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-negative:0;flex-shrink:0;-ms-flex-preferred-size:120px;flex-basis:120px;text-align:right}@media only screen and (max-width:767px){.notifications-item-time[data-v-1a14ec37]{width:100%;margin-left:4px;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;margin-top:.5rem}}.notifications-item-time .icon[data-v-1a14ec37]{font-size:1.1rem;margin-right:.5rem;color:#30acf7;display:none}.notifications-item-time span[data-v-1a14ec37]{color:#5b7790;font-weight:600}.notifications-item-ghost[data-v-66b98870]{background:#fff;width:100%;height:78px;border-radius:10px;margin-bottom:.5rem;position:relative;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding:0 15px}.notifications-item-ghost__icon[data-v-66b98870]{width:50px;height:50px;border-radius:50%;background:#e0e7ef;margin-right:15px}.notifications-item-ghost__txt[data-v-66b98870]{width:20%;height:17px;border-radius:17px;background:#e0e7ef}.notifications-item-ghost__date[data-v-66b98870]{margin-left:auto;width:8%;height:15px;border-radius:17px;background:#e0e7ef}.notifications-item-ghost[data-v-66b98870]:after{content:"";position:absolute;top:0;left:-350px;width:200px;height:100%;background-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(hsla(0,0%,100%,.5)),to(transparent));background-image:linear-gradient(270deg,transparent,hsla(0,0%,100%,.5),transparent);-webkit-animation-name:loadingEffect-66b98870;animation-name:loadingEffect-66b98870;-webkit-animation-delay:.3s;animation-delay:.3s;-webkit-animation-duration:2.2s;animation-duration:2.2s;-webkit-animation-timing-function:ease;animation-timing-function:ease;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-direction:normal;animation-direction:normal;z-index:2;-webkit-transform:skew(-30deg);transform:skew(-30deg)}.dark-mode .notifications-item-ghost[data-v-66b98870]:after{background-image:-webkit-gradient(linear,right top,left top,from(transparent),color-stop(rgba(0,0,0,.5)),to(transparent));background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.5),transparent)}@-webkit-keyframes loadingEffect-66b98870{0%{left:-250px}25%{left:110%}to{left:110%}}@keyframes loadingEffect-66b98870{0%{left:-250px}25%{left:110%}to{left:110%}}.page-container.notifications[data-v-66b98870]{margin-top:105px}.page-container.Notifications[data-v-66b98870]{margin-top:150px}.notifications[data-v-66b98870]{padding-top:1rem}.notifications-readall[data-v-66b98870]{color:#4442a4;cursor:pointer;font-weight:600}.notifications-header[data-v-66b98870]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding-bottom:.5rem;margin-bottom:1rem}@media only screen and (max-width:767px){.notifications-header[data-v-66b98870]{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.notifications-title[data-v-66b98870]{margin:0;font-size:2rem;color:#556490;font-weight:600}