.commentWrapper{display:flex;justify-content:flex-start;align-items:flex-start;width:100%;height:calc(100% - 3.75rem);z-index:4}.commentInputBox{background-color:var(--gray-color-222);border-radius:var(--curved);padding:0 1rem;margin-bottom:1.25rem}.commentInputBox textarea{padding:0;height:auto!important;background-color:transparent}.commentInputBox textarea:focus{border:none}.commentProfile{cursor:pointer}.commentProfileImage{display:inline-block;min-width:2.25rem;width:2.25rem;height:2.25rem;border:var(--border-white-2);border-radius:var(--circle)}.commentProfileImage img{width:100%;height:100%;object-fit:cover}.commentWriter{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.2}.commentWriteDate{color:var(--gray-color-666);font-size:.875rem;font-weight:400;line-height:1.2}.commentText{color:var(--text-color);font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:-.002px;white-space:pre-wrap}.commentText a{font-weight:700;text-decoration:underline}.commentInteractionButton{width:-moz-fit-content;width:fit-content;color:var(--gray-color-666);font-size:.875rem;font-weight:400;line-height:1.2;text-decoration:none}.replyInputBox{background-color:var(--gray-color-222);border-radius:var(--curved);padding:0 1rem;margin-top:.625rem}.replyInputBox input{padding:0;background-color:transparent}.replyInputBox input:focus{border:none}.replyWriter{color:var(--text-color);font-size:1rem;font-weight:500;line-height:1.2}.replyDate{color:var(--gray-color-666);font-size:.875rem;font-weight:400;line-height:1.2}.replyText{color:var(--text-color);font-size:1rem;font-weight:400;line-height:1.4;letter-spacing:-.002px}@media screen and (min-width:768px){.commentWrapper{position:relative;bottom:unset;flex-direction:column;height:auto;background-color:transparent;z-index:2}}