*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}body{box-sizing:border-box;padding:0;margin:0;font-family:Lato,sans-serif;background-color:#c8c6cc;background-image:url(/_next/static/media/background.26242690.svg)}.header{height:7rem}.header .obg-light{background-color:hsla(0,0%,100%,.4)}.header .navbar{height:100%}.header .navbar .navbar-brand{font-size:3rem;padding-right:6rem}.header .navbar .nav-link{font-size:1.8rem}.header .navbar .search-form .form-control{width:30rem;height:4rem;font-size:1.6rem;background-color:hsla(0,0%,100%,.4)}.header .navbar .search-form .search-submit{font-size:1.6rem}.header .navbar .dropdown-menu{width:20rem;padding:0}.header .navbar .dropdown-menu li{padding:.4rem;border-bottom:1px solid #c8c6cc}.header .navbar .dropdown-menu .dropdown-item{font-size:1.6rem}.character-count__page{width:100%;margin:0;padding:0;display:flex}@media only screen and (max-width:48em){.character-count__page{flex-direction:column}}.character-count__page .writing-section{width:70%;height:calc(100vh - 7rem);border:1px solid hsla(0,0%,100%,.4)}.character-count__page .writing-section::-webkit-scrollbar{width:12px;background-color:rgba(0,0,0,.55);border-radius:10px}@media only screen and (max-width:75em){.character-count__page .writing-section{width:60%}}@media only screen and (max-width:56.25em){.character-count__page .writing-section{width:50%}}@media only screen and (max-width:48em){.character-count__page .writing-section{width:100%;height:40rem;overflow-y:scroll}}.character-count__page .writing-section .input-area{height:100%}.character-count__page .writing-section .input-area .input-text{width:100%;height:100%;background-color:hsla(0,0%,100%,.2);padding:1rem 0 0 1rem;font-size:1.6rem;border:none;outline:none;resize:none;border:1px solid hsla(0,0%,100%,.8)}.character-count__page .report-section{width:30%;height:calc(100vh - 7rem);font-size:1.8rem;border:1px solid hsla(0,0%,100%,.8);overflow-y:scroll}.character-count__page .report-section::-webkit-scrollbar{width:12px;background-color:rgba(0,0,0,.55);border-radius:10px}@media only screen and (max-width:75em){.character-count__page .report-section{width:40%;font-size:1.6rem}}@media only screen and (max-width:56.25em){.character-count__page .report-section{width:50%}}@media only screen and (max-width:48em){.character-count__page .report-section{width:100%}}.character-count__page .report-section .report-items{margin:3rem}.character-count__page .report-section .report-items .report-item{margin-bottom:1rem}.character-count__page .report-section .report-items .report-item__head{background-color:hsla(0,0%,100%,.4);height:5rem;border-top-left-radius:2rem;text-align:center;padding-top:1rem;text-transform:uppercase;font-weight:700}.character-count__page .report-section .report-items .report-item__body{background-color:hsla(0,0%,100%,.3);height:5rem;font-size:1.8rem;display:flex;align-items:center;justify-content:center}.character-count__page .report-section .report-items .report-characters{width:100%}.character-count__page .report-section .report-items .report-characters .report-item__body{width:100%;display:inline-grid;grid-template-columns:1fr 1fr 1fr}.character-count__page .report-section .report-items .report-characters .report-item__body span{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.character-count__page .report-section .report-items .report-characters .report-item__body span:not(:last-child){border-right:1px solid hsla(0,0%,100%,.8)}.character-count__page .report-section .report-items .report-word-density{width:100%}.character-count__page .report-section .report-items .report-word-density .report-item__body{width:100%;display:inline-grid;grid-template-columns:1fr 10rem 7rem;height:4rem;border-bottom:1px solid hsla(0,0%,100%,.3)}@media only screen and (max-width:75em){.character-count__page .report-section .report-items .report-word-density .report-item__body{grid-template-columns:1fr 7rem 5rem}}.character-count__page .report-section .report-items .report-word-density .report-item__body span{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.character-count__page .report-section .report-items .report-word-density .report-item__body span:first-child{justify-content:flex-start;padding-left:1rem}.character-count__page .report-section .report-items .report-word-density .report-item__body span:not(:last-child){border-right:1px solid hsla(0,0%,100%,.8)}