/* Start:/local/templates/workish/components/bitrix/system.auth.forgotpasswd/.default/style.css?169020067616755*/
.header {
    --header-bg: transparent;
    --color-bg: #FFFFFF;
    --scrolled-color-bg: #101010;
    --logo-bg: #FFFFFF;
    --scrolled-logo-bg: #101010;
    --burger-bg: #FFFFFF;
    --scrolled-burger-bg: #101010
}

.recovery__wrapper {
    border-radius: 5px;
    background-color: #fff;
    padding: 70px 110px;
    max-width: 685px;
    height: auto;
    margin: 0 auto;
    position: relative
}

@media (max-width: 61.99875em) {
    .recovery__wrapper {
        width: auto;
        height: auto;
        padding: 40px 20px;
        margin: 0px 100px
    }
}

@media (max-width: 37.5em) {
    .recovery__wrapper {
        margin: 10px 0px
    }
}

@media (max-width: 29.99875em) {
    .recovery__wrapper {
        padding: 20px
    }
}

.recovery__back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #d55296
}

.recovery__back a {
    position: relative;
    padding-left: 20px
}

.recovery__back a::before {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2717%27 viewBox=%270 0 10 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.725 1.725L8.24167 0.25L0 8.5L8.25 16.75L9.725 15.275L2.95 8.5L9.725 1.725Z%27 fill=%27%23D55296%27/%3e%3c/svg%3e")
}

@media (max-width: 61.99875em) {
    .recovery__back {
        left: 20px;
        top: 20px
    }
}

.recovery__title h1 {
    margin: 10px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 36px
}

@media (max-width: 47.99875em) {
    .recovery__title h1 {
        margin-top: 20px;
        font-size: 26px !important
    }
}

@media (max-width: 29.99875em) {
    .recovery__title h1 {
        margin-top: 30px;
        font-size: 24px !important;
        margin-bottom: 10px
    }
}

@media (max-width: 61.99875em) {
    .recovery__title {
        margin: 10px 0px 15px 0px
    }
}

.recovery__subtitle {
    text-align: center;
    color: dimgray;
    margin-bottom: 20px
}

@media (max-width: 61.99875em) {
    .recovery__subtitle {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .recovery__subtitle {
        margin-bottom: 10px
    }
}

.recovery__link {
    color: #d55296;
    margin: 15px 0px 30px 0px;
    text-align: right
}

@media (max-width: 61.99875em) {
    .recovery__link {
        margin: 15px 0px 25px 0px
    }
}

.recovery__button .btn--pink {
    margin-top: 35px;
    width: 100%;
    padding: 12px 0px;
    border-radius: 5px
}

@media (max-width: 29.99875em) {
    .recovery__button .btn--pink {
        margin: 0px
    }
}

.recovery__choise {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 29.99875em) {
    .recovery__choise {
        display: block;
        margin-bottom: 0px
    }
}

.recovery__choise input[type=radio]:checked, .recovery__choise input[type=radio]:not(:checked) {
    position: absolute;
    left: -9999px
}

.recovery__choise input[type=radio]:checked + label, .recovery__choise input[type=radio]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    line-height: 20px;
    cursor: pointer
}

.recovery__choise input[type=radio]:checked + label:before, .recovery__choise input[type=radio]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 1px solid #101010;
    background-color: #fff
}

.recovery__choise input[type=radio]:checked + label:before, .recovery__choise input[type=radio]:not(:checked) + label:before {
    border-radius: 100%
}

.recovery__choise input[type=radio]:checked + label:after, .recovery__choise input[type=radio]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.recovery__choise input[type=radio]:checked + label:after, .recovery__choise input[type=radio]:not(:checked) + label:after {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 18px;
    height: 18px;
    border: 4px solid #d55296;
    background-color: #fff;
    border-radius: 100%
}

.recovery__choise input[type=radio]:not(:checked) + label:after {
    opacity: 0
}

.recovery__choise input[type=radio]:checked + label:after {
    opacity: 1
}

@media (max-width: 29.99875em) {
    .recovery__option {
        margin: 0px 0px 20px 0px
    }
}

.recovery__option:not(:last-child) {
    margin-right: 40px
}

@media (max-width: 29.99875em) {
    .recovery__option:not(:last-child) {
        margin-right: 0px
    }
}

.recovery-enter {
    padding: 210px 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 61.99875em) {
    .recovery-enter {
        padding: 130px 0
    }
}

.recovery-enter__wrapper {
    border-radius: 5px;
    background-color: #fff;
    padding: 70px 110px;
    max-width: 685px;
    height: auto;
    margin: 0 auto;
    position: relative
}

@media (max-width: 61.99875em) {
    .recovery-enter__wrapper {
        width: auto;
        height: auto;
        padding: 40px 20px;
        margin: 0px 100px
    }
}

@media (max-width: 37.5em) {
    .recovery-enter__wrapper {
        margin: 10px 0px
    }
}

@media (max-width: 29.99875em) {
    .recovery-enter__wrapper {
        padding: 20px
    }
}

.recovery-enter__back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #d55296
}

.recovery-enter__back a {
    position: relative;
    padding-left: 20px
}

.recovery-enter__back a::before {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2717%27 viewBox=%270 0 10 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.725 1.725L8.24167 0.25L0 8.5L8.25 16.75L9.725 15.275L2.95 8.5L9.725 1.725Z%27 fill=%27%23D55296%27/%3e%3c/svg%3e")
}

@media (max-width: 61.99875em) {
    .recovery-enter__back {
        left: 20px;
        top: 20px
    }
}

.recovery-enter__title h1 {
    margin: 10px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 36px
}

@media (max-width: 47.99875em) {
    .recovery-enter__title h1 {
        margin-top: 20px;
        font-size: 26px !important
    }
}

@media (max-width: 29.99875em) {
    .recovery-enter__title h1 {
        margin-top: 30px;
        font-size: 24px !important;
        margin-bottom: 10px
    }
}

@media (max-width: 61.99875em) {
    .recovery-enter__title {
        margin: 10px 0px 15px 0px
    }
}

.recovery-enter__subtitle {
    text-align: center;
    color: dimgray;
    margin-bottom: 20px
}

@media (max-width: 61.99875em) {
    .recovery-enter__subtitle {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .recovery-enter__subtitle {
        margin-bottom: 10px
    }
}

.recovery-enter__form p {
    color: dimgray;
    margin-bottom: 20px
}

.recovery-enter__form p:last-child {
    margin-bottom: 0px
}

@media (max-width: 61.99875em) {
    .recovery-enter__form p {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .recovery-enter__form p {
        margin-bottom: 10px;
        font-size: 14px
    }
}

.recovery-enter__link {
    color: #d55296;
    margin: 15px 0px 30px 0px;
    text-align: right
}

@media (max-width: 61.99875em) {
    .recovery-enter__link {
        margin: 15px 0px 25px 0px
    }
}

.recovery-enter__reg {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.recovery-enter__reg p {
    color: #101010
}

.recovery-enter__reg a {
    color: #d55296;
    text-decoration: underline
}

.recovery-enter__button .btn--pink {
    margin-top: 30px;
    width: 100%;
    padding: 12px 0px;
    border-radius: 5px
}

@media (max-width: 29.99875em) {
    .recovery-enter__button .btn--pink {
        margin: 0px
    }
}

.confirm__wrapper {
    border-radius: 5px;
    background-color: #fff;
    padding: 70px 110px;
    max-width: 685px;
    height: auto;
    margin: 0 auto;
    position: relative
}

@media (max-width: 61.99875em) {
    .confirm__wrapper {
        width: auto;
        height: auto;
        padding: 40px 20px;
        margin: 0px 100px
    }
}

@media (max-width: 37.5em) {
    .confirm__wrapper {
        margin: 10px 0px
    }
}

@media (max-width: 29.99875em) {
    .confirm__wrapper {
        padding: 20px
    }
}

.confirm__back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #d55296
}

.confirm__back a {
    position: relative;
    padding-left: 20px
}

.confirm__back a::before {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2717%27 viewBox=%270 0 10 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.725 1.725L8.24167 0.25L0 8.5L8.25 16.75L9.725 15.275L2.95 8.5L9.725 1.725Z%27 fill=%27%23D55296%27/%3e%3c/svg%3e")
}

@media (max-width: 61.99875em) {
    .confirm__back {
        left: 20px;
        top: 20px
    }
}

.confirm__title h1 {
    margin: 10px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 36px
}

@media (max-width: 47.99875em) {
    .confirm__title h1 {
        margin-top: 20px;
        font-size: 26px !important
    }
}

@media (max-width: 29.99875em) {
    .confirm__title h1 {
        margin-top: 30px;
        font-size: 24px !important;
        margin-bottom: 10px
    }
}

@media (max-width: 61.99875em) {
    .confirm__title {
        margin: 10px 0px 15px 0px
    }
}

.confirm__form p {
    color: dimgray;
    margin-bottom: 20px
}

.confirm__form p:last-child {
    margin-bottom: 0px
}

@media (max-width: 61.99875em) {
    .confirm__form p {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .confirm__form p {
        margin-bottom: 10px;
        font-size: 14px
    }
}

.confirm__link {
    color: #d55296;
    margin: 15px 0px 30px 0px;
    text-align: right
}

@media (max-width: 61.99875em) {
    .confirm__link {
        margin: 15px 0px 25px 0px
    }
}

.confirm__button .btn--pink {
    margin-top: 30px;
    width: 100%;
    padding: 12px 0px;
    border-radius: 5px
}

@media (max-width: 29.99875em) {
    .confirm__button .btn--pink {
        margin: 0px
    }
}

.confirm__button .btn--pink-borders {
    margin-top: 20px;
    text-align: center;
    display: block;
    width: 100%;
    padding: 12px 0px;
    border-radius: 5px
}

@media (max-width: 29.99875em) {
    .confirm__button .btn--pink-borders {
        margin-top: 10px
    }
}

@media (max-width: 29.99875em) {
    .confirm__option {
        margin: 0px 0px 20px 0px
    }
}

.confirm__option:not(:last-child) {
    margin-right: 40px
}

@media (max-width: 29.99875em) {
    .confirm__option:not(:last-child) {
        margin-right: 0px
    }
}

.confirm__countdown {
    color: dimgray;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.confirm__countdown-text {
    margin-right: 10px
}

.confirm__countdown-link {
    cursor: pointer;
    text-decoration: underline
}

.recovery-password__wrapper {
    border-radius: 5px;
    background-color: #fff;
    padding: 70px 110px;
    max-width: 685px;
    height: auto;
    margin: 0 auto;
    position: relative
}

@media (max-width: 61.99875em) {
    .recovery-password__wrapper {
        width: auto;
        height: auto;
        padding: 40px 20px;
        margin: 0px 100px
    }
}

@media (max-width: 37.5em) {
    .recovery-password__wrapper {
        margin: 10px 0px
    }
}

@media (max-width: 29.99875em) {
    .recovery-password__wrapper {
        padding: 20px
    }
}

.recovery-password__back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #d55296
}

.recovery-password__back a {
    position: relative;
    padding-left: 20px
}

.recovery-password__back a::before {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2717%27 viewBox=%270 0 10 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.725 1.725L8.24167 0.25L0 8.5L8.25 16.75L9.725 15.275L2.95 8.5L9.725 1.725Z%27 fill=%27%23D55296%27/%3e%3c/svg%3e")
}

@media (max-width: 61.99875em) {
    .recovery-password__back {
        left: 20px;
        top: 20px
    }
}

.recovery-password__title h1 {
    margin: 10px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 36px
}

@media (max-width: 47.99875em) {
    .recovery-password__title h1 {
        margin-top: 20px;
        font-size: 26px !important
    }
}

@media (max-width: 29.99875em) {
    .recovery-password__title h1 {
        margin-top: 30px;
        font-size: 24px !important;
        margin-bottom: 10px
    }
}

@media (max-width: 61.99875em) {
    .recovery-password__title {
        margin: 10px 0px 15px 0px
    }
}

.recovery-password__subtitle {
    text-align: center;
    color: dimgray;
    margin-bottom: 20px
}

@media (max-width: 61.99875em) {
    .recovery-password__subtitle {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .recovery-password__subtitle {
        margin-bottom: 10px
    }
}

.recovery-password__link {
    color: #d55296;
    margin: 15px 0px 30px 0px;
    text-align: right
}

@media (max-width: 61.99875em) {
    .recovery-password__link {
        margin: 15px 0px 25px 0px
    }
}

.recovery-password__button .btn--pink {
    width: 100%;
    padding: 12px 0px;
    border-radius: 5px;
    position: relative;
    z-index: 10
}

.success {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

@media (max-width: 61.99875em) {
    .success {
        padding: 130px 0
    }
}

.success__wrapper {
    border-radius: 5px;
    background-color: #fff;
    padding: 70px 110px;
    max-width: 685px;
    height: auto;
    margin: 0 auto;
    position: relative
}

@media (max-width: 61.99875em) {
    .success__wrapper {
        width: auto;
        height: auto;
        padding: 40px 20px;
        margin: 0px 100px
    }
}

@media (max-width: 37.5em) {
    .success__wrapper {
        margin: 10px 0px
    }
}

@media (max-width: 29.99875em) {
    .success__wrapper {
        padding: 20px
    }
}

.success__close {
    position: absolute;
    top: 25px;
    right: 25px
}

.success__back {
    position: absolute;
    left: 30px;
    top: 30px;
    color: #d55296
}

.success__back a {
    position: relative;
    padding-left: 20px
}

.success__back a::before {
    position: absolute;
    left: 0;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    content: url("data:image/svg+xml;charset=UTF-8,%3csvg width=%2710%27 height=%2717%27 viewBox=%270 0 10 17%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M9.725 1.725L8.24167 0.25L0 8.5L8.25 16.75L9.725 15.275L2.95 8.5L9.725 1.725Z%27 fill=%27%23D55296%27/%3e%3c/svg%3e")
}

@media (max-width: 61.99875em) {
    .success__back {
        left: 20px;
        top: 20px
    }
}

.success__title h2 {
    margin: 10px 0px;
    text-align: center;
    font-weight: 500;
    font-size: 36px;
    line-height: 140%
}

@media (max-width: 47.99875em) {
    .success__title h2 {
        margin-top: 20px;
        font-size: 26px !important
    }
}

@media (max-width: 29.99875em) {
    .success__title h2 {
        margin-top: 30px;
        font-size: 24px !important;
        margin-bottom: 10px
    }
}

@media (max-width: 61.99875em) {
    .success__title {
        margin: 10px 0px 15px 0px
    }
}

.success__subtitle {
    text-align: center;
    color: dimgray;
    margin-bottom: 20px
}

@media (max-width: 61.99875em) {
    .success__subtitle {
        margin-bottom: 20px
    }
}

@media (max-width: 29.99875em) {
    .success__subtitle {
        margin-bottom: 10px
    }
}

.success__button .btn--pink {
    text-align: center;
    display: block;
    width: 200px;
    padding: 12px 0px;
    border-radius: 5px;
    margin: 40px auto 0px auto
}

@media (max-width: 29.99875em) {
    .success__button .btn--pink {
        margin: 20px auto 0px auto
    }
}

.step {
    display: none
}
.error-box {
    color: #a82b2b;
    margin: 10px 0;
    font-size: 16px;
}

/* End */
/* /local/templates/workish/components/bitrix/system.auth.forgotpasswd/.default/style.css?169020067616755 */