.notifications-count-container[data-v-657c8065]{width:95%;display:flex;align-items:center;justify-content:space-between}.notifications-count-container p[data-v-657c8065]:hover{cursor:pointer;color:var(--primary-color-blue)}.notifications-count-section[data-v-657c8065]{display:flex;align-items:center}h1[data-v-657c8065]{font-weight:800;font-size:28px}.notifications-count[data-v-657c8065]{background-color:var(--primary-color-blue);color:var(--neutral-white);padding:3px 12px;border-radius:7px;margin-left:10px}.notifications-count-container p[data-v-657c8065]{color:var(--neutral-dark-grayish-blue)}.notification-posts[data-v-caa5e2b5]{width:35%;box-shadow:0 4px 20px #939dae33;padding:0 15px}.post[data-v-caa5e2b5]{margin-top:40px;margin-left:10px;padding:0 0 15px 12px}.image-text[data-v-caa5e2b5]{display:flex;align-items:flex-start;gap:15px}.image-text img[data-v-caa5e2b5]{width:50px;border-radius:50%}.image-text .repliedToImage[data-v-caa5e2b5]{cursor:pointer;border-radius:0;object-fit:cover;margin-left:auto;margin-right:50px}.name[data-v-caa5e2b5]:hover{cursor:pointer;color:var(--primary-color-blue)}.text-container[data-v-caa5e2b5]{display:flex;flex-direction:column}.text-container p[data-v-caa5e2b5]{margin:0}.message[data-v-caa5e2b5]{border:1px solid var(--neutral-light-grayish-blue-two);width:89%;padding:18px}.message[data-v-caa5e2b5]:hover{cursor:pointer;background-color:var(--neutral-light-grayish-blue-two)}.post-text-span[data-v-caa5e2b5]:hover{cursor:pointer;color:var(--primary-color-blue)}.time-spent-span[data-v-caa5e2b5]{margin:5px 0 8px}.dot[data-v-caa5e2b5]{display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:50%;margin-left:5px;background-color:var(--primary-color-red)}.notification-posts[data-v-caa5e2b5]{background-color:var(--neutral-white)}.name[data-v-caa5e2b5]{color:var(--neutral-very-dark-blue)}.post p[data-v-caa5e2b5],.post-text-span[data-v-caa5e2b5]{color:var(--neutral-dark-grayish-blue)}.group-text-span[data-v-caa5e2b5]{color:var(--primary-color-blue);cursor:pointer}.time-spent-span[data-v-caa5e2b5]{color:var(--neutral-grayish-blue)}@font-face{font-family:PlusJakartaSans;src:url(./fonts/PlusJakartaSans-VariableFont_wght.ttf) format("truetype")}:root{--primary-color-red: hsl(1, 90%, 64%);--primary-color-blue: hsl(219, 85%, 26%);--neutral-white: hsl(0, 0%, 100%);--neutral-verylight-grayish-blue: hsl(210, 60%, 98%);--neutral-light-grayish-blue-one: hsl(211, 68%, 94%);--neutral-light-grayish-blue-two: hsl(205, 33%, 90%);--neutral-grayish-blue: hsl(219, 14%, 63%);--neutral-dark-grayish-blue: hsl(219, 12%, 42%);--neutral-very-dark-blue: hsl(224, 21%, 14%)}body{font-family:PlusJakartaSans,sans-serif;margin:0}#app{display:flex;flex-direction:column;align-items:center;padding:90px 0;background-color:var(--neutral-verylight-grayish-blue)}@media screen and (max-width: 375px){#app{padding:0}.notifications-count-container{min-width:100%;padding:15px 0 0}.notifications-count-section h1{font-size:21px;margin-left:5px}.notification-posts{min-width:100%;padding:0 15px 0 35px}.text-container{width:100%}.text-container p{font-size:15.5px;width:95.5%}.text-container .message{width:79%}.post .image-text img{width:40px}.post .image-text .repliedToImage{margin-right:20px}}