@import"https://fonts.googleapis.com/css2?family=Rubik&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap";@import"https://fonts.googleapis.com/css2?family=Andika&display=swap";@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500&display=swap";html{font-size:14px;box-sizing:border-box;overflow-y:scroll}::-webkit-scrollbar{width:.9rem}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background:#888}::-webkit-scrollbar-thumb:hover{background:#555}*{padding:0;margin:0;font-family:Rubik,Roboto,Noto Sans,Andika,sans-serif}.App{text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#fff}.title{font-size:2.5rem;margin:1rem;background-color:#3b71b3;color:#fff;border-radius:10px;padding:.5rem 1.5rem;cursor:default}.instructions{border:2px solid black;border-radius:10px;padding:.5rem;display:flex;flex-direction:column;width:50vw;font-size:1.2rem}.icon{width:25px;height:25px}.icon:hover{transform:scale(1.2);transition:.2s}.instructions ol{margin:1rem}.instructions ol li{margin:0 1.5rem;padding:.3rem 1rem;word-wrap:break-word}.coded{line-height:2.1rem}.title-sm{font-size:1.6rem;margin:.5rem}.align-center{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.wrapper-btns{margin:1rem;display:flex;flex-direction:row;gap:4rem}.btn{border:1.5px solid black;border-radius:.5rem;padding:.5rem 1rem;background-color:#fff;margin:.1rem;font-size:1.3rem}.btn:hover{background-color:#c8c8c8}.btn-primary{font-size:1.6rem;border:3px solid transparent;background-color:#3b71b3;color:#fff}.btn-primary:hover{border:3px solid black;background-color:#2e598d}.btn-secondary{font-size:1.6rem;background-color:#0a2445;color:#fff}.btn-secondary:hover{background-color:#040d18}.btn-example{border-radius:.5rem;padding:.5rem 1rem;border:3px solid transparent;color:#fff;white-space:nowrap}.bb{background-color:#3b71b3}.db{background-color:#0a2445}.btn-create{margin:1rem}.btn-tertiary{color:#fff;border:3px solid transparent;background-color:#466995}.btn-tertiary:hover{background-color:#365172}.btn-instruction{margin:1rem;background-color:#fff;border:2px solid black;font-size:1.3rem;border-radius:50%;padding:.5rem 1rem}.btn-instruction:hover{transform:scale(1.05);transition:.2s}@media print{.instructions,.title,.btn-create,.wrapper-btns{display:none}}@media screen and (max-width:600px){.instructions{width:80vw}}.table-title{font-size:1.6rem;margin:.5rem;font-weight:700}.wrapper-other-cons{margin:2rem;display:flex;flex-direction:row;justify-content:center;gap:2rem}.tb tr:last-child>td{border-bottom:none}.tb tr>td:last-child,.tb tr>th:last-child{border-right:none}.tb{border-spacing:0;border:1.5px solid black;border-radius:.3rem;background-color:#fff;white-space:nowrap}.tb th{border-right:solid 1.5px black;border-bottom:solid 1.5px black;font-weight:400;padding:.6rem .2rem;width:6vw;font-size:1rem}.tb td{border-right:solid 1.5px black;border-bottom:solid 1.5px black}.cell{text-align:center;height:8vh;font-size:1.3rem}.cell-header{font-size:1rem}.cell-filled{background-color:#c8c8c8}.cell-large{width:20vw;height:6vh;padding:0}@media print{.tb{page-break-after:always}.tb th{font-size:.7rem}.wrapper-other-cons{align-items:center;page-break-after:always}.cell-header{font-size:.7rem}}@media only screen and (max-width:600px){.consonant-charts{display:flex;flex-direction:column;align-items:center;width:90vw}.wrapper-other-cons{display:flex;flex-direction:column;width:90vw}.tb{overflow-x:auto;width:100%}.main-tb{overflow-x:auto;width:100%;display:block}}@media screen and (max-width:320px){.table-title{font-size:1.2rem}.tb th{padding:.1rem}.cell,.cell-large{width:1rem;height:2rem;padding:.1rem}.tb-non-pulmonic{overflow-x:auto;width:100%;display:block}}.input-letters{display:flex;flex-direction:column;justify-content:center;align-items:center;width:75vw}fieldset{width:85vw;border:none;display:flex;flex-direction:row;align-items:center;justify-content:center}.btn-ipa{min-width:25vw}input{margin:1rem;border:2px solid black;border-radius:.3rem;height:2.5rem;width:40vw;font-size:1.6rem;padding:.2rem}input:focus{transform:scale(1.05);transition:.2s}.label-letters{text-align:left;font-size:1.6rem;width:200px}@media print{.input-letters{display:none}}@media screen and (max-width:1200px){fieldset{flex-direction:column}.label-letters{text-align:center}}img{width:auto;height:60vh}.vowel{position:relative}.vowel-display{font-size:1.6rem;background-color:#fff;padding:.2rem;margin:.5rem;cursor:grab}.note{font-size:1.4rem}.empty{display:none}.close-front{position:absolute;top:4%;left:-2%}.close-mid{position:absolute;top:4%;left:42%}.close-back{position:absolute;top:4%;left:75%}.close-front-near{position:absolute;top:15%;left:22%}.close-back-near{position:absolute;top:15%;left:67%}.close-mid-front{position:absolute;top:30%;left:10%}.close-mid-center{position:absolute;top:30%;left:46%}.close-mid-back{position:absolute;top:30%;left:75%}.close-mid-near{position:absolute;top:50%;left:54%}.open-mid-front{position:absolute;top:65%;left:25%}.open-mid-mid{position:absolute;top:65%;left:55%}.open-mid-back{position:absolute;top:65%;left:76%}.open-front-near{position:absolute;top:77%;left:27%}.open-mid-near{position:absolute;top:75%;left:60%}.open-front{position:absolute;top:85%;left:35%}.open-back{position:absolute;top:85%;left:80%}@media print{.note-vowel{display:none}.vowel{margin:5rem;page-break-after:always}.vowel-display{font-size:1.2rem}img{width:80vw}}@media screen and (max-width:600px){.wrapper-vowel-chart{display:flex;flex-direction:column;align-items:center;width:90vw;margin-bottom:1rem}input{width:70vw}img{max-width:100%}}@media screen and (max-width:900px){img{max-width:100%}}