[data-v-aecb295e]:root{--piaviation-primary-color-1:#032045;--piaviation-primary-color-2:#1b1e22;--piaviation-primary-color-3:#6a82a1;--piaviation-primary-color-4:#183157;--piaviation-primary-color-5:#383b3f;--piaviation-primary-color-6:#00193b;--piaviation-primary-color-7:rgba(0,25,59,.7);--piaviation-primary-color-8:#053572;--piaviation-primary-color-9:#0452b6;--piaviation-primary-color-10:#0961ba;--piaviation-primary-color-11:#2a80ff;--piaviation-primary-color-12:#044496;--piaviation-error-color-1:#d54941;--piaviation-gray-color-1:#e7e7e7;--piaviation-gray-color-2:#a5a8ab;--piaviation-gray-color-3:#f1f2f3;--piaviation-gray-color-4:#757575;--piaviation-gray-color-5:#f7f7f7;--piaviation-gray-color-6:#f7faff;--piaviation-gray-color-7:#f7f8fa;--piaviation-gray-color-8:#8f8f8f;--piaviation-gray-color-9:#edeff3;--piaviation-gray-color-10:#aeaeae;--piaviation-gray-color-11:#a2a2a2;--piaviation-gray-color-12:#f3f3f3;--piaviation-gray-color-13:#f7f7f8;--piaviation-gray-color-14:#dcdee0;--piaviation-gray-color-15:#f4f4f4;--piaviation-gray-color-16:#f5f5f5;--piaviation-white-color-1:#fff;--piaviation-white-color-2:hsla(0,0%,100%,.8);--piaviation-black-color-1:#000;--piaviation-yellow-color-1:#f78d3d;--piaviation-success-color-1:#28c959;--piaviation-error-color-1:#e34d59;--piaviation-male-color-1:#80beed;--piaviation-female-color-1:#eb7596}.comment-input-wrapper[data-v-aecb295e]{align-items:center;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;width:100%}.comment-input-wrapper .comment-input-avatar-wrapper[data-v-aecb295e]{align-self:flex-start;height:48px;width:48px}.comment-input-wrapper .comment-input-inner-wrapper[data-v-aecb295e]{background-color:#f4f4f4;border-radius:24px;height:48px;padding:14px 0 14px 16px;transition:all .2s cubic-bezier(.38,0,.24,1);width:calc(100% - 62px)}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]{background-color:transparent;border:none;font-family:inherit;font-size:14px;height:100%;line-height:20px;outline:none;padding:0;resize:none;width:100%}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::-moz-placeholder{color:var(--channel-brand-color-8);text-align:center}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::placeholder{color:var(--channel-brand-color-8);text-align:center}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::-webkit-scrollbar{width:6px}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::-webkit-scrollbar-thumb{background:var(--channel-brand-color-6);border-radius:3px}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]:focus::-moz-placeholder{text-align:left}.comment-input-wrapper .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]:focus::placeholder{text-align:left}.comment-input-wrapper.comment-inputting .comment-input-inner-wrapper[data-v-aecb295e]{background-color:#fff;border:1px solid #e2e1e1;border-radius:10px;box-shadow:0 2px 4px #0000001a;max-height:128px;min-height:96px}.comment-input-wrapper.comment-input-focus .comment-input-actions[data-v-aecb295e],.comment-input-wrapper.comment-inputting .comment-input-actions[data-v-aecb295e]{display:flex;opacity:1}.comment-input-wrapper.is-replying .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::-moz-placeholder{text-align:left}.comment-input-wrapper.is-replying .comment-input-inner-wrapper .comment-input-inner[data-v-aecb295e]::placeholder{text-align:left}.comment-input-wrapper .comment-input-actions[data-v-aecb295e]{align-items:center;display:none;height:32px;opacity:0;transition:opacity .2s cubic-bezier(.38,0,.24,1);width:100%}.comment-input-wrapper .comment-input-actions .send-button[data-v-aecb295e]{background-color:var(--channel-brand-color);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;height:32px;margin-left:auto;margin-right:5px;transition:background-color .2s cubic-bezier(.38,0,.24,1);width:60px}.comment-input-wrapper .comment-input-actions .send-button[data-v-aecb295e]:hover{background-color:var(--channel-brand-color-hover)}