:root {
    --logo: url(data:image/svg+xml;utf8;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyNDQuMzhweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjQ0LjM4IDgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyNDQuMzggODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI1NWR0lEXzFfKTt9Cgkuc3Qxe2ZpbGw6I0U5RThFODt9Cgkuc3Qye2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6dXJsKCNTVkdJRF8yXyk7fQoJLnN0M3tmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiNCQkJCQkI7fQoJLnN0NHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM1MTUxNTE7fQoJLnN0NXtmaWxsOiNGQUYwOEQ7fQoJLnN0NntmaWxsOiNGM0U4NEY7fQoJLnN0N3tmaWxsOiNENkI0MjI7fQoJLnN0OHtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOnVybCgjU1ZHSURfM18pO30KCS5zdDl7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDp1cmwoI1NWR0lEXzRfKTt9Cjwvc3R5bGU+CjxkZWZzPgo8L2RlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzExLjE5MDgiIHkxPSItMjU2LjEzNzEiIHgyPSIyNjguMTk5OCIgeTI9Ii0zNjIuNDgxOCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMjQ3LjYzNzggLTMwMC4yNzgyKSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojRENEMDlCIi8+Cgk8c3RvcCAgb2Zmc2V0PSIwLjMyNTEiIHN0eWxlPSJzdG9wLWNvbG9yOiNERURGREYiLz4KPC9saW5lYXJHcmFkaWVudD4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTMzLjYxLDgwTDAsNjAuMTFWMTkuODlsMzMuNjEsMTkuODlWODB6IE02Ny4yLDQwTDUwLjQsMjkuODR2MjAuMTFMNjcuMiw0MHoiLz4KPHBhdGggY2xhc3M9InN0MSIgZD0iTTAsMTkuODlsMzMuNjEsMTkuODlsMTYuOC05Ljk1bC0xNi44LTkuOTVsMTYuOC05Ljk1TDMzLjYxLDBMMCwxOS44OXoiLz4KPGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzMzkuOTM3OCIgeTE9Ii0yNTcuOTMiIHgyPSIzMTcuNTk1OCIgeTI9Ii0zMDEuODQ0OSIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMjQ3LjYzNzggLTMwMC4yNzgyKSI+Cgk8c3RvcCAgb2Zmc2V0PSIwIiBzdHlsZT0ic3RvcC1jb2xvcjojQkZCQUEzIi8+Cgk8c3RvcCAgb2Zmc2V0PSIxIiBzdHlsZT0ic3RvcC1jb2xvcjojQkJCQkJCIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMy42MSwxOS44OWwxNi44LTkuOTV2MTkuODlMMzMuNjEsMTkuODl6IE01MC40LDI5Ljg0djIwLjExTDY3LjIsNDB2MjAuMTFMMzMuNjEsODBWMzkuNzlMNTAuNCwyOS44NHoiLz4KPHBhdGggY2xhc3M9InN0MyIgZD0iTTEzOS4wMywzMi45MmMwLjQyLDAuNzgsMS4xLDEuMzQsMi4wNCwxLjY3YzAuOTQsMC4zMywyLjIzLDAuNTEsMy44OSwwLjVoNS40di00LjIzaC0zLjYzCgljLTEuMDUsMC0xLjgtMC4yLTIuMjYtMC42M2MtMC40NS0wLjQyLTAuNjgtMS4xMi0wLjY4LTIuMTF2LTQuNDVoNi41NnYtNC4wNGgtNi41NnYtNi42M2gtMC40MWwtNC45OSwyLjgxdjMuODJoLTIuNDZ2NC4wNGgyLjQ2Cgl2Ni4wM0MxMzguNCwzMS4wNiwxMzguNiwzMi4xNCwxMzkuMDMsMzIuOTJ6IE0xMDcuMDQsMTMuMDFoNS40djIyLjA4aC01LjRWMTMuMDF6IE0xMjEuMjQsMTkuMzJ2My4wM2MwLjQ5LTEuMjQsMS4yNC0yLjE0LDIuMjYtMi43CgljMS4wMi0wLjU2LDIuMzctMC44Myw0LjA1LTAuODNjMS43NywwLDMuMTYsMC4yNSw0LjE3LDAuNzZjMS4wMSwwLjUxLDEuNzMsMS4zNCwyLjE2LDIuNDljMC40MywxLjE1LDAuNjMsMi43NSwwLjU4LDQuNzZ2OC4yN2gtNS40Cgl2LTguMjdjMC0xLjQxLTAuMjktMi4zOC0wLjg1LTIuOTNjLTAuNTctMC41NS0xLjU4LTAuODItMy4wMy0wLjgyYy0xLjM3LDAtMi4zNiwwLjI5LTIuOTgsMC44NWMtMC42MiwwLjU3LTAuOTQsMS41LTAuOTYsMi43N3Y4LjM5CgloLTUuNFYxOS4zMkgxMjEuMjR6IE0xNTYuMjUsMzQuODFjLTEuMzItMC41My0yLjI4LTEuMzktMi44Ny0yLjZjLTAuNTktMS4yMS0wLjg4LTIuODktMC44OC01LjA0YzAtMi4xMiwwLjI5LTMuNzgsMC44Ny00Ljk5CgljMC41OC0xLjIsMS41NC0yLjA2LDIuODctMi41OWMxLjMzLTAuNTMsMy4xOC0wLjc5LDUuNTMtMC43OWMyLjM0LDAsNC4xOCwwLjIxLDUuNTIsMC42M2MxLjM1LDAuNDIsMi4zMiwxLjExLDIuOTIsMi4wOAoJYzAuNiwwLjk3LDAuOTIsMi4zLDAuOTYsNHYzLjA2aC0xMy4zOGMwLjA0LDEuMjQsMC4zNiwyLjExLDAuOTUsMi42MmMwLjU5LDAuNTEsMS42LDAuNzYsMy4wMywwLjc2YzEuMjIsMCwyLjEzLTAuMTMsMi43MS0wLjQKCWMwLjU5LTAuMjYsMC45OC0wLjcxLDEuMTctMS4zNGg1LjQyYy0wLjIxLDEuMy0wLjY1LDIuMzQtMS4zMSwzLjEyYy0wLjY2LDAuNzgtMS42MywxLjM1LTIuOTIsMS43Yy0xLjI4LDAuMzYtMi45OCwwLjU0LTUuMDgsMC41NAoJQzE1OS40MiwzNS42LDE1Ny41NywzNS4zMywxNTYuMjUsMzQuODF6IE0xNjUuOTQsMjUuNTRjLTAuMDQtMS4yMi0wLjM4LTIuMDgtMC45OS0yLjU3Yy0wLjYyLTAuNDktMS42OC0wLjc0LTMuMTctMC43NAoJYy0xLjQxLDAtMi40MSwwLjI1LTMuMDEsMC43NGMtMC42LDAuNDktMC45MiwxLjM1LTAuOTYsMi41N0gxNjUuOTR6IE0xNzguNDksMTMuMDFoLTUuMzl2MjIuMDhoNS40di03LjA2bDYuMjQsNy4wNmg2LjU5CglsLTYuOTgtNy44OGw2Ljk3LTcuODhoLTYuNTlsLTYuMjQsNy4wNlYxMy4wMXogTTE5NS4wNSwzNC44MWMtMS4zMy0wLjUzLTIuMjgtMS4zOS0yLjg3LTIuNmMtMC41OS0xLjIxLTAuODgtMi44OS0wLjg4LTUuMDQKCWMwLTIuMTIsMC4yOS0zLjc4LDAuODctNC45OWMwLjU4LTEuMiwxLjU0LTIuMDYsMi44Ny0yLjU5YzEuMzMtMC41MywzLjE4LTAuNzksNS41My0wLjc5YzIuMzQsMCw0LjE3LDAuMjEsNS41MiwwLjYzCgljMS4zNSwwLjQyLDIuMzIsMS4xMSwyLjkyLDIuMDhzMC45MiwyLjMsMC45Niw0djMuMDZIMTk2LjZjMC4wNCwxLjI0LDAuMzUsMi4xMSwwLjk1LDIuNjJjMC41OSwwLjUxLDEuNiwwLjc2LDMuMDMsMC43NgoJYzEuMjIsMCwyLjEzLTAuMTMsMi43MS0wLjRjMC41OS0wLjI2LDAuOTgtMC43MSwxLjE3LTEuMzRoNS40M2MtMC4yMSwxLjMtMC42NSwyLjM0LTEuMzEsMy4xMmMtMC42NiwwLjc4LTEuNjMsMS4zNS0yLjkyLDEuNwoJYy0xLjI4LDAuMzYtMi45OCwwLjU0LTUuMDgsMC41NEMxOTguMjIsMzUuNiwxOTYuMzgsMzUuMzMsMTk1LjA1LDM0LjgxeiBNMjA0Ljc0LDI1LjU0Yy0wLjA0LTEuMjItMC4zOC0yLjA4LTAuOTktMi41NwoJYy0wLjYyLTAuNDktMS42OC0wLjc0LTMuMTctMC43NGMtMS40MSwwLTIuNDEsMC4yNS0zLjAxLDAuNzRjLTAuNiwwLjQ5LTAuOTIsMS4zNS0wLjk2LDIuNTdIMjA0Ljc0eiBNMjA5LjY2LDE5LjMybDYuMjgsMTUuNzcKCWwtMi43MSw2LjMxaDUuNThsOC45OS0yMi4wOGgtNS41NWwtMy41Myw5LjU2bC0zLjUtOS41NkgyMDkuNjZ6Ii8+CjxwYXRoIGNsYXNzPSJzdDQiIGQ9Ik0yMjYuOTIsNTguODhjMC41OCwwLjgsMS41MywxLjM4LDIuODYsMS43NWMxLjMzLDAuMzcsMy4xNCwwLjU1LDUuNDYsMC41NWMyLjI5LDAsNC4xLTAuMTcsNS40My0wLjUxCgljMS4zMi0wLjMzLDIuMjctMC44NywyLjg2LTEuNjFjMC41OC0wLjc0LDAuODctMS43NCwwLjg3LTNjMC0xLjItMC4yMS0yLjE1LTAuNi0yLjg3Yy0wLjQtMC43MS0xLjA2LTEuMjQtMS45OS0xLjU5CglzLTIuMi0wLjUyLTMuODItMC41MmgtMi44NGMtMS4xMSwwLTEuOTMtMC4wMy0yLjQ3LTAuMWMtMC41NC0wLjA2LTAuOTMtMC4yLTEuMTctMC40MWMtMC4yNC0wLjIxLTAuMzYtMC41NS0wLjM2LTEuMDEKCWMwLTAuNDYsMC4xMi0wLjgyLDAuMzYtMS4wN2MwLjI1LTAuMjUsMC42NC0wLjQ0LDEuMjItMC41NGMwLjU3LTAuMSwxLjM4LTAuMTYsMi40My0wLjE2YzEuMDcsMCwxLjg5LDAuMDcsMi40NiwwLjE5CgljMC41NywwLjEyLDAuOTYsMC4zMywxLjIsMC42M2MwLjIzLDAuMjksMC4zNSwwLjcyLDAuMzUsMS4yOWg1LjIxYzAtMS4zNS0wLjI5LTIuNDItMC44OC0zLjIyYy0wLjU5LTAuOC0xLjU0LTEuMzgtMi44Ny0xLjc1CgljLTEuMzItMC4zNy0zLjE0LTAuNTUtNS40Ni0wLjU1Yy0yLjI4LDAtNC4wNywwLjE3LTUuNCwwLjUxYy0xLjMzLDAuMzQtMi4yNywwLjg3LTIuODYsMS42MWMtMC41OCwwLjc0LTAuODcsMS43NC0wLjg3LDMKCWMwLDEuMTUsMC4yMSwyLjA4LDAuNiwyLjc3YzAuNCwwLjY5LDEuMDgsMS4yMSwyLjAzLDEuNTRjMC45NiwwLjMzLDIuMjksMC41MSwzLjk5LDAuNTFoMi41NmMxLjA5LDAsMS45MywwLjA1LDIuNDksMC4xNAoJYzAuNTcsMC4xLDAuOTgsMC4yNiwxLjIyLDAuNDljMC4yNCwwLjIzLDAuMzYsMC41NywwLjM2LDEuMDRjMCwwLjY2LTAuMjksMS4xMS0wLjg1LDEuMzdjLTAuNTcsMC4yNy0xLjYyLDAuNC0zLjE2LDAuNAoJYy0xLjA5LDAtMS45My0wLjA3LTIuNDktMC4xOWMtMC41Ny0wLjEyLTAuOTYtMC4zMy0xLjE5LTAuNjNjLTAuMjMtMC4yOS0wLjM1LTAuNzItMC4zNS0xLjI5aC01LjE3CglDMjI2LjA1LDU3LjAxLDIyNi4zNCw1OC4wOCwyMjYuOTIsNTguODh6IE0xOTcuMzUsNDQuOTF2My4wM2MwLjQ5LTEuMjQsMS4yNC0yLjE0LDIuMjYtMi43YzEuMDItMC41NiwyLjM3LTAuODMsNC4wNS0wLjgzCgljMi4wMiwwLDMuNTUsMC4zMyw0LjU5LDAuOTljMS4wNCwwLjY2LDEuNzMsMS43OCwyLjA2LDMuMzZjMC40LTEuNTQsMS4xMy0yLjY0LDIuMTktMy4zM2MxLjA2LTAuNjgsMi41Mi0xLjAyLDQuMzctMS4wMgoJYzEuNzcsMCwzLjE2LDAuMjUsNC4xNywwLjc2YzEuMDEsMC41MSwxLjczLDEuMzQsMi4xNiwyLjQ5YzAuNDMsMS4xNSwwLjYzLDIuNzUsMC41OCw0Ljc2djguMjdoLTUuNHYtOC4yNwoJYzAtMS40MS0wLjI5LTIuMzgtMC44NS0yLjkzYy0wLjU3LTAuNTUtMS41OC0wLjgyLTMuMDMtMC44MmMtMS4zNSwwLTIuMzMsMC4yNy0yLjk1LDAuODJjLTAuNjIsMC41NS0wLjk1LDEuNDQtMSwyLjY4djguNTJoLTUuNAoJdi04LjI3YzAtMS40MS0wLjI5LTIuMzgtMC44NS0yLjkzYy0wLjU3LTAuNTUtMS41OC0wLjgyLTMuMDMtMC44MmMtMS4zNywwLTIuMzYsMC4yOS0yLjk4LDAuODVjLTAuNjIsMC41Ny0wLjk0LDEuNS0wLjk2LDIuNzd2OC4zOQoJaC01LjRWNDQuOTFIMTk3LjM1eiBNMTYwLjE4LDQ0LjloNS41MmwzLjM0LDEwbDMuMzQtMTBoNS41NWwzLjMxLDkuOTdsMy4zNC05Ljk3aDUuNTZsLTYuMjgsMTUuNzdoLTUuMTdsLTMuNS04LjgzbC0zLjUzLDguODMKCWgtNS4yMUwxNjAuMTgsNDQuOXoiLz4KPHBhdGggY2xhc3M9InN0NSIgZD0iTTkwLjI0LDE5Ljc4bC0xNi44MSw5Ljk1bC0xNi44LTkuOTVsMTYuOC05Ljk1TDkwLjI0LDE5Ljc4eiIvPgo8cGF0aCBjbGFzcz0ic3Q2IiBkPSJNNzMuNDMsNDkuODRsLTE2LjgtOS45NVYxOS43OGwxNi44LDkuOTVWNDkuODR6Ii8+CjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik03My40Myw0OS44NGwxNi44MS05Ljk1VjE5Ljc4bC0xNi44MSw5Ljk1VjQ5Ljg0eiIvPgo8L3N2Zz4=);
}

*, html, body, div, form, label, fieldset, input {
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope ExtraLight'), local('Manrope-Regular'),
        url('Manrope.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body {
    font-size: 1em; /* Prevents an IE bug where em's scale out of proportion */
}

html, body {
    height: 100%;
}

body, input {
    background: #f5f5f9;
    font-family: 'Manrope', 'Open Sans', Arial Unicode MS, Arial, sans-serif;
}

fieldset {
    background: #fff;
    padding: 48px;
    border-radius: 16px;
}

fieldset, img {
    border: 0;
}

a {
    color: #212121;
    text-decoration: none;
}

a:hover, a:focus {
    outline: none;
    color: #2a2e36;
    border-bottom: 1px dotted;
}

form {
    width: 27.75em;
    margin: 0 auto;
}

form label {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #666666;
    margin: 0 0 4px 0;
}

form input[type="text"], input[type="password"], input[type="email"], textarea {
    border: 1px solid #D5D5DB;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 8px;
    padding-right: 8px;
    outline: none;
    font-size: 1em;
    height: 48px;
    border-radius: 96px;
    background: #fff;
}

form input[type="text"]:hover, input[type="password"]:hover, input[type="email"]:hover, textarea:hover,
form input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #bbbdbe;
}

form input[type="submit"] {
    border: none;
    cursor: pointer;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 32px;
    padding-right: 32px;
    background-position: right center;
    background-repeat: no-repeat;
    border-radius: 96px;
    width: 100%;
    height: 56px;
}


.main {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.header {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.content {
    display: flex;
    flex-direction: column;
    /* background: #f8f9fa;
    border: solid #eeefef;
    border-width: 4px 0; */
    padding: 26px 0 25px;
}

.footer {
    flex: 1 0 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

.round {
    border-radius: 0.3125em;
    -moz-border-radius: 0.3125em;
    -webkit-border-radius: 0.3125em;
}

.blue {
    background-color: #212121;
    color: white;
}

.blue:hover {
    background-color: #FAF08D;
    color: #515151;
}

.label{
    color: #515151;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 16px;
}

.label-and-field {
    margin-bottom: 16px;
}

.password-labels-container {
    display: flex;
    justify-content: space-between;
}

.action-button {
    margin-top: 4px;
    margin-bottom: 5px;
}

.action-button, .label-and-field {
    font-size: 12px;
}

.full-width-box {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.logo {
    align-self: center;
    margin: 24px 0;
    background: var(--logo);
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 100% 80%;
    background-position: center;
}

.title {
    align-self: center;
    margin-bottom: 26px;
    font-size: 18px;
}

.error-block {
    color: #ff0000;
    background-color: #ffEEEE;
    border: 1px solid #ff0000;
    padding: 8px;
    text-align: left;
    margin: 15px auto 5px;
    overflow-wrap: break-word;
}
.error-block.restricted-error {
    margin: 0 auto;
}

details summary::-webkit-details-marker {
    color: #75AEEA;
}

.fa-yandex:before {
    content: "\f19e";
}

.reg-block {
    margin: 11px auto 2px auto;
    justify-content: center;
}

.oauth-block {
    align-self: center;
    margin-top: 21px;
    font-size: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.oauth-title {
    font-size: 13px;
    margin-bottom: 2px;
}

.title, .oauth-title {
    color: #9498a1;
}

.oauth-link {
    margin: 0 30px;
}

.oauth-link:hover, .oauth-link:focus {
    border-bottom: none;
    margin-bottom: 0;
}

.main-page-link, .desktop-link {
    align-self: center;
    margin: 26px 0;
}

.link, .error-block, .reg-block {
    font-size: 12px;
}