.comment-hint{display:none}@media (min-width: 768px){.comment-hint{display:block;text-align:center;z-index:1055;left:0;background:#fff;max-width:40px;border:1px solid #D1D5DB;padding:12px 9px;font-weight:700;color:#6b7280;position:sticky;top:50%;float:left}}.comment-wrapper{padding-top:32px;display:flex;flex-direction:column;row-gap:12px;background-color:#fff}.comment-wrapper[v-cloak]{display:none}.comment-wrapper .comment-header{display:flex;column-gap:16px;row-gap:8px}@media (max-width: 767px){.comment-wrapper .comment-header{flex-direction:column}}.comment-wrapper .comment-avatars-wrapper{display:flex;column-gap:4px;margin-left:auto}.comment-wrapper .comment-avatars-wrapper .avatar-wrapper{width:24px;height:24px}.comment-wrapper .comment-avatars-wrapper .user-avatar-letter{font-size:12px}.comment-wrapper .comment-form{display:flex;flex-direction:column;row-gap:12px}.comment-wrapper textarea{background-color:#f9fafb;border:none;resize:none;font-size:14px;padding:12px 8px}.comment-wrapper .error-msg{font-size:16px;color:#f16c5d}.comment-wrapper .commented-item{padding-top:20px;padding-bottom:20px;display:flex;flex-direction:column;row-gap:8px;font-size:14px;border-width:1px 0;border-color:#d1d5db;border-style:solid;margin-top:-1px}.comment-wrapper .commented-item.child{margin-left:40px}.comment-wrapper .commented-item .commented-item-header .user-avatar-letter{font-size:16px}.comment-wrapper .commented-item .commented-item-footer{text-align:right}