:root{--clr-neutral-900:#12131a;--clr-neutral-800:#21222c;--clr-neutral-700:#2a2b37;--clr-neutral-600:#404254;--clr-neutral-200:#e4f4ef;--clr-neutral-100:#f2f2f7;--clr-neutral-0:#fff;--clr-purple-400:#d3a0fa;--clr-purple-500:#c27cf8;--clr-yellow-500:#ff9f00;--clr-orange-800:#da3701;--clr-orange-500:#fe8159;--ff-sans:"DM Sans",sans-serif;--h1-size:2.5rem;--fs-lg:1.5rem;--fs-md:1.25rem;--fs-sm:1rem;--text-preset-1:normal normal 700 var(--h1-size) /100% var(--ff-sans);--text-preset-2:normal normal 600 var(--fs-lg) /130% var(--ff-sans);--text-preset-3:normal normal 400 var(--fs-md) /140% var(--ff-sans);--text-preset-4:normal normal 400 var(--fs-sm) /130% var(--ff-sans);--bg-color:var(--clr-neutral-0);--bg-image:'url("../images/bg-light-theme.png")';--btn-bg-color:var(--clr-neutral-100);--progress-bg-color:var(--clr-neutral-100);--textarea-bg:var(--clr-neutral-100);--border-color:var(--clr-neutral-200);--checkbox-border:var(--clr-neutral-900);--clr-text-primary:var(--clr-neutral-900);--clr-text-secondary:var(--clr-neutral-700);--link-text:var(--clr-orange-800);--error:var(--clr-orange-800);--transition:all 0.3s ease-in-out}@media(min-width:48em){:root{--h1-size:4rem}}[data-theme=dark]{--bg-color:var(--clr-neutral-900);--bg-image:url(/fem-character-counter/static/media/bg-dark-theme.a403337a9c3368cd0946.png);--btn-bg-color:var(--clr-neutral-700);--progress-bg-color:var(--clr-neutral-100);--textarea-bg:var(--clr-neutral-800);--border-color:var(--clr-neutral-700);--checkbox-border:var(--clr-neutral-200);--clr-text-primary:var(--clr-neutral-100);--clr-text-secondary:var(--clr-neutral-200);--link-text:var(--clr-orange-500);--error:var(--clr-orange-500)}*,:after,:before{box-sizing:inherit;margin:0;padding:0}html{font-style:normal;font-weight:400}body{position:relative}body,html{box-sizing:border-box;font-family:DM Sans,sans-serif;font-family:var(--ff-sans);margin:0;padding:0}img{display:block;height:auto;max-width:100%}.sr-only{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:.0625rem;overflow:hidden;position:absolute;white-space:nowrap;width:.0625rem}.app{background-color:#fff;background-color:var(--bg-color);background-image:'url("../images/bg-light-theme.png")';background-image:var(--bg-image);color:#12131a;color:var(--clr-text-primary);min-height:100vh;padding:1rem;transition:all .3s ease-in-out;transition:var(--transition)}.app-container{margin-inline:auto;max-width:61.875rem;width:100%}@media(min-width:48em){.app{padding-inline:2rem}}@media(min-width:64em){.app{padding:2rem}}@media(prefers-reduced-motion:reduce){.app{transition:none}}.btn{align-items:center;background:none;border:.0625rem solid #0000;cursor:pointer;display:flex;justify-content:center;margin:0;padding:0}.btn-toggle{background-color:#f2f2f7;background-color:var(--btn-bg-color);border-radius:.375rem;height:2rem;width:2rem}.btn-more{color:#12131a;color:var(--clr-text-primary);font:normal normal 400 1.25rem/140% DM Sans,sans-serif;font:var(--text-preset-3)}.btn-more svg{-webkit-margin-start:.5rem;margin-inline-start:.5rem;transform:rotate(0);transition:all .3s ease-in-out;transition:var(--transition);width:.625rem}@media(prefers-reduced-motion:reduce){.btn-more svg{transition:none}}.btn-more.open svg{transform:rotate(-180deg)}@media(min-width:48em){.btn-toggle{height:2.5rem;width:2.5rem}}.card{-webkit-padding-start:1.25rem;align-items:center;border-radius:.75rem;color:#12131a;color:var(--clr-neutral-900);display:flex;height:8.125rem;justify-content:space-between;overflow:hidden;padding-inline-start:1.25rem;position:relative}.card-container{display:flex;flex-direction:column;gap:1rem}.card-bg{position:absolute;right:-15%;top:50%;transform:translateY(-50%)}.card-bg svg{height:9.375rem;width:9.375rem}.card-body{z-index:1}.card-count{font:normal normal 700 2.5rem/100% DM Sans,sans-serif;font:var(--text-preset-1)}.card-text{font:normal normal 400 1.25rem/140% DM Sans,sans-serif;font:var(--text-preset-3)}.card-char-count{background-color:#d3a0fa;background-color:var(--clr-purple-400)}.card-word-count{background-color:#ff9f00;background-color:var(--clr-yellow-500)}.card-sentence-count{background-color:#fe8159;background-color:var(--clr-orange-500)}@media(min-width:48em){.card-container{flex-direction:row}.card-bg{right:-30%}.card{height:9.375rem;width:100%}}@media(min-width:64em){.card-bg{right:-10%}}.footer{align-items:center;display:flex;justify-content:center;padding:2rem .5rem}.attribution a:link{-webkit-padding-after:.1875rem;color:#da3701;color:var(--link-text);padding-block-end:.1875rem;position:relative;text-decoration:none}.attribution a:link:after,.attribution a:link:before{border-bottom:.125rem solid #da3701;border-bottom:.125rem solid var(--link-text);bottom:0;content:"";position:absolute;transition:all .3s ease-in-out;transition:var(--transition);width:0}@media(prefers-reduced-motion:reduce){.attribution a:link:after,.attribution a:link:before{transition:none}}.attribution a:link:before{right:50%}.attribution a:link:after{left:50%}.attribution a:link:hover:after,.attribution a:link:hover:before{width:50%}.form{width:100%}.form-group{gap:.625rem;height:1.3125rem}.form-control,.form-group{align-items:center;display:flex}.form-control{background-color:#0000;border:.0625rem solid #404254;border:.0625rem solid var(--clr-neutral-600);border-radius:.375rem;color:#2a2b37;color:var(--clr-text-secondary);font:normal normal 400 1rem/130% DM Sans,sans-serif;font:var(--text-preset-4);height:1.8125rem;justify-content:center;text-align:center;width:3.4375rem}.form-control::-webkit-inner-spin-button,.form-control::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.form-control:focus{box-shadow:0 0 .625rem 0 #c27cf8;box-shadow:0 0 .625rem 0 var(--clr-purple-500);outline:.125rem solid #c27cf8;outline:.125rem solid var(--clr-purple-500)}.form-check{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.form-check~.checkmark{align-items:center;border:.0625rem solid #12131a;border:.0625rem solid var(--checkbox-border);border-radius:.25rem;color:#0000;display:flex;height:1rem;justify-content:center;left:-1.625rem;position:absolute;top:.15625rem;transition:color .2s ease,background-color .2s ease;width:1rem}@media(prefers-reduced-motion:reduce){.form-check~.checkmark{transition:none}}.form-check:checked~.checkmark{background-color:#d3a0fa;background-color:var(--clr-purple-400);border-color:#d3a0fa;border-color:var(--clr-purple-400);color:#12131a;color:var(--clr-neutral-900)}.form-check:focus~.checkmark{background-color:#fff;background-color:var(--clr-neutral-0);outline:.125rem solid #c27cf8;outline:.125rem solid var(--clr-purple-500)}.form-check.checked:focus~.checkmark,.form-check:focus~.checkmark{box-shadow:0 0 0 .125rem #fff,0 0 0 .25rem #d3a0fa;box-shadow:0 0 0 .125rem var(--clr-neutral-0),0 0 0 .25rem var(--clr-purple-400)}.form-check.checked:focus~.checkmark{background-color:#d3a0fa;background-color:var(--clr-purple-400);outline:.125rem solid #fff;outline:.125rem solid var(--clr-neutral-0)}label{-webkit-margin-start:1.625rem;font:normal normal 400 1rem/130% DM Sans,sans-serif;font:var(--text-preset-4);margin-inline-start:1.625rem;position:relative;text-transform:capitalize}label,textarea{color:#2a2b37;color:var(--clr-text-secondary)}textarea{-webkit-margin-after:1rem;background-color:#f2f2f7;background-color:var(--textarea-bg);border:.125rem solid #e4f4ef;border:.125rem solid var(--border-color);border-radius:.75rem;font:normal normal 400 1.25rem/140% DM Sans,sans-serif;font:var(--text-preset-3);height:12.5rem;margin-block-end:1rem;overflow-y:auto;padding:1rem 1rem 0;resize:none;width:100%}textarea.error,textarea.error:focus{box-shadow:0 0 .5rem 0 #fe8159;box-shadow:0 0 .5rem 0 var(--clr-orange-500);outline:.0625rem solid #fe8159;outline:.0625rem solid var(--clr-orange-500)}textarea:focus{box-shadow:0 0 .625rem 0 #c27cf8;box-shadow:0 0 .625rem 0 var(--clr-purple-500);outline:.125rem solid #c27cf8;outline:.125rem solid var(--clr-purple-500)}textarea::placeholder{color:#2a2b37;color:var(--clr-text-secondary)}@media(min-width:48em){textarea{padding:1.25rem 1.25rem 0}}.header{-webkit-margin-after:2.5rem;align-items:center;display:flex;height:4rem;justify-content:space-between;margin-block-end:2.5rem}.header-logo{height:1.875rem}.header-logo svg{height:1.875rem;width:11.5875rem}@media(min-width:48em){.header-logo{height:2.5rem}.header-logo svg{height:2.5rem;width:15.345625rem}}@media(min-width:64em){.header{-webkit-margin-after:3rem;margin-block-end:3rem}.header,.header-logo{height:2.75rem}}.hero{align-items:center;display:flex;flex-direction:column;gap:2.5rem}.hero h1{font:normal normal 700 2.5rem/100% DM Sans,sans-serif;font:var(--text-preset-1);letter-spacing:-.0625rem;margin-inline:auto;max-width:31.875rem;text-align:center}@media(min-width:64em){.hero{gap:3rem}}.options{display:flex;flex-direction:column;gap:.75rem;justify-content:center;position:relative}@media(min-width:48em){.options{align-items:center;flex-flow:row nowrap;gap:1.5rem}.options .reading-time{-webkit-margin-start:auto;margin-inline-start:auto}}p.error{-webkit-margin-after:1rem;align-items:center;color:#da3701;color:var(--error);display:flex;font:normal normal 400 1rem/130% DM Sans,sans-serif;font:var(--text-preset-4);margin-block-end:1rem}p.error svg{-webkit-margin-end:.5rem;margin-inline-end:.5rem}.letters-container{display:flex;flex-direction:column;gap:.75rem;margin-block:1.25rem}.letters-container.mb-12{-webkit-margin-after:.75rem;margin-block-end:.75rem}.letters-slide{display:flex;flex-direction:column;gap:.75rem;max-height:0;overflow:hidden;transition:all .3s ease-in-out;transition:var(--transition)}@media(prefers-reduced-motion:reduce){.letters-slide{transition:none}}.letters-slide.open{-webkit-margin-after:1.25rem;margin-block-end:1.25rem;max-height:125rem}.letter{align-items:center;display:flex;font:normal normal 400 1rem/130% DM Sans,sans-serif;font:var(--text-preset-4);gap:.875rem;justify-content:space-between}.letter-char{text-transform:uppercase;width:1rem}.letter-count{flex-shrink:0;text-align:right;width:5.625rem}.progress-container{background-color:#f2f2f7;background-color:var(--progress-bg-color);border-radius:.625rem;height:.75rem;overflow:hidden;width:100%}.progress-bar{background-color:#c27cf8;background-color:var(--clr-purple-500);border-radius:.625rem;height:100%;transition:all .3s ease-in-out;transition:var(--transition);width:0}@media(prefers-reduced-motion:reduce){.progress-bar{transition:none}}main{display:flex;flex-direction:column;gap:2.5rem}
/*# sourceMappingURL=main.af4e0c09.css.map*/