*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}ul,ol{list-style:none}a{text-decoration:none;color:inherit}button{background:none;border:none;cursor:pointer}input,button,textarea,select{font:inherit}.container{display:flex;flex-direction:column;gap:2.5rem;align-items:center;padding-bottom:2rem;background:var(--color-bg);font-family:"DM Sans",sans-serif}.container__title{margin:0 auto;display:inline-block;width:21.438rem;text-align:center;color:var(--color-text);font-size:2.5rem;font-weight:700;letter-spacing:-1px}@media(min-width: 48rem){.container{padding-bottom:5.8125rem}.container__title{width:31.875rem;font-size:4rem}}@media(min-width: 75rem){.container{padding-bottom:4rem;gap:3rem}}.header{width:23.438rem;padding:1rem;display:flex;justify-content:space-between}.header__logo{display:inline-block;height:1.875rem;width:11.525rem}.header__theme{display:flex;justify-content:center;align-items:center;height:2rem;width:2rem;padding:.375rem;background:var(--bg-secondary);border-radius:.375rem}.header__theme--sun{display:none}.dark .header__theme--sun{display:inline-block}.dark .header__theme--moon{display:none}@media(min-width: 48rem){.header{width:48rem;padding:1.125rem 2rem}.header__logo{height:2.5rem;width:15.346rem}.header__theme{height:2.5rem;width:2.5rem;padding:.6875rem;border-radius:.5rem}}@media(min-width: 75rem){.header{width:61.875rem;margin:2rem auto 0;padding:0}}.form{display:flex;flex-direction:column;width:21.438rem;margin:0 auto}.form--error .form__words{border-color:hsl(15,99%,43%);box-shadow:0 0 .5rem hsl(15,99%,43%)}.form--error .form__words:focus-visible,.form--error .form__words:hover{border-color:hsl(15,99%,43%);outline-color:hsl(15,99%,43%)}.form--error .form__words--msg{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem}.form__words{height:21.438rem;margin-bottom:1rem;padding:.75rem;border:2px solid var(--border-color);line-height:140%;letter-spacing:-0.6px;font-size:1.25rem;color:var(--color-input-text);background:var(--bg-secondary);border-radius:.75rem}.form__words:hover{border-color:hsl(274,90%,73%)}.form__words:focus-visible{border-color:hsl(274,90%,73%);outline:1px solid hsl(274,90%,73%)}.form__words--msg{font-size:1rem;line-height:130%;letter-spacing:-0.6px;color:var(--color-secondary-text);display:none;gap:.5rem;align-items:center;margin-bottom:1rem;color:hsl(15,99%,43%)}.form__option{height:1.313rem;display:flex;align-items:center;gap:.625rem}.form__option--exclude{margin-bottom:.75rem}.form__checkbox{position:relative;height:1rem;width:1rem;display:flex;justify-content:center;align-items:center;border:.063rem solid var(--color-secondary-text);border-radius:.25rem}.form__checkbox--active{background:hsl(274,90%,80%);border-color:rgba(0,0,0,0)}.form__checkbox--active .form__checkbox--icon{display:block}.form__checkbox--icon{display:none}.form__checkbox:hover{outline-offset:2px;outline:2px solid hsl(274,90%,73%);border-color:var(--border-color);cursor:pointer}.form__label{font-size:1rem;line-height:130%;letter-spacing:-0.6px;color:var(--color-secondary-text)}.form__limit{font-size:1rem;line-height:130%;letter-spacing:-0.6px;color:var(--color-secondary-text);display:none;height:1.813rem;width:3.438rem;padding:.25rem 0 .25rem .75rem;border:.063rem solid var(--border-color-secondary);border-radius:.375rem;color:var(--counter-color);background:rgba(0,0,0,0)}.form__reading{font-size:1rem;line-height:130%;letter-spacing:-0.6px;color:var(--color-secondary-text);height:1.313rem;margin-top:.75rem}@media(min-width: 48rem){.form{width:44rem}.form__words{height:12.5rem;padding:1.25rem}.form__info{display:flex;justify-content:space-between;align-items:center}.form__options{display:flex;align-items:center}.form__option--exclude{margin:0 1.5rem 0 0}.form__reading{margin-top:0}}@media(min-width: 75rem){.form{width:61.875rem}}.counter{width:21.438rem;margin:2.5rem auto 1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.counter__info{position:relative;display:flex;flex-direction:column;gap:.5rem;height:8.125rem;width:100%;padding:1.6875rem 1.25rem;border-radius:.75rem;overflow:hidden}.counter__info--total{background:hsl(274,90%,80%)}.counter__info--subtitle{display:none;font-size:1rem;font-weight:400}.counter__info--words{background:hsl(37,100%,50%)}.counter__info--sentences{background:hsl(15,99%,67%)}.counter__info--bg{position:absolute;top:-0.625rem;right:-3.156rem}.counter__info--title,.counter__info--number{position:relative;color:var(--counter-text);z-index:5}.counter__info--number{line-height:100%;letter-spacing:-1px;font-size:2.5rem;font-weight:700}.counter__info--title{line-height:140%;letter-spacing:-0.6px;font-size:1.25rem;font-weight:400}@media(min-width: 48rem){.counter{height:9.375rem;width:44rem;flex-direction:row}.counter__info{height:100%;width:14rem;padding:1.5625rem .75rem}.counter__info--bg{top:0;right:-4.406rem}.counter__info--number{font-size:4rem}}@media(min-width: 75rem){.counter{width:61.875rem}.counter__info{width:19.958rem;padding:1.5625rem 1rem}.counter__info--bg{right:-1.886rem}}.density{width:21.438rem;margin:0 auto}.density__title{color:var(--color-text);line-height:130%;letter-spacing:-1px;font-size:1.5rem;font-weight:600}.density__empty{margin-top:1.25rem;color:var(--border-color-secondary);line-height:130%;letter-spacing:-0.6px;font-size:1rem}.density__list{margin-top:1.25rem;flex-direction:column;gap:.75rem}.density__item{display:flex;align-items:center;gap:.875rem}.density__item--letter{width:1rem}.density__item--percent{width:4.375rem;text-align:right}.density__item--letter,.density__item--percent{color:var(--color-secondary-text);line-height:130%;letter-spacing:-0.6px;font-size:1rem}.density__item--bar{height:.75rem;width:13.25rem;background:var(--bg-secondary);border-radius:3rem;overflow:hidden}.density__item--fill{height:.75rem;background:hsl(274,90%,80%);border-radius:3rem}.density__more,.density__less{display:none;align-items:center;gap:.5rem;margin-top:1.25rem;color:var(--color-secondary-text);cursor:pointer}.density__more--text,.density__less--text{line-height:140%;letter-spacing:-0.6px;font-size:1.25rem}.density__more--icon,.density__less--icon{font-size:1.3125rem}.density__less.active,.density__more.active{display:flex}@media(min-width: 48rem){.density{width:44rem}.density__item{justify-content:space-between;gap:0}.density__item--bar{width:35.813rem}}@media(min-width: 75rem){.density{width:61.875rem}.density__item--bar{width:53.688rem}}:root{--color-bg: hsl(0,0%,100%);--color-text: hsl(233,18%,19%);--color-secondary-text: hsl(233,18%,9%);--bg-secondary: hsl(240,24%,96%);--color-input-text: hsl(235,13%,19%);--border-color: hsl(240, 26%,92%);--border-color-secondary: hsl(235,13%,29%);--counter-color: hsl(233,18%,9%);--counter-text: hsl(233,18%,9%)}.dark{--color-bg: hsl(233,18%,9%);--color-text: hsl(240,24%,96%);--color-secondary-text: hsl(240,26%,92%);--bg-secondary: hsl(235,14%,15%);--color-input-text: hsl(240,26%,92%);--border-color: hsl(235, 13,19%);--border-color-secondary: hsl(235,13%,29%);--counter-color: hsl(0, 0%, 100%);--counter-text: hsl(233,18%,9%)}/*# sourceMappingURL=index.css.map */