#word-counter-wrapper{display:flex;justify-content:space-between;flex-wrap:wrap}#word-counter-wrapper .result-area-wrapper,#word-counter-wrapper .text-area-wrapper{flex-basis:49%}#word-counter-wrapper .text-area-wrapper textarea{width:100%;height:60vh;padding:5px;background:var(--black-1)}.wrapper-result{display:flex}.span-result{color:var(--yellow);font-size:16px;line-height:24px;margin-left:6px}#table-char-frequency table{border:none}#table-char-frequency tbody{display:flex;flex-direction:column;flex-wrap:wrap;max-height:60vh;border:none}#table-char-frequency tr{border:1px solid #333;width:max-content}#table-char-frequency .td-char,#table-char-frequency .td-count{padding:0 3px;border:none}#table-char-frequency .td-char{color:#fff}#table-char-frequency .td-count{color:var(--yellow)}#btn-wrapper{flex-basis:100%;display:flex;justify-content:flex-end;padding:6px 0;margin:var(--space-1) 0}#btn-clear{margin-left:auto}@media screen and (max-width:768px){#word-counter-wrapper{flex-wrap:nowrap;gap:10px}#word-counter-wrapper .text-area-wrapper{flex-basis:58%}#word-counter-wrapper .result-area-wrapper{flex-basis:38%}}