.header{display:flex;flex-direction:column}.header--active,.header--active .nav__list{background-color:#fff}.header--nav-open{background-color:#f4f4f4;height:100%;overflow-y:auto;position:fixed;width:100%;z-index:1000}.nav{padding:16px 16px 20px}.nav__list{align-items:center;background:#f4f4f4;display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0;padding:0;width:100%;z-index:100}.nav__item{display:none;font-size:24px;letter-spacing:0;line-height:28px;order:2;padding-bottom:11px;padding-top:11px;text-align:center;width:100%}.nav__item--active{display:block}.nav__link{color:#7268d8;text-decoration:none}.nav__link--sticker{position:relative}.nav__button{cursor:pointer;display:none;order:3}.nav__lang-change{color:#282828;cursor:pointer;margin-left:calc(50% - 43px);opacity:.5;padding-right:7px;width:auto}.nav__lang-change--active{color:#7268d8;font-weight:600;opacity:1}.nav__lang-change+.nav__lang-change{margin-left:0;margin-right:calc(50% - 43px);padding-left:7px;padding-right:0}.logo{width:130px}.logo,.toggle{display:inline-block;order:1;padding:0}.toggle{font-size:20px;width:20px}.toggle--dropdown path{fill:#4db6ac}.sticker--new{background-color:#7268d8;border-radius:6px;color:#fff;font-size:10px;line-height:10px;padding:4px;position:absolute;top:-8px}@media screen and (min-width:768px){.nav{padding-left:6%;padding-right:6%;padding-top:20px}}@media screen and (min-width:1024px){.header--active,.header--active .nav__list{background-color:#f4f4f4}.nav{bottom:45px}.nav__list{flex-direction:row;flex-wrap:nowrap}.nav__item{display:inline-block;font-size:16px;padding-left:20px;padding-right:20px;width:auto}.nav__button{border:1px solid #7268d8;border-radius:21px;box-sizing:border-box;color:#7268d8;font-size:14px;height:32px;letter-spacing:0;margin-left:20px;min-width:135px;order:3;padding:0;text-align:center}.nav__lang-change,.nav__lang-change+.nav__lang-change{margin:0;padding-right:8px;width:auto}.nav__link--sticker{white-space:nowrap}.logo{margin-right:auto;min-width:163px;padding:0!important;white-space:normal;width:163px}.toggle{display:none}}@media screen and (min-width:1280px){.nav__item{padding-left:30px;padding-right:30px}}@media screen and (min-width:1920px){.nav{padding-left:13%;padding-right:13%}}.Dropdown-root{position:relative}.Dropdown-control{background-color:#fff;border:1px solid #ccc;border-radius:2px;box-sizing:border-box;color:#333;cursor:default;outline:none;overflow:hidden;padding:8px 52px 8px 10px;position:relative;transition:all .2s ease}.Dropdown-control:hover{box-shadow:0 1px 0 #0000000f}.Dropdown-arrow{border-color:#999 #0000 #0000;border-style:solid;border-width:5px 5px 0;content:" ";display:block;height:0;margin-top:-ceil(2.5);position:absolute;right:10px;top:14px;width:0}.is-open .Dropdown-arrow{border-color:#0000 #0000 #999;border-width:0 5px 5px}.Dropdown-menu{-webkit-overflow-scrolling:touch;background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 #0000000f;box-sizing:border-box;margin-top:-1px;max-height:200px;overflow-y:auto;position:absolute;top:100%;width:100%;z-index:1000}.Dropdown-menu .Dropdown-group>.Dropdown-title{color:#333;font-weight:700;padding:8px 10px;text-transform:capitalize}.Dropdown-option{box-sizing:border-box;color:#333c;cursor:pointer;display:block;padding:8px 10px}.Dropdown-option:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.Dropdown-option.is-selected,.Dropdown-option:hover{background-color:#f2f9fc;color:#333}.Dropdown-noresults{box-sizing:border-box;color:#ccc;cursor:default;display:block;padding:8px 10px}.demo-item{border-bottom:1px solid #fff3;padding:20px 16px}.demo-item,.div__image{align-items:center;display:flex}.div__image{border-radius:100%;flex-shrink:0;height:56px;justify-content:center;margin-right:20px;width:56px}.div__image--red{background-color:#ef6650}.div__image--white{background-color:#fff}.div__image--yellow{background-color:#e0b12b}.div__image--purple{background-color:#7268d8}.div__image svg{box-sizing:border-box;display:block;height:100%;padding:16px;width:100%}.section__demo-item{display:flex;flex-direction:column}.section__title{color:#fff;font-size:20px;font-weight:700;letter-spacing:0;line-height:28px;margin-bottom:0}.section__subtitle--demo-item{font-size:16px;letter-spacing:.7px;line-height:35px;margin-bottom:0;word-break:break-word}.arrow--demo-item{display:none;margin-left:auto;width:22px}@media screen and (min-width:768px){.demo-item{padding-left:32px;padding-right:32px}.demo-item h3{font-size:30px;line-height:40px}}@media screen and (min-width:1024px){.section__demo-item{margin-right:10px}.arrow--demo-item{display:block;margin-left:auto}}.demo-overlay{background-color:#282828;display:none;height:100%;z-index:1000}.demo-overlay--active{display:block;height:100%}.demo-overlay a{color:#fff;text-decoration:none}.aside__subtitle,.aside__title{color:#fff;font-size:16px;padding-left:16px;padding-right:16px;padding-top:20px}.aside__subtitle a,.aside__title a{color:#e0b12b}.aside__title{font-weight:700;letter-spacing:0;line-height:19px;margin-bottom:16px}.aside__subtitle{letter-spacing:.7px;line-height:24px;padding-bottom:20px}.aside__divider{align-items:center;cursor:pointer;display:flex;padding:20px 32px;width:fit-content}.aside__button{margin-right:16px}.aside__button path{fill:#fff;font-size:16px!important}@media screen and (min-width:768px){.aside__subtitle,.aside__title{padding-left:6%;padding-right:6%}}@media screen and (min-width:1024px){.demo-overlay{display:flex;flex-direction:column;height:100%;overflow-x:hidden;position:fixed;right:0;top:0;transition:all .3s ease-in-out;width:0;z-index:1000}.aside--active{width:max(25%,350px)}.aside__subtitle{margin-top:auto;padding-bottom:0}.aside__title{font-weight:400;letter-spacing:.7px;line-height:24px;margin-bottom:0;padding:0}.aside__button{font-size:20px;width:20px}.aside__divider{padding-bottom:10px;padding-top:25px}}.translation-container{display:flex;flex-direction:column;flex-grow:1;height:100%}.translation-choices{align-items:center;display:flex;justify-content:space-between}.choice-container{align-items:center;color:#4db6ac;display:flex;flex-basis:calc(50% - 32px);flex-grow:0;flex-shrink:0;justify-content:center}.switch-button{background-color:#4db6ac;border-radius:100%;cursor:pointer;margin-bottom:16px;margin-left:10px;margin-right:10px;padding:6px}.switch-button:hover{background-color:#45a39a}.switch-button path{fill:#fff}.switch-button__overlay{left:calc(50% - 18px);margin-left:0;margin-right:0;position:absolute;top:50%}.dropdown-container{display:flex}.dropdown-container__box{border:2px solid #4db6ac;border-radius:18px;cursor:pointer;margin-bottom:16px;padding:10px 20px}.dropdown-container__text{font-size:16px;letter-spacing:0;line-height:19px;text-align:center}.dropdown{background:#fff;display:none;left:0;opacity:0;overflow:hidden;position:fixed;transition:all .5s ease-in-out;width:100%}.dropdown--active{bottom:0;display:block;opacity:1;overflow-y:scroll;top:75px;z-index:1000}.dropdown__list{list-style-type:none}.dropdown__item{cursor:pointer}.dropdown__divider,.dropdown__item{color:#4db6ac;font-size:24px;letter-spacing:0;line-height:28px;margin-bottom:32px;text-align:center}.dropdown p{color:#282828;font-size:16px;letter-spacing:0;line-height:19px;opacity:.5;text-align:center;text-transform:lowercase}.dropdown p:first-letter{text-transform:capitalize}.dropdown--language{background-color:#fff}.dropdown--language__control{align-items:center;background-color:inherit;border:0;border-radius:21px;display:flex;height:100%;padding-left:11px;padding-right:0}.dropdown--language__control:hover{cursor:pointer}.dropdown--language__menu{background-color:#fff;border-radius:15px;box-shadow:0 2px 4px 0 #28282842;margin-bottom:0;margin-top:0;max-height:265px}.dropdown--language__menu-list{border-radius:15px;max-height:inherit!important;overflow-x:hidden;overflow-y:auto;padding-bottom:0;padding-top:0}.dropdown--language__menu #dropdown-divider{pointer-events:none}.dropdown--language__option{padding:8px}.dropdown--language__option.is-selected,.dropdown--language__option:hover{background-color:#f4f4f4}.toggle--dropdown{cursor:pointer}@media screen and (min-width:1024px){.translation-choices{align-items:center;display:flex;margin-bottom:16px}.choice-container{flex-basis:calc(50% - 21px);flex-grow:0;flex-shrink:0;justify-content:flex-start}.switch-button{border-radius:20px;margin-bottom:0;margin-left:0;margin-right:8px;padding:11px}.dropdown{background-color:initial;display:flex;opacity:1;overflow:visible;overflow:initial;position:relative}.dropdown:hover{background-color:#45a39a;cursor:pointer}.dropdown-container{align-items:center;background-color:#4db6ac;border-radius:21px;display:flex;flex-basis:60%;font-weight:500;height:42px;justify-content:center;max-width:230px}.dropdown-container:hover{background-color:#45a39a}.dropdown-container p{color:#fff;font-size:16px;font-weight:inherit;letter-spacing:0;line-height:19px;margin:0;min-width:auto;padding-left:16px;padding-right:8px;text-align:center;white-space:nowrap;word-break:normal}.dropdown-container--style{flex:0 0 45%;justify-content:right;padding-left:10px}.dropdown-container--style label{color:#282828;flex-basis:20%;font-size:16px;font-weight:700;letter-spacing:0;line-height:19px;margin-right:11px;text-align:right}.dropdown--language{background-color:inherit;border-radius:21px;display:block;height:100%;transition:none}.dropdown--language__control{cursor:inherit;padding-left:0;transition:none;white-space:nowrap}.dropdown--language__value-container{color:#fff;padding-left:8px}.dropdown--language__indicators{border-color:#fff #0000 #0000;width:32px}.dropdown--style{border-radius:21px;height:42px;transition:none;width:122px}.dropdown--auto{background-color:#9b9b9b80}.dropdown--auto .toggleOption.selected svg{fill:#4db6ac}.dropdown--yellow{background-color:#e0b12b}.dropdown--yellow .toggleOption.selected svg{fill:#e0b12b}.dropdown--purple{background-color:#7268d8}.dropdown--purple .toggleOption.selected svg{fill:#7268d8}.Dropdown-placeholder{color:#fff;margin-right:10px}.pipe{border:1px solid #f4f4f4;box-sizing:border-box;height:42px;opacity:.3;width:1px}.toggle-wrapper{flex:1 1;justify-content:flex-end}.toggle-wrapper,.toggleOption{align-items:center;display:flex}.toggleOption{cursor:pointer;justify-content:center;margin:5px}.toggleOption:hover{background-color:#ffffff4d;border-radius:100%}.toggleOption.selected{background-color:#fff;border-radius:100%}.toggleOption.selected svg{opacity:1}.toggleOption div{width:22px}.toggleOption svg{fill:#fff;display:block;margin:auto;opacity:.6}}.translation-box{display:flex;flex-direction:column;flex-grow:1;min-height:0}.box{display:flex;flex:1 1 50%;margin-bottom:8px;padding-left:2px;padding-right:2px;position:relative}.box__accept-button,.box__cancel-button,.box__character-count,.box__clear-button,.box__edit-button,.box__output-copy{color:#666;opacity:.5;position:absolute}.box__accept-button,.box__cancel-button,.box__clear-button,.box__edit-button,.box__input-copy,.box__output-copy{cursor:pointer;font-size:20px}.box__accept-button:hover,.box__cancel-button:hover,.box__clear-button:hover,.box__edit-button:hover,.box__input-copy:hover,.box__output-copy:hover{color:#474747}.box__clear-button{right:12px;top:10px}.box__character-count{align-items:center;bottom:10px;display:flex;font-size:14px;line-height:16px;right:12px}.box__input-copy{margin-left:8px}.box__output-copy{bottom:10px;right:12px}.box__container-edit-button,.box__container-editing-buttons{display:flex;flex-direction:row-reverse;position:absolute;right:12px;top:10px}.box__accept-button,.box__cancel-button{padding-left:5px;position:static}.box__edit-button{position:static}.box ::-webkit-scrollbar{width:6px}.box ::-webkit-scrollbar-track{border-radius:10px}.box ::-webkit-scrollbar-track-piece{background-color:#0000}.box ::-webkit-scrollbar-thumb{background-color:#cbcbcb;border:0;border-radius:10px;outline:none}.box ::-webkit-scrollbar-thumb:hover{background-color:#909090}.div__textarea{width:100%}textarea{border:none;border-radius:10px;box-sizing:border-box;font-family:Roboto Regular,sans-serif;font-size:16px;line-height:24px;padding:14px 16px;resize:none}textarea:focus{box-shadow:0 0 0 2px #4db6ac66;outline:none}textarea::placeholder{color:#282828;font-family:Roboto Regular,sans-serif;font-size:16px;letter-spacing:0;line-height:24px;opacity:.4}textarea::-webkit-input-placeholder{color:#282828;font-family:Roboto Regular,sans-serif;font-size:16px;letter-spacing:0;line-height:24px;opacity:.4}textarea:-moz-placeholder,textarea::-moz-placeholder{color:#282828;font-family:Roboto Regular,sans-serif;font-size:16px;letter-spacing:0;line-height:24px;opacity:.4}textarea:-ms-input-placeholder{color:#282828;font-family:Roboto Regular,sans-serif;font-size:16px;letter-spacing:0;line-height:24px;opacity:.4}#output-textarea{padding-right:54px}@media screen and (min-width:1024px){.translation-box{flex-wrap:wrap}.box{align-self:flex-end;box-sizing:border-box;flex-basis:100%;margin-bottom:0;width:calc(50% - 10px)}.box--input{align-self:flex-start;padding-left:2px}.box__accept-button,.box__cancel-button,.box__clear-button,.box__edit-button,.box__input-copy,.box__output-copy{font-size:24px}.box ::-webkit-scrollbar{width:6px}.box ::-webkit-scrollbar-track{border-radius:10px}.box ::-webkit-scrollbar-track-piece{background-color:#0000}.box ::-webkit-scrollbar-thumb{background-color:#cbcbcb;border:0;border-radius:10px;outline:none}.box ::-webkit-scrollbar-thumb:hover{background-color:#909090}textarea{letter-spacing:0;padding:24px}textarea,textarea::placeholder{font-size:30px;line-height:35px}textarea::-webkit-input-placeholder{font-size:30px;line-height:35px}textarea:-moz-placeholder,textarea::-moz-placeholder{font-size:30px;line-height:35px}textarea:-ms-input-placeholder{font-size:30px;line-height:35px}#output-textarea{padding-right:58px}}.comparison-container{box-sizing:border-box}.comparison-container--active{flex-basis:33%;overflow:hidden}.comparison-container--active .section__button{border-bottom-left-radius:0;border-bottom-right-radius:0}.comparison-container ::-webkit-scrollbar{width:6px}.comparison-container ::-webkit-scrollbar-track{border-radius:10px}.comparison-container ::-webkit-scrollbar-track-piece{background-color:#0000}.comparison-container ::-webkit-scrollbar-thumb{background-color:#cbcbcb;border:0;border-radius:10px;outline:none}.comparison-container ::-webkit-scrollbar-thumb:hover{background-color:#909090}.section__button{background-color:#9b9b9b1a;border:0;border-radius:21px;color:#4db6ac;display:block;font-size:16px;font-weight:700;height:42px;letter-spacing:0;margin:2px auto;padding-left:30px;width:calc(100% - 4px)}.section__button:hover{background-color:#9b9b9b33;cursor:pointer}.section__button:focus{outline:2px solid #4db6ac66}.section__button svg{float:right;margin-right:24px}.comparison-box{background-color:#fff;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-sizing:border-box;height:calc(100% - 42px);overflow-y:scroll;padding:24px}.comparison-box span{display:flex;margin-bottom:11px}.comparison-box p{margin:0}.comparison-box .div__paragraph{color:#4db6ac;flex:0 0 75px;font-weight:700;margin-right:10px}@media screen and (min-width:1024px){.section__button{margin-bottom:0}.comparison-container{align-self:flex-end;margin-top:10px}.comparison-container,.comparison-container--active{width:calc(50% - 10px)}}.hint{animation:fade 10s forwards;background-color:#fff;border-radius:10px;border-top-right-radius:0;box-shadow:10px 0 30px 0 #9b9b9b66;display:flex;font-family:Roboto Regular,sans-serif;padding:24px 24px 24px 30px;position:absolute;-webkit-user-select:none;user-select:none;white-space:pre-wrap}.hint__close-button{-webkit-tap-highlight-color:rgba(0,0,0,0);color:#666;left:7px;opacity:.5;padding-bottom:20px;padding-right:20px;position:absolute;top:7px}@keyframes fade{0%{opacity:0}10%{opacity:1}90%{opacity:1}to{opacity:0;visibility:hidden}}.scroll-container{align-items:center;display:none;margin-bottom:20px;margin-top:32px}.section__image--scroll{margin-right:20px;width:27px}.section__subtitle{color:#282828;font-size:20px;letter-spacing:0;line-height:24px}.section__subtitle--scroll{margin-bottom:0}@media screen and (min-width:1024px){.scroll-container{display:flex}}.info{margin-bottom:50px;margin-left:16px;margin-right:16px;padding-top:16px}.info p{font-size:16px;letter-spacing:0;line-height:24px}@media screen and (min-width:768px){.info{margin-left:6%;margin-right:6%;padding-bottom:50px}}@media screen and (min-width:1024px){.info{margin-left:21%;margin-right:28%}}@font-face{font-display:swap;font-family:Roboto Regular;src:url(../../static/media/Roboto-Regular.a8d6ac03c7b96b7acb62.ttf) format("truetype")}@font-face{font-family:Roboto Mono;font-weight:100 700;src:url(../../static/media/RobotoMono-VariableFont_wght.2ccde177314ac34f20b8.ttf) format("truetype")}:root{background-color:#f4f4f4;box-sizing:border-box;color:#282828;font-family:Roboto Regular,sans-serif;font-size:16px;font-weight:400}*{margin:0;padding:0}body{height:100%}.body--fixed{position:fixed}.fixedPositionDropdown{overflow:hidden}code{font-family:Roboto Mono,monospace}h1,h2,h3,p{word-break:break-word}h1,h2,h3{font-weight:700;letter-spacing:0;margin-bottom:24px}p{margin-bottom:6%}h1{font-size:40px;line-height:45px}h2,h3{font-size:20px;line-height:24px}a{color:#4db6ac;cursor:pointer;text-decoration:none}.arrow svg{display:block;height:100%;width:100%}.red:hover{background-color:#ef665066}.red--full{background-color:#ef6650}.purple:hover{background-color:#7268d866}.purple--full{background-color:#7268d8}.yellow:hover{background-color:#e0b12b66}.yellow--full{background-color:#e0b12b}.white:hover{background-color:#fff6}.white--full{background-color:#fff}.section__viewport{display:flex;flex-direction:column;overflow:hidden}.notfound,.section__viewport{margin-left:16px;margin-right:16px}.notfound{margin-top:20px}.cookie-container{align-items:center!important;box-sizing:border-box;padding-left:16px;padding-right:16px}.cookie-container a{color:#e0b12b}.cookie-container a:hover{color:#ef6650}.button--cookie{background-color:#7268d8;border:3px solid #7268d8;border-radius:21px;color:#fffffff2;font-size:14px;font-weight:700;height:32px;margin-bottom:16px;margin-left:0;margin-right:0;padding:0;text-align:center;width:135px}.text--cookie{margin:0;width:100%!important}button{cursor:pointer}.loading{font-family:Roboto Regular,sans-serif;font-size:16px;letter-spacing:.7px;margin-bottom:20px;margin-top:20px}.loading--margin{margin-left:16px;margin-right:16px}@media screen and (min-width:768px){.loading--margin,.section__viewport{margin-left:6%;margin-right:6%}.notfound{margin-left:20px;margin-right:20px}.cookie-container{padding-left:6%;padding-right:6%}}@media screen and (min-width:1024px){.notfound{margin-left:6%;margin-right:6%}.notfound,h2{font-size:30px}h2{font-weight:700;letter-spacing:0;line-height:35px}p{margin-bottom:32px}p.big{font-size:20px;letter-spacing:0;line-height:28px}.text--cookie{width:calc(100% - 160px)!important}.button--cookie{margin-bottom:0}}@media screen and (min-width:1920px){.loading--margin,.notfound,.section__viewport{margin-left:13%;margin-right:13%}.cookie-container{padding-left:13%;padding-right:13%}}.page__bigmargin{margin-bottom:275px}@media screen and (min-width:425px){.page__bigmargin{margin-bottom:225px}}@media screen and (min-width:768px){.page__bigmargin{margin-bottom:175px}}@media screen and (min-width:1024px){.page__bigmargin{margin-bottom:125px}}@media screen and (min-width:1440px){.page__bigmargin{margin-bottom:100px}}@media screen and (min-width:2056px){.page__bigmargin{margin-bottom:0}}.page{margin-left:16px;margin-right:16px}.section__title--page{color:#9b9b9b;font-size:40px;font-weight:700;letter-spacing:0;line-height:44px;opacity:.3}.section__text{color:#282828;padding-top:20px}.section__text p{color:inherit;font-size:16px;letter-spacing:0;line-height:24px}.section__text h2{color:inherit;font-size:30px;font-weight:700;letter-spacing:0;line-height:38px}.section__text ol,.section__text ul{line-height:24px;list-style-position:inside;margin-bottom:30px;word-break:break-word}.section__text ul{list-style-type:disc;text-align:left}.section__text ul ul{margin-left:20px}.section__text ol{text-align:justify}.section__text h4{margin-bottom:16px}@media screen and (min-width:768px){.page{margin-left:0;margin-right:0}.section__title--page{font-size:80px;line-height:70px;margin-bottom:35px;margin-left:6%;margin-right:6%}.section__text{margin-left:21%;margin-right:28%;padding-top:0}}@media screen and (min-width:1920px){.section__title--page{margin-left:13%;margin-right:13%}}
/*# sourceMappingURL=main.dce3cce3.css.map*/