.red{--bg:#e96868}.green{--bg:#8fcd8c}.purple{--bg:#b593ec}.orange{--bg:#ffb347}.blue{--bg:#95ccff}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fffaf0;font-family:Helvetica,sans-serif;overflow:none}*,body{margin:0}*{padding:0}.app-container{display:flex;flex-direction:row;height:100vh;overflow:hidden;width:100vw}.output-container{align-items:center;display:flex;flex:1 1;justify-content:center;margin-bottom:1%;margin-right:1%;margin-top:1%;max-width:50%;overflow:hidden}.output-text-container{font-size:32px;font-weight:500;max-height:100%;overflow-y:auto;padding:10%}.length-disclaimer{font-family:IBM Plex Mono,monospace;font-size:20px;font-weight:700;margin-bottom:10px}.input-area{background-color:var(--bg);border-radius:5px;box-shadow:0 6px 12px -2px rgba(50,50,93,.25),0 3px 7px -3px rgba(0,0,0,.3);display:block;flex:1 1;margin-bottom:1%;margin-left:1%;margin-top:1%;overflow:hidden;transition:all .5s}.input-main{margin-top:20%}.input{margin:5% 0;overflow:hidden;width:70%}.navbar{float:left;width:100%}.nav-button{cursor:pointer;float:left;font-size:16px;margin-left:30px}.model-name{font-size:60px;width:100%}.model-name,.model-vocabulary{font-style:italic;font-weight:900}.model-vocabulary{font-size:38px}.vocabulary{font-family:IBM Plex Mono,monospace;font-size:18px;font-weight:500;margin-top:10px;width:80%}.nav-right{float:right}.input-sequence-container{width:100%}.input-label{display:inline-block;line-height:24px;padding-left:6px;position:relative;transition:all .211s;z-index:0}.input-label.label-big{color:rgba(0,0,0,.2);font-size:24px;-webkit-transform:translateY(140%);transform:translateY(140%)}input[type=text].input-sequence{background-color:transparent;border:none;border-bottom:2px solid #000;outline:none;padding:6px;position:relative;width:100%;z-index:1}.input-sequence{font-size:24px;width:90%}.notext{font-size:0}.params{display:flex;width:100%}.first{padding-right:20px}.second{padding-left:20px}.dropdown{margin:30px 0;overflow:hidden;-webkit-user-select:none;user-select:none;width:60%;z-index:2}.dropdown-button{background-color:var(--bg);border-bottom:2px solid #000;cursor:pointer;flex:1 1;font-size:18px;padding:11px 6px 6px;position:relative;transition:all .5s;z-index:2}.dropdown-option{border-bottom:2px solid transparent;cursor:pointer;margin-right:20%;padding:6px}.dropdown-option:hover{border-bottom:2px solid #000}.help-icon{margin:0 5px}.dd-label .help-popup{background-color:var(--bg);border:2px solid #000;border-radius:10px;bottom:100%;font-size:16px;margin-bottom:10px;margin-left:-6px;opacity:0;padding:5px;position:absolute;text-align:center;transition:all 211ms;transition:all .5s;width:100%;z-index:1}.dd-label:hover .help-popup{opacity:1}.menu-bar-container{border:1px solid red;height:100%;margin-top:5px;transition:all .5s}.dd-values-container{margin-left:5px;max-height:100%;overflow:hidden}.dd-values{margin-top:-100%;max-height:100%;overflow-y:hidden;transition:all .211s;z-index:1}.dd-values.show{margin-top:0;max-height:100%}.dd-label{background-color:var(--bg);font-size:13px;padding-left:6px;position:relative;transition:all .5s;z-index:2}.generate-button{border:2px solid #000;border-radius:10px;cursor:pointer;font-size:16px;height:20%;margin:30px 0;padding:16px 0;text-align:center;transition:all .211s;-webkit-user-select:none;user-select:none;width:60%}.generate-button:hover{background-color:rgba(0,0,0,.1)}.pair{height:100%}.inner-pair{display:flex;margin-left:-100%;transition:all 211ms;width:200%}.inner-pair.show{margin-left:0}.menu-container{border:1px #000;font-size:64px;font-style:italic;font-weight:900}.input-container,.menu-container{height:100%;padding:5%;width:100%}.menu-item{color:rgba(0,0,0,.3);cursor:pointer;margin-top:50px;transition:211ms;-webkit-user-select:none;user-select:none}.menu-item:hover{color:#000}.help-container{background-color:rgba(0,0,0,.3);height:100vh;position:absolute;width:100vw;z-index:3}.help,.help-container{align-items:center;display:flex;justify-content:center}.help{background-color:#fffaf0;border-radius:5px;flex-direction:column;font-size:24px;padding:20px;width:60%;z-index:4}.help h2,.help h3,.help p{margin:8px 0}
/*# sourceMappingURL=main.2d3fc78f.css.map*/