@import"https://fonts.googleapis.com/css2?family=Courier+Prime:ital,wght@0,400;0,700;1,400;1,700&display=swap";body{background-color:#f1d592}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400;font-family:Courier Prime,monospace;font-style:normal;font-size:1.4em}a{text-decoration:none;color:red;transition:.4s;padding:3px}h1{font-size:4em;font-weight:700;text-transform:uppercase;margin:0;padding:5px;text-align:center;overflow-wrap:break-word;word-wrap:break-word}h2{font-size:2.1em;margin:0;padding:5px;text-align:center;font-weight:400}h3{font-size:1.8em;margin:30px 0 0;padding:5px;width:fit-content;display:inline-block}textarea{min-width:100%;min-height:200px;font-family:Courier Prime,monospace;font-size:1em;padding:10px}button{font-family:Courier Prime,monospace;font-size:1em;padding:10px 13px 8px;margin:0 0 15px 15px;vertical-align:middle}input[type=checkbox]{margin:0 4px 11px 41px;background:#fff;border-radius:1px;box-sizing:border-box;position:relative;box-sizing:content-box;width:30px;height:30px;border:1px solid #666;vertical-align:middle}label.slider-label{margin-bottom:7px;display:inline-block;vertical-align:middle}input[type=range]{margin:0 0 0 10px}.dictionary{display:flex;flex-direction:row;flex-wrap:wrap;padding:20px;background-color:#ffe5a2;border:#e1c582 1px solid}.dictionary-item{flex-basis:25%}.dictionary-item label{padding:0 3px 0 0}.dictionary-item input{width:50px;height:2em;margin:2px 10px 2px 2px;font-family:Courier Prime,monospace;font-size:1em;text-align:center}.result{margin:0;padding:20px;background-color:#ffe5a2;border:#e1c582 1px solid}.tooltip-container{position:relative;display:inline-block}.tooltip-container button{border-radius:50%;border:1px solid #999;width:1.5em;padding:.15em;vertical-align:middle;margin:0 0 0 8px}.tooltip-content{visibility:invisible;opacity:0;border:1px solid #ccc;border-radius:5%;box-shadow:5px 5px 5px 5px #0000001a}.tooltip-container:hover .tooltip-content{visibility:visible;opacity:1;position:absolute;background:#fff;padding:20px;z-index:100;width:250px;top:40px;right:-310%}@media (max-width: 767px){h1{font-size:1.7em}h2{font-size:1.2em}h3{font-size:1em}textarea{min-width:94%}input[type=range]{width:95%}input[type=checkbox]{margin:10px 4px 11px 0}.dictionary{row-gap:.4em;margin-top:10px}.dictionary-item{flex-basis:33.3%}#app{padding:.5rem}.tooltip-container{display:none}}