.base-html-input{border-radius:16px;display:block;overflow:hidden;position:relative;width:100%}.base-html-input--default{border:2px solid #000}.base-html-input--default .tiptap{padding:16px 32px}.base-html-input--default .base-html-input__instruments{border-bottom:2px solid #000;padding:6px}.base-html-input--flat{background:#f4f4f4}.base-html-input--flat .tiptap{padding:0 16px 16px}.base-html-input--flat .base-html-input__instruments{align-items:center;display:flex;justify-content:space-between;padding:6px}.base-html-input--error{outline:2px solid #c82323;outline-offset:0}.base-html-input__wrapper{position:relative}.base-html-input__meta{align-items:flex-start;display:flex;gap:8px;justify-content:space-between}.base-html-input__counter{flex-shrink:0;margin-left:auto;margin-top:8px;opacity:.5}.base-html-input__error{color:#c82323;display:block;font-size:12px;margin-top:8px}.base-html-input__instrument{cursor:pointer;height:36px;margin-right:6px;padding:6px;position:relative;width:36px}.base-html-input__instrument svg{height:14px;width:14px}.base-html-input__instrument-ol svg,.base-html-input__instrument-ul svg{height:18px;width:18px}.base-html-input__instrument--ai.base-html-input__instrument{align-items:center;background:#fff;border-radius:14px;color:#000;display:flex;height:28px;margin-left:auto;padding:2px 12px 2px 4px;width:auto}.base-html-input__instrument--ai.base-html-input__instrument svg{color:#cfc4ff!important;height:24px;margin-bottom:0!important;margin-right:4px;width:24px}.base-html-input__instrument--ai.base-html-input__instrument:hover{background:#fff!important}.base-html-input__instrument:after{background:#0000001a;border-radius:8px!important;content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:.2s;width:100%}.base-html-input__instrument:hover{background:transparent!important}html:not(.has-touch) .base-html-input__instrument:hover{background:transparent}.base-html-input__instrument--active:after,html:not(.has-touch) .base-html-input__instrument:hover:after{opacity:1}.base-html-input .tiptap{min-height:120px}.base-html-input .tiptap p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;height:0;opacity:.7;pointer-events:none}.base-html-input .tiptap>*+*{margin-top:.75em}.base-html-input .tiptap ol,.base-html-input .tiptap ul{margin-bottom:8px}.base-html-input .tiptap em{font-style:italic}.base-html-input .tiptap ul li{list-style:disc}.base-html-input .tiptap ol li{list-style:decimal}.base-html-input ol,.base-html-input ul{padding-left:16px}