/* WINCO_LOGIN_FACTORY_RESET_V6_CSS */

* {
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    min-height: 100%;
    margin: 0;
}

body#wincoLoginResetV6 {
    min-height: 100vh;

    background:
        radial-gradient(
            circle at 15% 5%,
            rgba(31, 168, 90, .10),
            transparent 31%
        ),
        #f2f5f3 !important;

    color: #142019 !important;

    font-family:
        Inter,
        ui-sans-serif,
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif !important;

    display: grid !important;
    place-items: center !important;

    padding: 24px !important;
}

body#wincoLoginResetV6
main#wincoLoginResetShell {
    width: min(1040px, 100%) !important;
    min-height: 620px !important;

    border:
        1px solid
        rgba(20, 32, 25, .09) !important;

    border-radius: 25px !important;

    background: #ffffff !important;

    box-shadow:
        0 28px 80px
        rgba(28, 47, 36, .12) !important;

    overflow: hidden !important;

    display: grid !important;

    grid-template-columns:
        minmax(390px, .92fr)
        minmax(0, 1.08fr) !important;
}

body#wincoLoginResetV6
section#wincoLoginResetCard {
    padding: 48px !important;

    background: #ffffff !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body#wincoLoginResetV6
a#wincoLoginResetBrand {
    color: #142019 !important;
    text-decoration: none !important;

    display: flex !important;
    align-items: center !important;
    gap: 11px !important;

    margin-bottom: 54px !important;
}

body#wincoLoginResetV6
span#wincoLoginResetLogo {
    width: 45px !important;
    height: 45px !important;

    border:
        1px solid
        #cbe8d5 !important;

    border-radius: 13px !important;

    background: #e4f5e9 !important;
    color: #126a39 !important;

    display: grid !important;
    place-items: center !important;

    font-size: 23px !important;
    font-weight: 950 !important;
}

body#wincoLoginResetV6
a#wincoLoginResetBrand strong,
body#wincoLoginResetV6
a#wincoLoginResetBrand small {
    display: block !important;
}

body#wincoLoginResetV6
a#wincoLoginResetBrand strong {
    color: #142019 !important;
    font-size: 14px !important;
}

body#wincoLoginResetV6
a#wincoLoginResetBrand small {
    margin-top: 3px !important;
    color: #7b8880 !important;
    font-size: 9px !important;
}

body#wincoLoginResetV6
header#wincoLoginResetHeader > span {
    color: #126a39 !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .14em !important;
}

body#wincoLoginResetV6
header#wincoLoginResetHeader h1 {
    margin: 9px 0 8px !important;

    color: #142019 !important;

    font-size: 34px !important;
    line-height: 1.05 !important;
    letter-spacing: -.045em !important;
}

body#wincoLoginResetV6
header#wincoLoginResetHeader p {
    margin: 0 !important;

    color: #59675f !important;

    font-size: 12px !important;
    line-height: 1.6 !important;
}

body#wincoLoginResetV6
div#wincoLoginResetError {
    margin-top: 20px !important;
    padding: 13px 14px !important;

    border: 1px solid #efcaca !important;
    border-radius: 11px !important;

    background: #fff5f5 !important;
    color: #963838 !important;
}

body#wincoLoginResetV6
div#wincoLoginResetError strong,
body#wincoLoginResetV6
div#wincoLoginResetError span {
    display: block !important;
}

body#wincoLoginResetV6
div#wincoLoginResetError strong {
    font-size: 10px !important;
}

body#wincoLoginResetV6
div#wincoLoginResetError span {
    margin-top: 4px !important;
    font-size: 9px !important;
}

body#wincoLoginResetV6
form#wincoLoginResetForm {
    margin-top: 25px !important;

    display: grid !important;
    gap: 15px !important;
}

body#wincoLoginResetV6
form#wincoLoginResetForm label {
    display: grid !important;
    gap: 7px !important;
}

body#wincoLoginResetV6
form#wincoLoginResetForm label > span {
    color: #526159 !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

body#wincoLoginResetV6
form#wincoLoginResetForm input {
    width: 100% !important;
    min-height: 49px !important;
    padding: 0 14px !important;

    border: 1px solid #dce5df !important;
    border-radius: 11px !important;

    background: #f6f9f7 !important;
    color: #142019 !important;

    outline: 0 !important;

    font: inherit !important;
    font-size: 12px !important;
}

body#wincoLoginResetV6
form#wincoLoginResetForm input:focus,
body#wincoLoginResetV6
div#wincoLoginResetPassword:focus-within {
    border-color: #1fa85a !important;

    box-shadow:
        0 0 0 4px
        rgba(31, 168, 90, .10) !important;
}

body#wincoLoginResetV6
div#wincoLoginResetPassword {
    min-height: 49px !important;

    border: 1px solid #dce5df !important;
    border-radius: 11px !important;

    background: #f6f9f7 !important;

    overflow: hidden !important;

    display: flex !important;
    align-items: center !important;
}

body#wincoLoginResetV6
div#wincoLoginResetPassword input {
    min-width: 0 !important;
    flex: 1 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;
}

body#wincoLoginResetV6
button#wincoLoginResetToggle {
    align-self: stretch !important;
    padding: 0 14px !important;

    border: 0 !important;
    border-left: 1px solid #dce5df !important;

    background: #ffffff !important;
    color: #126a39 !important;

    cursor: pointer !important;

    font: inherit !important;
    font-size: 8px !important;
    font-weight: 900 !important;
}

body#wincoLoginResetV6
div#wincoLoginResetSupport {
    display: flex !important;
    justify-content: flex-end !important;
}

body#wincoLoginResetV6
div#wincoLoginResetSupport a {
    color: #126a39 !important;
    text-decoration: none !important;

    font-size: 9px !important;
    font-weight: 850 !important;
}

body#wincoLoginResetV6
button#wincoLoginResetSubmit,
body#wincoLoginResetV6
button#wincoLoginResetSubmit:hover,
body#wincoLoginResetV6
button#wincoLoginResetSubmit:focus,
body#wincoLoginResetV6
button#wincoLoginResetSubmit:active {
    width: 100% !important;
    min-height: 49px !important;

    appearance: none !important;
    -webkit-appearance: none !important;

    border: 1px solid #1fa85a !important;
    border-radius: 11px !important;

    background: #1fa85a !important;
    background-color: #1fa85a !important;
    background-image: none !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    cursor: pointer !important;

    font: inherit !important;
    font-size: 10px !important;
    font-weight: 900 !important;

    box-shadow:
        0 13px 28px
        rgba(31, 168, 90, .20) !important;
}

body#wincoLoginResetV6
button#wincoLoginResetSubmit:hover {
    border-color: #188d4b !important;
    background: #188d4b !important;
    background-color: #188d4b !important;
}

body#wincoLoginResetV6
footer#wincoLoginResetFooter {
    margin-top: 22px !important;
    padding-top: 18px !important;

    border-top: 1px solid #e2e9e5 !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body#wincoLoginResetV6
footer#wincoLoginResetFooter span {
    color: #839087 !important;
    font-size: 9px !important;
}

body#wincoLoginResetV6
footer#wincoLoginResetFooter a {
    color: #126a39 !important;
    text-decoration: none !important;

    font-size: 9px !important;
    font-weight: 900 !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside {
    padding: 58px !important;

    background:
        radial-gradient(
            circle at 85% 12%,
            rgba(89, 222, 137, .20),
            transparent 34%
        ),
        linear-gradient(
            145deg,
            #10281c,
            #06110b
        ) !important;

    color: #ffffff !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside > span {
    color: #84e3a7 !important;

    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: .15em !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside h2 {
    max-width: 470px !important;
    margin: 13px 0 !important;

    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;

    font-size: 42px !important;
    line-height: 1.04 !important;
    letter-spacing: -.05em !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside > p {
    max-width: 470px !important;
    margin: 0 0 34px !important;

    color: rgba(255, 255, 255, .68) !important;

    font-size: 13px !important;
    line-height: 1.65 !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside > div {
    margin-top: 10px !important;

    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside > div > span {
    width: 22px !important;
    height: 22px !important;

    border-radius: 7px !important;

    background:
        rgba(89, 222, 137, .14) !important;

    color: #84e3a7 !important;

    display: grid !important;
    place-items: center !important;

    font-size: 8px !important;
}

body#wincoLoginResetV6
aside#wincoLoginResetAside > div > p {
    margin: 0 !important;

    color:
        rgba(255, 255, 255, .64) !important;

    font-size: 9px !important;
}

@media (max-width: 850px) {
    body#wincoLoginResetV6
    main#wincoLoginResetShell {
        grid-template-columns: 1fr !important;
    }

    body#wincoLoginResetV6
    aside#wincoLoginResetAside {
        display: none !important;
    }

    body#wincoLoginResetV6
    section#wincoLoginResetCard {
        min-height: 620px !important;
    }
}

@media (max-width: 540px) {
    body#wincoLoginResetV6 {
        padding: 10px !important;
    }

    body#wincoLoginResetV6
    section#wincoLoginResetCard {
        padding: 28px 22px !important;
    }

    body#wincoLoginResetV6
    main#wincoLoginResetShell {
        min-height:
            calc(100vh - 20px) !important;

        border-radius: 18px !important;
    }
}