.mentions{position:relative;min-height:63px;padding:9px;border:1px solid #ccc;border-radius:4px;font-size:1em;line-height:1.4em;background:#23272f;color:#fff}.mentions__input{outline:none;border:none;background:transparent;width:100%;min-height:63px;color:inherit;font:inherit;resize:none}.mentions__highlighter{position:absolute;pointer-events:none;color:transparent;overflow:hidden;white-space:pre-wrap;word-wrap:break-word;width:100%;min-height:63px}.mentions__suggestions{position:absolute;background:#181a20;border:1px solid #333;border-radius:8px;z-index:100;margin-top:2px;min-width:160px;max-width:300px;box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff}.mentions__suggestions__list{list-style:none;margin:0;padding:0;max-height:200px;overflow-y:auto}.mentions__suggestions__item{padding:8px 12px;cursor:pointer;transition:background .2s}.mentions__mention,.mentions__suggestions__item--focused{background:#22c55e;color:#181a20}.mentions__mention{border-radius:4px;padding:2px 4px;margin:0 1px;font-weight:600}