.comment-goal{background:var(--color-surface);border:1px solid var(--color-gray-9);border-radius:8px;padding:16px}.comment-goal__info{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.comment-goal__user-info{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}@media (max-width:479px){.comment-goal__user-info{flex-direction:column;align-items:flex-start}}.comment-goal__goal-img{object-fit:cover;border-radius:6px;flex-shrink:0;width:56px;height:56px;margin-top:5px}.comment-goal__user-level{color:var(--color-gray-1);font-size:12px;line-height:var(--line-height-12)}.comment-goal__user-wrapper{flex-direction:column;display:flex}.comment-goal__user-wrapper--goal{gap:8px}.comment-goal__goal-info{align-items:center;gap:8px;display:flex}@media (max-width:1199px){.comment-goal__goal-info{flex-wrap:wrap}}.comment-goal__comment-info{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:575px){.comment-goal__comment-info{flex-direction:column;align-items:flex-end}}.comment-goal__moderation-tag{flex-shrink:0}.comment-goal__date{color:var(--color-text-secondary)}.comment-goal__vertical-line{background:var(--color-gray-9);width:1px;height:16px;margin:0}@media (max-width:575px){.comment-goal__vertical-line{display:none}}.comment-goal__horizontal-line{background:var(--color-gray-9);border:none;height:1px;margin-bottom:16px}.comment-goal__text{white-space:pre-wrap;overflow-wrap:break-word;line-height:var(--line-height-14);margin-bottom:16px;font-size:14px}.comment-goal__text--blurred{filter:blur(6px);-webkit-user-select:none;user-select:none;pointer-events:none;margin-bottom:0}.comment-goal__moderation-content{margin-bottom:16px;position:relative}.comment-goal__moderation-note{z-index:1;color:var(--color-text-secondary);font-size:13px;line-height:var(--line-height-14);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:8px;display:flex;position:absolute;inset:0}.comment-goal--is-main .comment-goal__text{-webkit-line-clamp:4;line-clamp:4;white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.comment-goal__comment-images-container{min-width:0;position:relative;overflow:hidden}.comment-goal__comment-images .swiper-slide{width:auto}.comment-goal__comment-img-btn{cursor:pointer;background:0 0;border:none;padding:0;line-height:0;display:block}.comment-goal__comment-img-btn:focus-visible{outline:2px solid rgb(var(--color-primary-rgb)/40%);border-radius:8px}.comment-goal__comment-img-btn--blurred{cursor:default;pointer-events:none;border-radius:8px;overflow:hidden}.comment-goal__comment-img{object-fit:cover;border-radius:8px;width:72px;height:72px}.comment-goal__comment-img--big{width:76px;height:76px}.comment-goal__comment-img--showcase{width:160px;height:160px}.comment-goal__comment-img--blurred{filter:blur(8px);-webkit-user-select:none;user-select:none;pointer-events:none;border-radius:0}.comment-goal__comment-img:focus{outline:2px solid rgb(var(--color-primary-rgb)/40%)}.comment-goal__prev,.comment-goal__next{z-index:10;background:rgb(var(--color-white-rgb)/40%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:8px;width:24px;height:24px;padding:0;transition:opacity .3s .5s,background .2s;position:absolute;top:50%;transform:translateY(-50%)}.comment-goal__prev:active,.comment-goal__next:active{transform:translateY(-50%)}.comment-goal__prev{left:4px}.comment-goal__next{right:4px}.comment-goal__prev:hover,.comment-goal__next:hover{background:rgb(var(--color-white-rgb)/70%)}.comment-goal__prev--disabled,.comment-goal__next--disabled{opacity:0}.comment-goal__prev--hard-disabled,.comment-goal__next--hard-disabled{pointer-events:none}.comment-goal__footer{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.comment-goal__score{gap:4px;display:flex}.comment-goal__report{opacity:0;visibility:hidden;pointer-events:none;margin-left:auto;padding:8px;transition:opacity .2s,visibility .2s}@media (hover:none),(pointer:coarse){.comment-goal__report{opacity:1;visibility:visible;pointer-events:auto}}.comment-goal:hover .comment-goal__report,.comment-goal:focus-within .comment-goal__report{opacity:1;visibility:visible;pointer-events:auto}
