@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Kumbh+Sans:wght,YOPQ@100..900,300&family=Manrope:wght@200..800&family=Rubik:ital,wght@0,300..900;1,300..900&family=Story+Script&display=swap";:root{--Purple600:#5457b6;--Pink400:#ed6468;--Purple200:#c3c4ef;--Pink200:#ffb8bb;--Grey800:#324152;--Grey500:#67727e;--Grey100:#eaecf1;--Grey50:#f5f6fa;--White:#fff;--Dark:#00000080;--fontSize:16px;--fontFamily:"Rubik", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-size:var(--fontSize);font-family:var(--fontFamily);background-color:var(--Grey50)}.container[data-v-cbe1b771]{background-color:var(--White);flex-direction:column;gap:1.5rem;width:90%;padding:1.5rem;display:flex}.userImage[data-v-cbe1b771]{width:10%}.content[data-v-cbe1b771]{color:var(--Grey500)}.userInfo[data-v-cbe1b771]{align-items:center;gap:1rem;display:flex}.interaction[data-v-cbe1b771]{justify-content:space-between;display:flex}.likeBtn[data-v-cbe1b771]{background-color:var(--Grey100);border-radius:.6rem;display:flex}.interactionBtn[data-v-cbe1b771]{background-color:var(--Grey100);border:none;border-radius:.6rem;justify-content:center;align-items:center;padding:.4rem .6rem;display:flex}.likeNum[data-v-cbe1b771]{color:var(--Purple600);padding:.4rem .6rem;font-weight:500}.miniBtn[data-v-cbe1b771]{background-color:var(--White);border:none;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.miniBtn>span[data-v-cbe1b771]{color:var(--Purple600);font-size:1rem;font-weight:700}.replies-wrapper[data-v-cbe1b771]{border-left:2px solid var(--Grey100);flex-direction:column;align-items:center;gap:1.2rem;width:95%;margin-left:5%;display:flex}.replyInputWrapper[data-v-cbe1b771]{align-items:center;gap:1.2rem;width:100%;display:flex}.replyTo[data-v-cbe1b771]{color:var(--Purple600);font-weight:500}.mainUserMark[data-v-cbe1b771]{background-color:var(--Purple600);color:var(--White);border-radius:.2rem;padding:.2rem .4rem}.editDeleteBtn[data-v-cbe1b771]{display:flex}.miniBtn>.deleteSpan[data-v-cbe1b771]{color:var(--Pink400)}.replyInput[data-v-cbe1b771]{border:1px solid var(--Grey500);resize:none;border-radius:.4rem;width:100%;padding:.8rem}.replyInput[data-v-cbe1b771]:focus{border:1px solid var(--Purple600);outline:none}.replyBtn[data-v-cbe1b771]{background-color:var(--Purple600);color:var(--White);border:none;border-radius:.4rem;width:5rem;height:2.5rem;padding:.6rem .8rem;font-size:.8rem}.redBtn[data-v-cbe1b771]{background-color:var(--Pink400)}.controlBtn[data-v-cbe1b771]{flex-direction:column;align-items:center;gap:.4rem;display:flex}.replyUserImage[data-v-cbe1b771]{align-self:flex-start;width:clamp(2rem,10%,3rem)}.doubleCheck[data-v-cbe1b771]{background-color:var(--Dark);z-index:10;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.doubleCheckContent[data-v-cbe1b771]{background-color:var(--White);border-radius:.6rem;flex-direction:column;gap:1.5rem;width:22rem;padding:1.5rem;display:flex}.doubleCheckContent>p[data-v-cbe1b771]{color:var(--Grey500)}.doubleCheckContent>h3[data-v-cbe1b771]{color:var(--Grey800)}.doubleCheckBtn>.redBtn[data-v-cbe1b771]{background-color:var(--Pink400)}.doubleCheckBtn[data-v-cbe1b771]{justify-content:space-between;display:flex}.checkBtn[data-v-cbe1b771]{width:9rem;color:var(--White);background-color:var(--Grey500);border:none;border-radius:.6rem;padding:.6rem .8rem;font-size:1rem;font-weight:700}.userImageNew[data-v-cbe1b771]{width:clamp(2rem,10%,3rem);height:clamp(2rem,10%,3rem)}@media (hover:hover){button[data-v-cbe1b771]:hover{cursor:pointer;filter:opacity(.8)}}@media (width>=1025px){.container[data-v-cbe1b771]{flex-direction:row;width:60%;padding:1.5rem;display:flex}.mainContent[data-v-cbe1b771]{flex-direction:column;gap:1.5rem;width:100%;display:flex}.mainContentHeader[data-v-cbe1b771]{justify-content:space-between;align-items:center;display:flex}.likeBtn[data-v-cbe1b771]{flex-direction:column;justify-content:center;height:6rem;padding:.4rem}.replyInput[data-v-cbe1b771]{width:100%;height:4rem}.interaction[data-v-cbe1b771]{justify-content:end;display:flex}.replies-wrapper[data-v-cbe1b771]{border-left:none;flex-direction:column;align-items:center;gap:1.2rem;width:92%;margin-left:5%;display:flex;position:relative}.replies-wrapper[data-v-cbe1b771]:before{content:"";background-color:var(--Grey100);width:2px;height:100%;position:absolute;top:0;left:15%;transform:translate(-50%)}}.container[data-v-8cebb3b2]{background-color:var(--White);flex-direction:column;gap:1.5rem;width:90%;padding:1.5rem;display:flex}.userImage[data-v-8cebb3b2]{width:10%}.content[data-v-8cebb3b2]{color:var(--Grey500)}.userInfo[data-v-8cebb3b2]{align-items:center;gap:1rem;display:flex}.interaction[data-v-8cebb3b2]{justify-content:space-between;display:flex}.likeBtn[data-v-8cebb3b2]{background-color:var(--Grey100);border-radius:.6rem;display:flex}.interactionBtn[data-v-8cebb3b2]{background-color:var(--Grey100);border:none;border-radius:.6rem;justify-content:center;align-items:center;padding:.4rem .6rem;display:flex}.likeNum[data-v-8cebb3b2]{color:var(--Purple600);padding:.4rem .6rem;font-weight:500}.miniBtn[data-v-8cebb3b2]{background-color:var(--White);border:none;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.miniBtn>span[data-v-8cebb3b2]{color:var(--Purple600);font-size:1rem;font-weight:700}.replies-wrapper[data-v-8cebb3b2]{border-left:2px solid var(--Grey100);flex-direction:column;align-items:center;gap:1.2rem;width:95%;margin-left:5%;display:flex}.replyInputWrapper[data-v-8cebb3b2]{align-items:center;gap:1.2rem;width:100%;display:flex}.replyTo[data-v-8cebb3b2]{color:var(--Purple600);font-weight:500}.mainUserMark[data-v-8cebb3b2]{background-color:var(--Purple600);color:var(--White);border-radius:.2rem;padding:.2rem .4rem}.editDeleteBtn[data-v-8cebb3b2]{display:flex}.miniBtn>.deleteSpan[data-v-8cebb3b2]{color:var(--Pink400)}.replyInput[data-v-8cebb3b2]{border:1px solid var(--Grey500);resize:none;border-radius:.4rem;width:100%;padding:.8rem}.replyInput[data-v-8cebb3b2]:focus{border:1px solid var(--Purple600);outline:none}.replyBtn[data-v-8cebb3b2]{background-color:var(--Purple600);color:var(--White);border:none;border-radius:.4rem;width:5rem;height:2.5rem;padding:.6rem .8rem;font-size:.8rem}.redBtn[data-v-8cebb3b2]{background-color:var(--Pink400)}.controlBtn[data-v-8cebb3b2]{flex-direction:column;align-items:center;gap:.4rem;display:flex}.replyUserImage[data-v-8cebb3b2]{align-self:flex-start;width:clamp(2rem,10%,3rem)}.doubleCheck[data-v-8cebb3b2]{background-color:var(--Dark);z-index:10;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.doubleCheckContent[data-v-8cebb3b2]{background-color:var(--White);border-radius:.6rem;flex-direction:column;gap:1.5rem;width:22rem;padding:1.5rem;display:flex}.doubleCheckContent>p[data-v-8cebb3b2]{color:var(--Grey500)}.doubleCheckContent>h3[data-v-8cebb3b2]{color:var(--Grey800)}.doubleCheckBtn>.redBtn[data-v-8cebb3b2]{background-color:var(--Pink400)}.doubleCheckBtn[data-v-8cebb3b2]{justify-content:space-between;display:flex}.checkBtn[data-v-8cebb3b2]{width:9rem;color:var(--White);background-color:var(--Grey500);border:none;border-radius:.6rem;padding:.6rem .8rem;font-size:1rem;font-weight:700}.userImageNew[data-v-8cebb3b2]{width:clamp(2rem,10%,3rem);height:clamp(2rem,10%,3rem)}@media (hover:hover){button[data-v-8cebb3b2]:hover{cursor:pointer;filter:opacity(.8)}}@media (width>=1025px){.container[data-v-8cebb3b2]{flex-direction:row;width:60%;padding:1.5rem;display:flex}.mainContent[data-v-8cebb3b2]{flex-direction:column;gap:1.5rem;width:100%;display:flex}.mainContentHeader[data-v-8cebb3b2]{justify-content:space-between;align-items:center;display:flex}.likeBtn[data-v-8cebb3b2]{flex-direction:column;justify-content:center;height:6rem;padding:.4rem}.replyInput[data-v-8cebb3b2]{width:100%;height:4rem}.interaction[data-v-8cebb3b2]{justify-content:end;display:flex}.replies-wrapper[data-v-8cebb3b2]{border-left:none;flex-direction:column;align-items:center;gap:1.2rem;width:92%;margin-left:5%;display:flex;position:relative}.replies-wrapper[data-v-8cebb3b2]:before{content:"";background-color:var(--Grey100);width:2px;height:100%;position:absolute;top:0;left:15%;transform:translate(-50%)}}.mainContainer[data-v-8b90d335]{flex-direction:column;align-items:center;gap:1rem;margin-top:2vh;display:flex}