body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background:#485563;background:linear-gradient(90deg,#29323c,#485563)}.work-box{-webkit-column-gap:3px;column-gap:3px;max-width:60%}.marked{background:orange;border-radius:4px;color:#000;overflow:hidden;padding:0 10px;position:relative;transition:all .3s}.tag-block{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0;padding:20px 0}.tag-button{background:#000;cursor:pointer}.tag-button:hover{background:#323232}.tag-button-active{background:orange!important;color:#000}.marked-name{align-content:center;background:#000;color:#000;color:#fff;font-size:10px;font-weight:700;margin-left:2px;padding:2px;top:0}.class-words,.marked-name{display:flex;position:relative}.class-words{flex-wrap:wrap;float:clear;gap:3px;margin:30px 0 50px}.type{background-color:#111;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;font-size:13px;padding:5px 10px;position:relative}.index-class{bottom:5%;font-size:10px;position:absolute;right:10%}.selected-type{border:1px solid orange;box-shadow:inset 0 -5px 10px -5px orange,inset 0 5px 10px -5px orange,0 0 3px 1px orange}.main-box{background:#485563;background:linear-gradient(90deg,#29323c,#485563);border-radius:10px;box-shadow:0 0 10px rgba(0,0,0,.5);color:#fff;min-width:400px;padding:20px;position:relative}.word-box{align-items:center;display:flex;font-size:18px;margin-bottom:5px}.words{background:rgba(0,0,0,.149);border:1px solid #000;border-radius:0 10px 10px 10px;-webkit-column-gap:5px;column-gap:5px;display:flex;flex-wrap:wrap;margin-bottom:40px;padding:20px 10px;position:relative}.words ::selection{background:#000;color:orange}.marked:hover .close-marked{opacity:1;right:-1px;transition:all .3s!important}.marked:hover{padding-left:3px;padding-right:17px}.close-marked:hover{color:red}.close-marked{background:#000;border-radius:5px;color:orange;cursor:pointer;font-size:13px;font-weight:700;height:110%;line-height:7px;opacity:1;padding:0 4px;position:absolute;right:-100px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s;z-index:1000}.App,.close-marked{align-items:center;display:flex}.App{justify-content:space-between;min-height:100vh}.App>*{gap:30px;margin-top:-100px;padding:10px}.action-buttons{display:flex;justify-content:space-between}.action-button{border:1px solid orange;border-radius:10px;cursor:pointer;padding:10px 15px;transition:all .2s}.action-button:hover{background:#000;color:orange}.current-level{color:orange;font-size:20px;font-weight:700;letter-spacing:3px;position:absolute;right:10px;top:10px}.prevent-select{-webkit-user-select:none;user-select:none}.sidebar{background:#000;border-radius:0 10px 10px 0;box-shadow:0 0 5px #000;min-height:400px;min-width:100px;opacity:0}.export{border:1px solid #000;border-radius:0 0 0 10px;border-top:none;position:relative;right:0}.export,.import{background:#000;box-shadow:0 0 4px #000;color:orange;cursor:pointer;margin:0!important;padding:10px 15px;position:fixed;top:0;z-index:0}.import{border:1px solid #000;border-radius:0 0 10px 0;border-top:none;left:0}.export:hover,.import:hover{background-color:orange;color:#000!important}.current-level{white-space:nowrap}.completed{color:#000;display:inline-block}.disabled-button{border-color:gray;color:gray;cursor:not-allowed}.disabled-button:hover{background:gray;border-color:#d3d3d3;color:gray}#validation-box{bottom:0;display:flex;left:50%;padding:0;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}#validation-box>*{align-items:center;background:#fff;cursor:pointer;display:flex;font-size:40px;justify-content:center;margin:0 10px;min-height:70px;min-width:70px;position:relative}.accept:hover,.deny:hover{-webkit-filter:invert(.4);filter:invert(.4)}.accept{background:#000!important;border:4px solid transparent;border-bottom:none;border-radius:5px 5px 0 0;color:#fff}.accept:before,.deny:before{bottom:110%;color:#fff;font-size:10px;left:50%;opacity:.1;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.accept:before{content:"press z"}.deny:before{content:"press x"}.deny{background:#000!important;border:4px solid transparent;border-bottom:none;border-radius:5px 5px 0 0;color:#fff}.next,.prev{position:relative}.next.disabled-button:before,.prev.disabled-button:before{opacity:0;transition:all .3s}.save{display:none}.next:before,.prev:before{bottom:110%;font-size:10px;left:50%;opacity:.1;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.next:before{content:"press Space"}.prev:before{content:"press LCtrl"}.continue-from-last{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(0,0,0,.6);bottom:0;color:#fff;display:flex;flex-flow:column;justify-content:center;left:0;position:fixed;right:0;top:0}.question{text-align:center}.question-responses{display:flex;gap:10px}.question-responses>*{border:1px solid orange;border-radius:10px;cursor:pointer;padding:10px 20px}.question-responses>:hover{background:#000;border-color:#000;color:orange}.active-accept,.active-deny{border:4px solid orange;border-bottom:none}.too-small{background:#000;bottom:0;color:orange;justify-content:center;left:0;position:fixed;right:0;text-align:center;top:0;z-index:1000}.clasification-block,.too-small{align-items:center;display:flex}.clasification{-webkit-font-feature-settings:"smcp";font-feature-settings:"smcp";border-radius:10px;box-shadow:inset 0 0 0 0 orange;cursor:pointer;font-variant:small-caps;gap:5px;margin-left:5px;padding:0 10px;position:relative;transition:all 1s}.suggestion-clasifier{-webkit-font-feature-settings:normal;font-feature-settings:normal;bottom:115%;color:#fff;font-size:10px;font-variant:normal;left:50%;opacity:.1;position:absolute;text-transform:lowercase!important;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.active-clasfier{box-shadow:inset 0 10px 10px -10px rgba(255,132,0,.631),inset 0 -10px 10px -10px rgba(255,132,0,.631)}.clasification:hover{color:#000}.adno-name{border:none;border-radius:0 0 0 10px;box-shadow:0 0 3px #000;color:orange;outline-color:#000!important;outline:none!important;right:100%;top:0}.adno-name,.speaker{background:#000;padding:5px;position:absolute}.speaker{border-radius:10px 10px 0 0;bottom:100%;color:#fff;font-size:15px;font-weight:700;left:-1px}
/*# sourceMappingURL=main.ce01044d.css.map*/