*{padding:0px;margin:0px;border:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}a,a:link,a:visited{text-decoration:none;color:inherit}a:hover{text-decoration:none}aside,footer,header,main,nav,section{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit;background-color:transparent}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;-webkit-box-shadow:none;box-shadow:none;background-color:transparent;background:none;cursor:pointer}button:active,button:focus,input:active,input:focus{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}input[type=file]{max-width:100%}.wrapper{min-height:100vh;min-width:100%;background-color:#1c1b43;font-family:"Outfit",sans-serif;display:-webkit-box;display:-ms-flexbox;display:flex}.background-img-container{height:100vh;min-width:50%;background-image:url(../img/hero-image-text-to-speech.jpg);background-repeat:no-repeat;background-size:cover}.container{padding:2rem}.header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:2.5rem}.title{font-weight:500;color:#e3e8ef}.logo-box__logo-img{height:100%;width:100%}.textarea{font-size:1rem;font-weight:400;color:#e3e8ef;height:10.9375rem;width:100%;padding:1.25rem;border:2px solid #2e5b84;border-radius:1rem;margin-bottom:0.5rem;background-color:#1e2a52;resize:none;scrollbar-color:#e3e8ef rgba(255,255,255,0)}.textarea::-webkit-input-placeholder{font-size:1rem;font-weight:400;color:#e3e8ef}.textarea::-moz-placeholder{font-size:1rem;font-weight:400;color:#e3e8ef}.textarea:-ms-input-placeholder{font-size:1rem;font-weight:400;color:#e3e8ef}.textarea::-ms-input-placeholder{font-size:1rem;font-weight:400;color:#e3e8ef}.textarea::placeholder{font-size:1rem;font-weight:400;color:#e3e8ef}.description{font-size:0.75rem;font-weight:400;color:#e3e8ef;margin-bottom:2rem}.settings{margin-bottom:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:0.75rem}.settings__label{font-size:0.75rem;font-weight:400;color:#e3e8ef;margin-bottom:-0.25rem}.setting-group{max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:0.5rem 1.25rem;border-radius:0.75rem;background-color:#1e2a52}.setting-group__label{font-size:1rem;font-weight:400;color:#e3e8ef}.setting-group__label:after{content:"";border-right:1px solid #677489;margin:0 0.5rem}.dropdown{font-size:1rem;font-weight:400;color:#e3e8ef;position:relative;display:inline-block}.dropdown__toggle{padding:0.5rem 1rem;cursor:pointer;min-width:160px;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem}.dropdown__toggle[aria-expanded=true] img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.dropdown__menu{display:none;position:absolute;top:80%;left:0;margin-top:0.25rem;padding:1rem;list-style:none;border-radius:6px;z-index:10;width:100%;background-color:#1e2a52}.dropdown__menu--open{display:block}.dropdown__option{padding:0.5rem 1rem;cursor:pointer}.dropdown__option[aria-selected=true]{font-weight:700;text-decoration:underline;background-color:#1c1b43;border-radius:1rem}.dropdown__option:focus,.dropdown__option:hover{outline:none}.radio-btn{padding:0.5rem;border-radius:0.5rem;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-right:0.5rem}.radio-btn input{position:absolute;opacity:0;pointer-events:none}.radio-btn__label{font-size:1rem;font-weight:400;color:#e3e8ef}.radio-btn--active{background-color:#1c1b43}.button{font-size:1rem;font-weight:400;color:#e3e8ef;width:100%;padding:1rem;border-radius:1rem;text-align:center;background:linear-gradient(91deg,#6326a2 1.16%,#263fa9 100%);-webkit-box-shadow:0px 4px 8px 0px rgba(28,27,67,0.3);box-shadow:0px 4px 8px 0px rgba(28,27,67,0.3)}@media (min-width:640px) and (max-width:1024px){.wrapper{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.background-img-container{display:none}}@media (max-width:640px){.background-img-container{display:none}.container{padding:0.8rem}}