.comment{max-width:360px;min-width:240px;width:100%;padding-left:20px;padding-right:20px}@media (max-width: 1200px){.comment{max-width:960px}}.comment--fullWidth{max-width:none}.comment__commentContainer{height:480px;border:1px solid var(--color-border-low-emphasis);border-radius:16px;background-color:#08121a0a;background-color:var(--color-surface-secondary);display:flex;flex-direction:column}.comment__commentHeader{font-size:20px;font-weight:700;color:var(--color-text-high-emphasis);line-height:30px;height:64px;display:flex;align-items:center;padding-left:32px;padding-right:32px;letter-spacing:.08em}@media (max-width: 768px){.comment__commentHeader{padding-left:20px;padding-right:20px}}.comment__commentList{flex:1;overflow-y:scroll}.comment__commentItem,.comment__commentItem--admin{padding:12px 32px;display:flex;gap:8px;width:100%}@media (max-width: 768px){.comment__commentItem,.comment__commentItem--admin{padding:12px 20px}}.comment__commentItem--admin{background-color:#08121a0a;background-color:var(--color-surface-secondary)}.comment__commentItemEmpty{height:16px;margin-bottom:24px;padding-left:32px;padding-right:32px;display:grid;grid-template-columns:repeat(12,1fr);animation:blink 1.5s infinite}@media (max-width: 768px){.comment__commentItemEmpty{padding-left:20px;padding-right:20px}}.comment__commentItemEmptyText--0,.comment__commentItemEmptyText--1,.comment__commentItemEmptyText--2{background-color:#08121a14;background-color:var(--color-surface-tertiary);height:100%;border-radius:32px}@keyframes blink{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.comment__commentItemEmptyText--0{grid-column-start:1;grid-column-end:10}.comment__commentItemEmptyText--1{grid-column-start:1;grid-column-end:7}.comment__commentItemEmptyText--2{grid-column-start:1;grid-column-end:4}.comment__commentItemEmptyTime{background-color:#08121a14;background-color:var(--color-surface-tertiary);height:100%;border-radius:32px;grid-column-start:11;grid-column-end:13}.comment__commentItem--adminLabel{font-size:12px;font-weight:700;line-height:18px;letter-spacing:.08em;color:var(--color-text-low-emphasis)}.comment__commentItem--commentContainer{flex:1;display:flex;flex-direction:column;gap:8px}.comment__commentItem--comment,.comment__commentItem--good{font-size:14px;font-weight:300;line-height:21px;letter-spacing:.04em;color:var(--color-text-high-emphasis);word-wrap:anywhere;word-break:normal;line-break:strict}.comment__commentItem--good{font-size:32px;font-weight:600;line-height:41.6px}.comment__commentItem--createdAt{font-size:12px;font-weight:300;line-height:18px}.comment__commentInputContainer{display:flex;gap:16px;padding-top:20px;padding-bottom:20px}.comment__commentForm{flex:1}.comment__commentField{position:relative;height:-moz-fit-content;height:fit-content}.common__commentTextArea{font-weight:300;box-sizing:border-box;width:100%;min-height:92px;padding:12px 48px 12px 16px;margin:0;font-size:16px;line-height:1.4;color:var(--color-text-high-emphasis);background-color:#fff;background-color:var(--color-surface-primary);border:1px solid var(--color-border-medium-emphasis);border-radius:8px;outline:none;transition:box-shadow .3s;resize:none}@media (prefers-reduced-motion: reduce){.common__commentTextArea{transition:box-shadow .1ms}}.common__commentTextArea:disabled{cursor:not-allowed}.common__commentTextArea::-moz-placeholder{color:var(--color-text-disabled)}.common__commentTextArea::placeholder{color:var(--color-text-disabled)}.common__commentTextArea:focus{border-color:var(--color-border-high-emphasis);box-shadow:0 0 0 3px var(--color-focus-ambiguous)}.common__commentTextArea:focus:not(:focus-visible){border-color:var(--color-border-medium-emphasis);box-shadow:none}.common__commentTextArea--error{background-color:var(--color-surface-caution-light);border-color:var(--color-border-caution)}.common__commentSendButton{position:absolute;right:16px;bottom:12px;display:grid;align-items:center;justify-items:center;place-items:center;width:24px;height:24px;color:transparent;cursor:pointer}.common__commentGoodButton{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:flex-start}.common__commentGoodButton:disabled{pointer-events:none}.common__commentGoodButtonIcon{width:48px;height:48px;font-size:25px;text-align:center;cursor:pointer;border:1px solid var(--color-border-low-emphasis);border-radius:40px;line-height:48px;transition:.1s}.common__commentGoodButtonIcon:hover{background-color:#08121a14;background-color:var(--color-surface-tertiary)}.common__commentGoodButtonLabel{font-size:11px;color:var(--color-text-low-emphasis)}.common__commentRemainingChars{margin-top:8px;font-size:11px;font-weight:600;color:var(--color-text-low-emphasis)}.common__commentRemainingChars--error{color:var(--color-text-caution)}.common__commentFilteringChars--error{font-size:11px;font-weight:600;color:var(--color-text-caution)}