:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;--primary-color: hsl(215, 59%, 54%);--red-primary-color: hsl(0, 40%, 52%);--button-hover: hsl(215, 30%, 70%);--secondary-color: hsl(44, 100%, 73%);--background-color: hsl(0, 0%, 93%);--dull-background: hsl(0, 0%, 96%);--font-color: hsl(0, 0%, 17%)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;background-color:var(--background-color);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{color:var(--font-color)}main{padding-top:2rem}.primary-color{color:var(--primary-color)}.global-button-effect{transition:.3s}.global-button-effect:hover{background-color:var(--button-hover);color:#fff}.input-container{display:flex;justify-content:center;flex-direction:column;margin-top:20px}.corrector-container{padding-left:10rem;padding-right:10rem}.text-areas-container{display:grid;grid-template-columns:47% 6% 47%;justify-content:center}.button-row{margin-top:16px;z-index:1}.examples-container{display:flex;flex-direction:column;gap:4px;margin-top:16px;max-height:320px;overflow-y:auto}.example-sentence{padding:8px;border-radius:8px;background-color:#fff;border:1px solid var(--primary-color);cursor:pointer}.hovered-example-sentence{background-color:var(--primary-color)}.hovered-example-sentence p{color:#fff!important}.example-sentence p{color:var(--primary-color)}.corrector-text-area{padding:16px;border-radius:8px;resize:none;color:var(--font-color);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;border:none;gap:4px;height:256px;width:100%;max-width:100%;line-height:1.5;position:relative;display:flex;flex-direction:column}.corrector-text-area .sentence{display:inline;line-height:2;margin-right:4px}.disclaimers{display:flex;flex-direction:column;gap:4px}.correct-button-and-disclaimer{display:flex;justify-content:space-between;align-items:center}.disclaimer{font-size:12px;color:var(--font-color)}.corrector-text-area.corrected-text-area{background-color:var(--dull-background)}.corrector-text-area.original-text-area{background-color:#fff;border:2px solid white}.corrector-text-area:focus{outline:none;border:2px solid var(--primary-color)}.output-container{display:grid;grid-template-columns:47% 6% 47%;justify-content:center;margin-top:16px}.sentence{padding:.2rem;height:1.4rem;cursor:pointer;border-radius:8px}.hovered-sentence{background-color:var(--secondary-color);border-radius:8px;display:flex;justify-content:center}.clicked-sentence{background-color:var(--primary-color);display:flex;justify-content:center;color:#fff}.correction-containing-sentence{border:1px solid var(--red-primary-color)}.arrow-container{display:flex;justify-content:center;align-items:center}.arrow{font-size:48px;cursor:pointer}.function-button{background-color:#fff;color:var(--primary-color);border-radius:12px;padding:10px 24px;text-align:center;justify-content:center;align-items:center;display:flex;text-decoration:none;font-size:16px;margin:4px 2px;cursor:pointer;border:1px solid var(--primary-color);height:100%}.function-button:hover{background-color:var(--button-hover);color:#fff}.correct-button{margin-left:auto;width:132px;height:3rem;background-color:var(--primary-color);color:#fff}.correct-button:hover{background-color:#fff;color:var(--primary-color)}.examples-button{margin-left:auto;width:132px;height:3rem}.tokens-container{display:flex;flex-direction:column;overflow:auto;max-width:100%;scroll-behavior:smooth;padding:2px}.tokens-outer-container,.no-comments-container{display:flex;flex-direction:column;padding:12px;border:2px solid white;border-radius:8px;animation:enlarge .4s}.tokens{display:flex;flex-direction:row;gap:8px}.token{border-radius:8px;padding:4px;text-align:center;height:32px;line-height:32px;display:flex;align-items:center;justify-content:center}.suggestions-explanations-container{display:flex;flex-direction:column;height:fit-content;width:100%;padding:16px;background-color:var(--dull-background);border-radius:8px;min-height:100%}.about-suggestions-explanations-container{min-height:0%}.token{cursor:pointer}.clicked-token,.hovered-token{color:#fff;box-shadow:0 0 0 2px #fff}.hovered-token,.hovered-token-connector{position:relative;animation:shake .5s;transform-origin:center center}.clicked-token-connector,.hovered-token-connector{box-shadow:0 0 0 2px #fff;clip-path:inset(0px -15px 0px -15px)}.suggestion-message{margin-bottom:8px;border:1px solid var(--background-color);padding:8px;border-radius:8px;line-height:1.5rem}.long-suggestion-message{max-height:128px;overflow:auto;background-color:#fff}.short-suggestion-message{background-color:#fff}.token-connector-container{background:none!important;display:flex;justify-content:center;cursor:pointer}.token-connector{width:2px;height:10px;z-index:1}.highlighted-token{background:var(--primary-color);padding:2px 3px;border-radius:2px;box-sizing:border-box}.suggestion-header{display:flex;justify-content:center;margin-bottom:8px;animation:stretch .4s}.header-token{font-size:16px;font-weight:700;background-color:#fff;padding:8px;border-radius:8px;border:1px solid var(--background-color)}.deleted-token{text-decoration:line-through}.added-token{text-decoration:underline}.token-scroll-arrow-container{background:#fff;width:40px;height:40px;display:flex;justify-content:center;align-content:center;text-align:center;align-items:center;border-radius:50%;cursor:pointer;align-self:center;margin:8px}.token-scroll-arrow{color:var(--primary-color);-webkit-user-select:none;user-select:none}.hovered-token-scroll-arrow-container{background:var(--primary-color)}.hovered-token-scroll-arrow{color:#fff}.scroll-arrows-container{display:flex;justify-content:center;align-items:center;margin:12px}.control-buttons-container{display:flex;justify-content:flex-end;gap:8px;margin-top:auto;margin-right:8px;margin-bottom:8px}.show-only-errors-container{display:flex;gap:8px;background-color:#fff;border-radius:8px;padding:8px}.copy-icon{height:24px;width:auto}.corrected-sentences{max-height:172px;overflow:auto}.loading{width:2rem;height:2rem;border-radius:50%;border:4px solid white;border-top-color:var(--primary-color);animation:loading 1s linear infinite}.corrected-text-area-bottom-row{margin-top:auto;display:flex;align-items:center;gap:8px}.copy-button{width:4rem}.copied-message{color:var(--primary-color);background-color:#fff;padding:12px;border-radius:12px;height:100%;display:flex;align-items:center}.show-long-suggestion-message-button{width:128px}.close-long-suggestion-message-button{width:16px;height:16px;border-radius:4px;font-size:8px;background-color:var(--red-primary-color);color:#fff;display:flex;justify-content:center;align-items:center;text-align:center;cursor:pointer;margin-left:auto;margin-right:8px;margin-bottom:8px}.close-long-suggestion-message-button:hover{background-color:#fff;color:var(--red-primary-color);border:1px solid var(--red-primary-color)}@keyframes loading{to{transform:rotate(360deg)}}@media screen and (max-width: 768px){.text-areas-container{grid-template-columns:1fr}.arrow{rotate:90deg;font-size:32px}.arrow-container{height:32px}.examples-button{margin-left:0}.suggestions-explanations-container{width:100%}.corrector-container{padding-left:1rem;padding-right:1rem}.corrector-text-area{height:156px}.corrected-sentences{max-height:96px;overflow:auto}.output-container{flex-direction:column;display:flex;gap:1rem}.loading{width:32px;height:32px}.copy-button{width:32px;height:32px;border-radius:8px}.corrected-text-area-bottom-row{bottom:6px}.copied-message{height:32px;display:flex;align-items:center;border-radius:8px}.button-row{display:flex}}.disabled-button{cursor:not-allowed;pointer-events:none;opacity:.4}.header-links{display:flex;gap:1rem;justify-content:center}.header-link{color:var(--primary-color);background-color:#fff;text-decoration:none;font-weight:700;padding:12px;border-radius:12px;height:48px;width:128px;display:flex;align-items:center;justify-content:center}.header-link:hover{text-decoration:none;background-color:var(--button-hover);color:#fff}header{padding-left:10rem;padding-right:10rem;display:grid;grid-template-columns:1fr 5fr 1fr;align-items:center;gap:12px;background-color:var(--primary-color)}.header-logo{height:4rem;width:auto;cursor:pointer}.router-link-active:not(.router-link-logo){background-color:var(--button-hover);color:#fff}@media screen and (max-width: 768px){header{padding-left:1rem;padding-right:1rem}.header-logo{height:3rem}.header-links{gap:8px}.header-link{padding:4px;height:40px}}.dropdown-roll-out-enter-active{animation:dropdown-roll-out .5s}.dropdown-roll-out-leave-active{animation:dropdown-roll-out .5s reverse}.slide-fade-enter-active{animation:slide-fade .5s}.slide-fade-leave-active{animation:slide-fade .5s reverse}@keyframes slide-fade{0%{transform:translate(50%);opacity:0}75%{transform:translate(-5%);opacity:1}to{transform:translate(0);opacity:1}}@keyframes shake{0%{left:0}25%{left:-1px}50%{left:1px}75%{left:-1px}to{left:0}}@keyframes slide-in-from-right{0%{transform:translate(50%)}to{transform:translate(0)}}@keyframes enlarge{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes stretch{0%{transform:scaleX(.75)}50%{transform:scaleX(1.25)}to{transform:scaleX(1)}}@keyframes dropdown-roll-out{0%{opacity:0;height:0px}to{opacity:1;height:277px}}.default-color{background-color:var(--button-hover)}.yellow{background-color:#f2d288}.green{background-color:#78b08d}.red{background-color:#ff7a7a}.brown{background-color:#c89898}.orange{background-color:#f2a288}.bright-red{background-color:#f28888}.bright-blue{background-color:#88bdf2}.bold-token{font-weight:700}.about{padding:2rem 10rem 10rem;padding-bottom:0}.about-header{font-size:1.5em;font-weight:700;margin-bottom:.5em;color:var(--primary-color)}.about-lists-container{background-color:#fff;width:fit-content;padding:24px;padding-top:1rem;border-radius:12px;margin-top:24px}.about-list-container{border:2px solid var(--dull-background);border-radius:12px;padding:0 12px;margin-bottom:24px;margin-top:8px;border-right:0px solid var(--primary-color);border-top:0px solid var(--primary-color)}.about-list{margin-top:12px;padding:0;margin-left:12px}.about-item{cursor:pointer;padding:6px;border-radius:8px;border:1px solid white}.about-item:hover{background-color:var(--dull-background);transition:.3s}.about-item::marker{color:var(--primary-color)}.main-about-row{display:grid;grid-template-columns:1fr 2fr;gap:24px}.about-suggestion-example{margin-top:24px}.about-link{color:var(--primary-color)}.active-about-item{background-color:var(--dull-background);border:1px solid var(--primary-color)}@media screen and (max-width: 768px){.about{padding:2rem}}#app{margin:0 auto;padding-top:0rem;font-weight:400}.submit-container[data-v-dbdf37dd]{display:flex;flex-direction:column;justify-content:center}.checkbox-container[data-v-dbdf37dd]{display:flex;gap:4px;justify-content:center}