.app-textarea{position:relative;width:100%;height:197px}.app-textarea textarea{display:block;width:100%;height:100%;padding:16px;color:var(--color-text-primary);border:1px solid var(--color-input-border);border-radius:4px;background-color:var(--color-input-bg);resize:none}.app-textarea textarea:hover{border-color:var(--color-input-border-hover)}.app-textarea label{position:absolute;top:16px;left:12px;padding:0 4px;color:var(--color-input-label);background:var(--color-input-bg);-webkit-transition:.3s;transition:.3s}.app-textarea label span{position:relative}.app-textarea label i{color:var(--color-error);font-style:normal}.app-textarea label:before{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-input-bg);content:""}.app-textarea .characters-counter{position:absolute;bottom:0;right:14px;max-width:calc(100% - 29px);padding:0 4px;font-size:14px;font-weight:400;color:var(--color-input-label-typing);-webkit-transform:translateY(50%);transform:translateY(50%)}.app-textarea .characters-counter span{position:relative;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-textarea .characters-counter:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-component-bg-primary)}.app-textarea .error-message{position:absolute;bottom:100%;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:100%;font-size:14px;line-height:24px;color:var(--color-error)}.app-textarea .error-message i{display:inline-block;width:24px;height:24px}.app-textarea .error-message i:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-textarea .error-message span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-textarea.typing label{top:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:var(--color-input-label-typing)}.app-textarea.typing label i{color:inherit}.app-textarea.typing label:before{background:var(--color-component-bg-primary)}.app-textarea.typing textarea{border-color:var(--color-input-border-active)}.app-textarea.disabled{opacity:.4}.app-textarea.error label{color:var(--color-error)}.app-textarea.error textarea{color:var(--color-error);border:1px solid var(--color-input-border-error)}@media (max-width:480px){.app-textarea{font-size:14px}.app-textarea .characters-counter{font-size:12px}}.app-customer-event-log{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:24px;background-color:var(--color-component-bg-primary);-webkit-box-shadow:var(--box-shadow-secondary);box-shadow:var(--box-shadow-secondary);border-radius:4px}.app-customer-event-log .app-textarea,.app-customer-event-log .heading{margin-bottom:24px}.app-customer-event-log .btn{margin:0 auto}@media (max-width:1024px){.app-customer-event-log{padding:24px 8px}.app-customer-event-log .heading{padding:0 8px}.app-customer-event-log .app-textarea{height:168px}}@media (max-width:480px){.app-customer-event-log{padding:16px 8px 24px}.app-customer-event-log .heading{margin-bottom:16px;padding:0}.app-customer-event-log .app-textarea{height:129px}.app-customer-event-log .btn{max-width:calc(100% - 32px)}}.app-pagination{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.app-pagination .shadow{display:-webkit-box;display:-ms-flexbox;display:flex;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:48px;background-color:var(--color-pagination-page-bg);border-radius:4px;-webkit-box-shadow:var(--box-shadow-tertiary);box-shadow:var(--box-shadow-tertiary)}.app-pagination .next,.app-pagination .prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:96px;font-size:18px;line-height:24px;color:var(--color-pagination-page);cursor:pointer}.app-pagination .next .direction,.app-pagination .prev .direction{position:relative;height:24px}.app-pagination .next .direction:after,.app-pagination .prev .direction:after{position:absolute;top:1px;display:block;width:24px;height:24px;color:var(--color-pagination-page)}.app-pagination .next:hover,.app-pagination .prev:hover{color:var(--color-pagination-page-hover);background:var(--color-pagination-page-bg-hover)}.app-pagination .next:hover .direction:after,.app-pagination .prev:hover .direction:after{color:var(--color-pagination-page-hover)}.app-pagination .next:active,.app-pagination .prev:active{color:var(--color-pagination-page-active);background:var(--color-pagination-page-bg-active)}.app-pagination .next:active .direction:after,.app-pagination .prev:active .direction:after{color:var(--color-pagination-page-active)}.app-pagination .next:disabled,.app-pagination .prev:disabled{pointer-events:none}.app-pagination .next:disabled .direction,.app-pagination .prev:disabled .direction{opacity:.25}.app-pagination .prev{border-right:1px solid var(--color-pagination-border);border-radius:4px 0 0 4px}.app-pagination .prev .direction{padding-left:16px}.app-pagination .prev .direction:after{left:-9px;font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-pagination .next{border-left:1px solid var(--color-pagination-border);border-radius:0 4px 4px 0}.app-pagination .next .direction{padding-right:16px}.app-pagination .next .direction:after{right:-9px;font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-pagination .pages,.app-pagination .pages .number{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.app-pagination .pages .number{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;height:32px;font-size:18px;line-height:1.33;color:var(--color-pagination-page);background:var(--color-pagination-page-bg);border-radius:6px;cursor:pointer}.app-pagination .pages .number:hover{color:var(--color-pagination-page-hover);background-color:var(--color-pagination-page-bg-hover)}.app-pagination .pages .number.current{color:var(--color-pagination-page-active);background-color:var(--color-pagination-page-bg-active)}.app-pagination .pages .number[disabled]{opacity:.4;cursor:default;pointer-events:none}.app-pagination .pages .dots{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:32px;font-size:18px;line-height:1.33;color:var(--color-pagination-page);cursor:default}.app-pagination .pages .dots,.app-pagination .pages .number{margin-left:4px}.app-pagination .pages .dots:last-child,.app-pagination .pages .number:last-child{margin-right:4px}@media (max-width:480px){.app-pagination .next,.app-pagination .prev{font-size:14px;width:64px}.app-pagination .prev{text-align:left;padding-left:6px}.app-pagination .next{text-align:right;padding-right:6px}.app-pagination .pages{padding:0 5px}.app-pagination .pages .dots,.app-pagination .pages .number{widtH:24px;height:24px;font-size:14px;margin:0}.app-pagination .pages .dots:last-child,.app-pagination .pages .number:last-child{margin:0}}.app-comments-wrap{position:relative}.app-comments-wrap .app-pagination{margin-top:30px}.app-comments-wrap.with-pagination .app-loader{top:-8px;left:-8px;right:-8px;bottom:-8px}.app-comments{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;padding:24px;background-color:var(--color-component-bg-primary);-webkit-box-shadow:var(--box-shadow-primary);box-shadow:var(--box-shadow-primary);border-radius:4px}.app-comments,.app-comments .header{display:-webkit-box;display:-ms-flexbox;display:flex}.app-comments .header{-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:72px}.app-comments .header .heading{font-size:32px;font-weight:700;line-height:1.25;color:var(--color-text-h2)}.app-comments .header .input{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.app-comments .header .input .magnifier{position:absolute;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:48px;height:100%}.app-comments .header .input .magnifier i{width:26px;height:26px;color:var(--color-icon-search)}.app-comments .header .input .magnifier i:before{font-family:icons;font-size:26px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-comments .header .input input{width:100%;padding-left:48px;padding-right:16px;font-size:18px;line-height:24px;color:var(--color-text-default)}.app-comments .header .input input::-webkit-input-placeholder{color:var(--color-input-placeholder);opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s}.app-comments .header .input input::-moz-placeholder{color:var(--color-input-placeholder);opacity:1;-moz-transition:opacity .3s;transition:opacity .3s}.app-comments .header .input input:-ms-input-placeholder{color:var(--color-input-placeholder);opacity:1;-ms-transition:opacity .3s;transition:opacity .3s}.app-comments .header .input input:-moz-placeholder{color:var(--color-input-placeholder);opacity:1;-moz-transition:opacity .3s;transition:opacity .3s}.app-comments .header .input input:focus::-webkit-input-placeholder{opacity:0}.app-comments .header .input input:focus::-moz-placeholder{opacity:0}.app-comments .header .input input:focus:-ms-input-placeholder{opacity:0}.app-comments .header .input input:focus:-moz-placeholder{opacity:0}.app-comments .header .order{-ms-flex-negative:0;flex-shrink:0;width:24px;height:24px;cursor:pointer;color:var(--color-icon-calm)}.app-comments .header .order:before{font-family:icons;font-size:24px;font-style:normal;font-weight:400;line-height:1;content:"";text-align:center;font-variant:normal;text-transform:none;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-comments .header .order.desc{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.app-comments .comment{padding:16px 24px;border-bottom:1px solid var(--color-divider)}.app-comments .comment .info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:8px}.app-comments .comment .info .name{font-weight:700;color:var(--color-comments-primary)}.app-comments .comment .info .date{font-size:14px;color:var(--color-comments-secondary)}.app-comments .comment .text{color:var(--color-comments-primary);word-break:break-word}.app-comments .comment:last-child{border-bottom:none}@media (max-width:1024px){.app-comments{font-size:14px;line-height:24px;padding:16px 8px}.app-comments .comment{padding:15px 8px}.app-comments .header{height:40px}.app-comments .header .input{margin-left:8px}.app-comments .header .input input{font-size:16px;padding-left:30px}.app-comments .header .input .magnifier{width:32px}}@media (max-width:480px){.app-comments .header{height:32px}.app-comments .header .heading{font-size:24px}.app-comments .comment{margin:8px 0 0;padding:8px 0}}