*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;font-family:"DM Sans",sans-serif}html,body{min-block-size:100vh}@supports(min-block-size: 100svh){html,body{min-block-size:100svh}}@supports(min-block-size: 100dvh){html,body{min-block-size:100dvh}}html,body{background-color:#030303;color:#e4e4ef;inline-size:100%;max-inline-size:100vw}.container{min-block-size:100vh}@supports(min-block-size: 100svh){.container{min-block-size:100svh}}@supports(min-block-size: 100dvh){.container{min-block-size:100dvh}}.container{align-items:center;background-image:url("../../assets/images/bg-dark-theme.png");display:flex;flex-direction:column;inline-size:100%;margin-inline:auto;max-inline-size:90rem;padding-inline:1rem;row-gap:min(10.6666666667vw,2.5rem)}@media(min-width: 48rem){.container{padding-inline:min(4.1666666667vw,2rem)}}@media(min-width: 62rem){.container{row-gap:min(3.3333333333vw,3rem)}}.header{flex:0 0 auto;inline-size:100%;max-inline-size:61.875rem;padding-block:1rem}@media(min-width: 62rem){.header{padding-block:2rem 0}}.header__content{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.header__btn{align-items:center;background-color:#2a2b37;border:none;border-radius:.375rem;cursor:pointer;display:flex;justify-content:center;padding:.375rem}@media(min-width: 48rem){.header__btn{padding:.6875rem}}.header__btn:focus{outline:1px solid #c27cf8}.header__btn-icon{block-size:auto;max-inline-size:1.25rem}@media(min-width: 48rem){.header__btn-icon{max-inline-size:1.375rem}}.main{flex:1 1 auto;display:flex;flex-direction:column;inline-size:100%;max-inline-size:61.875rem;row-gap:2.5rem}@media(min-width: 62rem){.main{row-gap:min(3.3333333333vw,3rem)}}.title{color:#f2f2f7;font-size:clamp(2.25rem,.5rem + 8.5333333333vw,2.5rem);font-weight:700;letter-spacing:-0.0625rem;line-height:1;margin-inline:auto;max-inline-size:12ch;text-align:center}@media(min-width: 36rem){.title{font-size:clamp(3.125rem,.5rem + 7.2916666667vw,4rem)}}.form__text{background-color:#21222c;block-size:12.5rem;border:2px solid #2a2b37;border-radius:.75rem;color:#e4e4ef;font-size:1.25rem;inline-size:100%;letter-spacing:-0.0625rem;line-height:1.4;padding:1rem;font-weight:400}@media(min-width: 48rem){.form__text{padding:1.25rem}}.form__text::placeholder{color:#e4e4ef}.form__text:focus{border:2px solid #c27cf8;outline:none;box-shadow:0 0 10px 0 #d3a0fa}.form__text--error,.form__text--error:focus{border:2px solid #fe8159;box-shadow:0 0 8px 0 #fe8159}.form__warning-limit-characters{display:none}.form__warning-limit-characters--active{align-items:center;column-gap:.5rem;display:flex;padding-block-start:.75rem}.form__warning-limit-msg{color:#fe8159;font-size:1rem;font-weight:400;letter-spacing:-0.0375rem;line-height:1.4}.form__settings{display:flex;flex-direction:column;font-size:1rem;font-weight:400;justify-content:space-between;letter-spacing:-0.0375rem;line-height:1.3;padding-top:.875rem;row-gap:.75rem}@media(min-width: 48rem){.form__settings{flex-direction:row;row-gap:0}}.form__inputs{display:flex;flex-direction:column;row-gap:.75rem;column-gap:1.5rem}@media(min-width: 36rem){.form__inputs{flex-direction:row;row-gap:0}}.form__label{display:flex;align-items:center;column-gap:.625rem;padding-block:.25rem}.form__checkbox{position:absolute;opacity:0}.form__checkbox-custom{position:relative;background-color:rgba(0,0,0,0);block-size:1rem;border:1px solid #e4e4ef;border-radius:.25rem;inline-size:1rem}.form__icon-check{left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%, -50%)}.form__checkbox:checked+.form__checkbox-custom{background-color:#d3a0fa;border:1px solid #d3a0fa}.form__checkbox:focus+.form__checkbox-custom{border:1px solid #e4e4ef;outline:1px solid #c27cf8}.form__checkbox:checked+.form__checkbox-custom .form__icon-check{opacity:1}.form__input-limit-caracters{display:flex;column-gap:.625rem}.form__input{visibility:hidden;background-color:rgba(0,0,0,0);border:1px solid #404254;border-radius:.375rem;color:#fff;font-size:1rem;padding:.25rem .75rem;width:3.5rem;letter-spacing:-0.0375rem}.form__input--active{visibility:visible}.form__input:focus{border:1px solid #c27cf8;outline:none}.form__reading-time-label{padding-block:.25rem 0}.stats{inline-size:100%}.card{display:flex;flex:auto;flex-direction:column;list-style:none;padding-block-end:min(6.4vw,1.5rem);row-gap:1rem}@media(min-width: 36rem){.card{column-gap:1rem;flex-direction:row}}.card__item{background-position:115% center;background-repeat:no-repeat;background-size:contain;border-radius:.75rem;color:#030303;display:flex;flex-direction:column;justify-content:flex-start;padding:min(6.6666666667vw,1.5625rem) min(3.2vw,.75rem)}@media(max-width: 23.4375rem){.card__item{background-position:125% center}}@media(min-width: 36rem){.card__item{background-position:195% center;flex:0 1 19.9375rem;padding:min(3.2552083333vw,1.5625rem) min(1.5625vw,.75rem)}}@media(min-width: 48rem){.card__item{background-position:118% center}}.card__content{display:flex;flex-direction:column-reverse;row-gap:.5rem}.card__item--total-characters{background-color:#d3a0fa;background-image:url("../../assets/images/pattern-character-count.svg")}.card__item--word-count{background-color:#ff9f00;background-image:url("../../assets/images/pattern-word-count.svg")}.card__item--sentence-count{background-color:#fe8159;background-image:url("../../assets/images/pattern-sentence-count.svg")}.card__value{font-size:clamp(2.25rem,.5rem + 8.5333333333vw,2.5rem);font-weight:700;letter-spacing:-0.0625rem;line-height:1}@media(min-width: 36rem){.card__value{font-size:clamp(3.125rem,.5rem + 7.2916666667vw,4rem)}}.card__title{font-size:1.25rem;font-weight:400;letter-spacing:-0.0375rem;line-height:1.4}.card__title-no-space{display:none;font-size:1rem;line-height:1.3}.card__title-no-space--active{display:inline-block}.density{min-block-size:15.75rem}.density__title{font-size:1.5rem;font-weight:600;letter-spacing:-0.0625rem;line-height:1.3;padding-block-end:min(5.3333333333vw,1.25rem)}.density__no-characters{display:inline;font-size:1rem;font-weight:400;line-height:1.3}.density__no-characters--hidden{display:none;font-size:1rem;font-weight:400;line-height:1.3}.density__btn{background-color:rgba(0,0,0,0);border:none;column-gap:.5rem;cursor:pointer;display:none;color:#fff;font-size:1.25rem;font-weight:400;letter-spacing:-0.0375rem;line-height:1.4;padding-block-start:.5rem;position:relative}.density__btn--show{display:flex}.density__btn-arrow{fill:#fff;left:110%;position:absolute;top:50%;transform:translate(-50, -50);transform:rotate(0)}.density__btn-arrow--up{transform:rotate(180deg)}.chart__item{align-items:center;column-gap:.875rem;display:flex;font-size:1rem;font-weight:400;inline-size:100%;letter-spacing:-0.0375rem;line-height:1.3;padding-block-end:.75rem}.chart__title{flex-basis:1rem}.chart__bar{background-color:#21222c;block-size:1rem;border-radius:62.4375rem;flex:0 1 53.6875rem}.chart__progress-bar{background-color:#d3a0fa;block-size:100%;border-radius:62.4375rem;inline-size:var(--progress)}.chart__result{flex:auto;text-align:end;text-wrap:nowrap}.footer{flex-shrink:0;font-size:.6875rem;padding-block-end:min(2.6666666667vw,.625rem);text-align:center}.footer__link{color:#fe8159}.light-mode{background-color:#fff;color:#030303}.light-mode .container{background-image:url("../../assets/images/bg-light-theme.png")}.light-mode .header__btn{background-color:#f2f2f7}.light-mode .title{color:#030303}.light-mode .form__text{background-color:#f2f2f7;border:2px solid #e4e4ef;color:#2a2b37}.light-mode .form__text::placeholder{color:#2a2b37}.light-mode .form__checkbox-custom{border:1px solid #030303}.light-mode .form__input{color:#030303}.light-mode .density__btn-arrow{fill:#030303}.light-mode .density__btn{color:#030303}.light-mode .chart__bar{background-color:#e4e4ef}