*{box-sizing:border-box;padding:0;margin:0;font-family:"Source Sans 3",sans-serif}html,body{height:100%}body{color:#fff;background-color:#222427}#page{width:100%;height:100%;overflow:hidden}#header{width:100%;height:auto;padding:10px;background-color:#181b27;text-align:center}#content{width:100%;height:100%;display:flex;flex-direction:column;gap:20px;z-index:1;padding:32px}#description{width:100%;height:auto;padding:10px;border:none;border-radius:20px;display:flex;flex-direction:column;gap:5px}.container{max-height:330px;width:100%;height:auto;background-color:#37393d;padding:20px;border:none;border-radius:20px;overflow-x:hidden;display:flex;flex-direction:column;flex-wrap:wrap;z-index:1}#input-form{width:100%;display:flex;flex-direction:column}#text-field{width:100%;height:30px;padding:15px;margin-top:20px;margin-bottom:20px;border:none;border-radius:15px;outline:none}#output-result{padding:10px 120px;min-height:138px;max-height:138px;margin-top:15px;margin-bottom:15px;background-color:#656566;display:flex;align-content:flex-start;justify-content:center;flex-wrap:wrap;z-index:1;overflow-x:hidden;overflow-y:scroll}#red{color:#ff4545}#blue{color:#22a3ff}#green{color:#2dbf00}.example-text{margin-top:8px;margin-left:12px;color:#ecdebe;opacity:90%}button{width:95%;padding:8px;border:none;border-radius:12px;cursor:pointer;align-self:center}button:hover{background-color:#d4dde6}.token-container{height:40px;position:relative;transition:75ms ease-in-out}.token-container:hover{color:#fb0;background-color:#2b2c30}.tokens,.green,.blue,.red{width:auto;font-size:28px;padding:10px;position:relative;z-index:1;cursor:default}.red{color:#ff5b5b}.red:hover{color:#f10}.blue{color:#22a3ff}.blue:hover{color:#0080ff}.green{color:#2dbf00}.green:hover{color:#2fa50b}.confidence-score-container{width:152px;position:absolute;z-index:9;color:#fff;background-color:#15162b;border:none;border-radius:5px;padding:6px;top:45px;left:-10px}