.app{background-color:#e6e6e6;box-shadow:0 0 10px 5px rgba(0,0,0,.25);color:#fff;display:flex;flex-direction:column;margin:0 auto;min-height:100%;width:1440px}.header{overflow:hidden;padding:56px 223px 118px;position:relative}.header:before{background-color:#7f548d;bottom:0;-webkit-clip-path:ellipse(closest-side farthest-side);clip-path:ellipse(closest-side farthest-side);content:"";height:510%;left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:200%}.logo{height:85px;position:absolute;-webkit-transform:translateY(0);transform:translateY(0);width:85px;z-index:2}.logo:hover{opacity:70%}.logo:active{opacity:30%}.logo__image{height:auto;width:100%}.header__title{color:#fff;font-family:PT Mono,New Courier,serif;font-size:48px;font-weight:700;line-height:48px;margin:4px auto 0;position:relative;text-align:center;width:634px;z-index:2}.footer{background-color:#7f548d;padding:40px 44px 36px}.footer__container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.social{margin-left:2px}.social__list{display:flex;flex-wrap:wrap;justify-content:flex-end;list-style-type:none;margin:0;padding:0}.social__item{margin:10px 13px}.social__link{display:block;height:40px;position:relative;width:40px}.social__icon{fill:#fff;height:auto;left:50%;pointer-events:none;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}.social__link:hover .social__icon{fill:#db9fef}.social__link:active .social__icon{fill:#5f2b70}.navigation{margin-right:5px}.navigation__list{display:flex;list-style-type:none;margin:0;padding:0}.navigation__item{margin-right:23px}.navigation__item:first-child{margin-left:13px}.navigation__link{color:#fff;font-size:24px;line-height:31px}.navigation__link:hover{color:#db9fef}.navigation__link:active{color:#5f2b70}.copyright{font-size:20px;line-height:26px;margin:10px 0 0;text-align:center}.error{color:#ff0f0f;font-size:18px;line-height:22px;margin-bottom:25px;text-align:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader{align-self:center;font-size:16px;line-height:21px;margin:0;position:relative}.loader:after{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;background-color:transparent;border:2px solid;border-radius:50%;border-top:5px solid transparent;content:"";height:21px;margin-left:10px;position:absolute;top:0;width:21px}.load-voice-label{background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px;text-align:center;width:252px}.load-voice-label:hover{background-color:#a66bb9}.load-voice-label:active{background-color:#a041c1}.load-voice-label[disabled]{background-color:#a18fa7}.recognition__wrap{display:flex;justify-content:space-between}.recognition__submit{background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px;text-align:center;width:252px}.recognition__submit:hover{background-color:#a66bb9}.recognition__submit:active{background-color:#a041c1}.recognition__submit[disabled]{background-color:#a18fa7}.recognition__container{margin-bottom:25px;padding-top:61px;position:relative}.recognition__invalid{color:#ff0f0f}.recognition__invalid,.recognition__loader{align-self:center;font-size:16px;left:0;line-height:21px;margin:0 0 0 10px;position:absolute;top:20px}.recognition__result{background-color:#e9e9e9;border-radius:12px;font-size:20px;line-height:26px;min-height:247px;padding:12px 28px 17px 20px;width:100%}.recognition__download{background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;display:block;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px;text-align:center;text-decoration:none;width:252px}.recognition__download:hover{background-color:#a66bb9}.recognition__download:active{background-color:#a041c1}.recognition__download[disabled]{background-color:#a18fa7}.recognition__download--disabled{background-color:#a18fa7;cursor:default;pointer-events:none}.load-text-label{background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px;text-align:center;width:252px}.load-text-label:hover{background-color:#a66bb9}.load-text-label:active{background-color:#a041c1}.load-text-label[disabled],input[type=file][disabled]~label{background-color:#a18fa7}input[type=file]:focus~label{outline:auto}.player{align-self:center;background-color:#e9e9e9;border-radius:30px;width:333px}.textarea-container{grid-area:2/1/3/-1;height:300px;position:relative}.textarea{background-color:#e9e9e9;border:none;border-radius:12px;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:400;height:100%;line-height:26px;padding:12px 20px;resize:none;width:100%}.textarea[disabled]{opacity:.9}.label-placeholder{background-color:transparent;font-family:PT Sans Caption,sans-serif;font-size:20px;left:20px;line-height:26px;pointer-events:none;position:absolute;top:12px;transition:max-width .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms;transition:transform .2s cubic-bezier(0,0,.2,1) 0ms,max-width .2s cubic-bezier(0,0,.2,1) 0ms,-webkit-transform .2s cubic-bezier(0,0,.2,1) 0ms}.label-placeholder--offset,.textarea:active+.label-placeholder,.textarea:focus+.label-placeholder{font-size:16px;line-height:20px;max-width:200px;-webkit-transform:translateY(-30px);transform:translateY(-30px)}.textarea[disabled]+.label-placeholder{opacity:.9}.textarea__clear{background-color:transparent;background-image:url(/static/media/clear-button.a92c119ebb5c29e59f1b.svg);background-position:50%;background-repeat:no-repeat;border:none;border-radius:50%;cursor:pointer;height:32px;padding:0;position:absolute;right:26px;top:12px;width:32px}.textarea__clear:hover{opacity:60%}.textarea__clear:active{opacity:30%}.select{align-items:center;align-self:right;display:flex;justify-content:flex-end;margin-left:auto;position:relative;width:262px}.select:after{background-image:url(/static/media/triangle-icon.ae9b677fe2bf1a522235.svg);background-position:50%;background-repeat:no-repeat;content:"";height:26px;pointer-events:none;position:absolute;right:27px;top:17px;width:26px}.select-control{-webkit-appearance:none;appearance:none;background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px 17px 17px 28px;text-align:center;text-align:left;width:100%}.select-control:hover{background-color:#a66bb9}.select-control:active{background-color:#a041c1}.select-control[disabled]{background-color:#a18fa7}.select-control option{font:inherit}.synthesis__container{grid-column-gap:33px;grid-row-gap:24px;-webkit-column-gap:33px;column-gap:33px;display:grid;grid-template-columns:252px 1fr;margin-bottom:12px;row-gap:24px}.synthesis__submit{background-color:#7f548d;border:none;border-radius:30px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;padding:17px;text-align:center;width:252px}.synthesis__submit:hover{background-color:#a66bb9}.synthesis__submit:active{background-color:#a041c1}.synthesis__submit[disabled]{background-color:#a18fa7}.tip{align-self:center;font-size:16px;line-height:21px;margin:0}.tip--error{color:#ff0f0f}.synthesis__wrapper{display:flex}.synthesis__download{background-color:transparent;border:4px solid #7f548d;border-radius:30px;color:#7f548d;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-size:20px;font-weight:700;line-height:26px;margin:0 auto 0 0;padding:13px 62px;position:relative;text-align:center;text-align:left;text-decoration:none;width:252px}.synthesis__download:hover{border-color:#a66bb9;color:#a66bb9}.synthesis__download:active{border-color:#a041c1;color:#a041c1}.synthesis__download--disabled{cursor:default;pointer-events:none}.synthesis__download--disabled,.synthesis__download--disabled:active,.synthesis__download--disabled:hover{border-color:#a18fa7;color:#a18fa7}.synthesis__download .icon{fill:currentColor;position:absolute;right:66px;top:15px}.tab-button{background-color:#ababab;border:none;border-top-left-radius:12px;border-top-right-radius:12px;color:#fff;cursor:pointer;font-family:PT Sans Caption,sans-serif;font-family:PT Mono,New Courier,serif;font-size:24px;font-weight:700;line-height:24px;padding:13px 30px 12px;position:relative;text-align:center}.tab-button:nth-child(2){right:18px}.tab-button--active{background-color:#c8c8c8;z-index:1}.main{color:#464646;flex-grow:1;padding:92px 150px 60px}.main__container{margin:0 auto;width:655px}.tab-content{background-color:#c8c8c8;border-radius:12px;border-top-left-radius:0;padding:32px 30px}.about{color:#464646;flex-grow:1;padding:92px 150px 60px}.about__title{text-align:center}.not-found{color:#464646;flex-grow:1;padding:92px 150px 60px}.not-found__text,.not-found__title{text-align:center}.not-found__text{font-size:18px;line-height:23px}@font-face{font-display:swap;font-family:PT Sans Caption;font-style:normal;font-weight:400;src:url(/static/media/ptsans-caption-regular.7236d339663a0835e78c.woff2) format("woff2")}@font-face{font-display:swap;font-family:PT Sans Caption;font-style:normal;font-weight:700;src:url(/static/media/ptsans-caption-bold.a803f5f930fc4d9c6d38.woff2) format("woff2")}@font-face{font-display:swap;font-family:PT Mono;font-style:normal;font-weight:700;src:url(/static/media/ptmono-bold.1a218f12e7cbdac3b5ca.woff2) format("woff2")}#root,html{height:100%}body{background-color:#fff;color:#464646;font-family:PT Sans Caption,sans-serif;font-weight:400;height:100vh;margin:0;min-height:100%}*,:after,:before{box-sizing:border-box}.visually-hidden{clip:rect(0 0 0 0);border:0;-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.1fe5796a.css.map*/