@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Poppins:wght@400;700&family=Source+Sans+3:wght@400;600;700&display=swap");

#input-form {
    background: var(--mpo-reg-form-bg-sm);
    color: var(--mpo-reg-form-color-sm)
}

@media screen and (min-width:900px) {
    #input-form {
        background: var(--mpo-reg-form-bg-lg);
        color: var(--mpo-reg-form-color-lg)
    }
}

#main-render-area .input-body .legend-labels .formgroup {
    margin-bottom: 1em;
    position: relative
}

#main-render-area .input-body .legend-labels .formgroup>label {
    background: #fff;
    color: #000;
    font-size: small;
    font-weight: 400;
    left: .4em;
    padding: 0 2px 0 1px;
    position: absolute;
    top: -.5em;
    z-index: 2
}

#main-render-area .input-body .legend-labels .formgroup .forminput>select:-webkit-autofill {
    --mpo-input-autofill-bg-color: #fff
}

#main-render-area .input-body .legend-labels .formgroup .forminput>input:-webkit-autofill,
#main-render-area .input-body .legend-labels .formgroup .forminput>input:-webkit-autofill:active,
#main-render-area .input-body .legend-labels .formgroup .forminput>input:-webkit-autofill:focus,
#main-render-area .input-body .legend-labels .formgroup .forminput>input:-webkit-autofill:hover,
#main-render-area .input-body .legend-labels .formgroup .forminput>select:-webkit-autofill,
#main-render-area .input-body .legend-labels .formgroup .forminput>select:autofill {
    --mpo-input-autofill-bg-color: #fff
}

#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>select:-webkit-autofill {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, #fff) inset !important
}

#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:active,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:focus,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:hover,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>input:autofill,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>select:-webkit-autofill,
#main-render-area .input-body .legend-labels .formgroup:not(.formgroup--error) .forminput>select:autofill {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, #fff) inset !important
}

#main-render-area .input-body .legend-labels .comp-dateofbirth .formgroup .inputgroup label {
    display: block
}

#main-render-area .input-body .legend-labels .comp-dateofbirth .formgroup .mainlabel {
    display: none
}

.main {
    margin: 0 auto;
    max-width: 470px;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: visible;
    padding: 0;
    position: relative;
    width: 100%
}

@media screen and (min-width:900px) {
    .scroll {
        overflow-x: hidden;
        overflow-y: visible
    }
}

#input-area {
    align-self: center;
    transform: translateZ(0);
    transition: transform .4s ease-in-out;
    width: 100%;
    will-change: transform
}

#input-area.step-transition--slide {
    display: flex
}

@media screen and (min-width:900px) {
    #input-area {
        padding-top: 15px
    }
}

.input-page {
    flex-shrink: 0;
    text-align: center;
    width: 100%
}

.input-body {
    margin: auto;
    text-align: left;
    width: 90%
}

.input-page {
    background: var(--mpo-reg-step-bg-sm);
    min-height: var(--mpo-reg-step-min-height-sm)
}

@media screen and (min-width:900px) {
    .input-page {
        background: var(--mpo-reg-step-bg-lg);
        min-height: var(--mpo-reg-step-min-height-lg)
    }
}

#aside-render-area .themed--overlay,
#aside-render-area .themed--overlay2,
#main-render-area .themed--overlay,
#main-render-area .themed--overlay2 {
    left: 0;
    margin: 0 auto;
    position: absolute
}

#aside-render-area .themed--overlay,
#main-render-area .themed--overlay {
    bottom: var(--mpo-overlay-from-bottom-sm);
    color: var(--mpo-overlay-color-sm);
    font-size: var(--mpo-overlay-font-size-sm);
    right: var(--mpo-overlay-from-right-sm);
    transform: rotate(var(--mpo-overlay-rotate-sm))
}

#aside-render-area .themed--overlay2,
#main-render-area .themed--overlay2 {
    bottom: var(--mpo-overlay2-from-bottom-sm);
    color: var(--mpo-overlay2-color-sm);
    font-size: var(--mpo-overlay2-font-size-sm);
    right: var(--mpo-overlay2-from-right-sm);
    transform: rotate(var(--mpo-overlay2-rotate-sm))
}

@media screen and (min-width:900px) {

    #aside-render-area .themed--overlay,
    #main-render-area .themed--overlay {
        bottom: unset;
        color: var(--mpo-overlay-color-lg);
        font-size: var(--mpo-overlay-font-size-lg);
        right: var(--mpo-overlay-from-right-lg);
        top: var(--mpo-overlay-from-top-lg);
        transform: rotate(var(--mpo-overlay-rotate-lg))
    }

    #aside-render-area .themed--overlay2,
    #main-render-area .themed--overlay2 {
        bottom: unset;
        color: var(--mpo-overlay2-color-lg);
        font-size: var(--mpo-overlay2-font-size-lg);
        right: var(--mpo-overlay2-from-right-lg);
        top: var(--mpo-overlay2-from-top-lg);
        transform: rotate(var(--mpo-overlay2-rotate-lg))
    }

    #div-pch-gpt-placement-top {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 1em
    }

    #div-pch-gpt-placement-top:empty {
        display: block;
        height: 0;
        margin-bottom: 0
    }

    #div-pch-gpt-placement-top>:first-child {
        margin-bottom: 0 !important;
        margin-top: 0 !important
    }

    #div-pch-gpt-placement-bottom {
        margin-left: 50% !important;
        transform: translateX(-50%)
    }

    #div-pch-gpt-placement-sidebar {
        pointer-events: none;
        position: absolute;
        right: -310px;
        top: 0;
        width: 300px
    }

    #div-pch-gpt-placement-sidebar>* {
        pointer-events: all
    }

    #div-pch-gpt-placement-multiple {
        margin-bottom: 1em
    }

    #main-render-area .input-body .comp-address,
    #main-render-area .input-body .comp-citystatezip,
    #main-render-area .input-body .comp-email,
    #main-render-area .input-body .comp-name,
    #main-render-area .input-body .comp-name .name-title,
    #main-render-area .input-body .comp-password {
        display: flex;
        width: 100%
    }

    #main-render-area .input-body .comp-address>*+*,
    #main-render-area .input-body .comp-citystatezip>*+*,
    #main-render-area .input-body .comp-email>*+*,
    #main-render-area .input-body .comp-name .name-title>*+*,
    #main-render-area .input-body .comp-name>*+*,
    #main-render-area .input-body .comp-password>*+* {
        margin-left: 10px
    }

    #main-render-area .input-body .comp-name .title {
        flex-basis: 12%;
        margin-right: 0;
        width: auto
    }

    #main-render-area .input-body .comp-name .title #input-title {
        max-width: 100%;
        width: 100%
    }

    #main-render-area .input-body .comp-name .name {
        flex-basis: calc(88% - 10px);
        width: auto
    }

    #main-render-area .input-body .comp-name .name>*+* {
        margin-left: 10px
    }

    #main-render-area .input-body .comp-name .name.without-title {
        flex-basis: 100%
    }

    #main-render-area .input-body .comp-name .name .fname,
    #main-render-area .input-body .comp-name .name .lname {
        flex-basis: 50%;
        margin-bottom: 0;
        margin-right: 0;
        margin-top: 0
    }

    #main-render-area .input-body .comp-address .formgroup,
    #main-render-area .input-body .comp-address>div {
        flex-basis: 56%;
        margin-right: 10px
    }

    #main-render-area .input-body .comp-address .address2 {
        flex-basis: 44%;
        margin-right: 0;
        width: 100%
    }

    #main-render-area .input-body .comp-address .address-extra-fields {
        flex-basis: unset;
        margin-left: 0;
        margin-right: 0;
        width: calc(44% - 10px)
    }

    #main-render-area .input-body .comp-citystatezip .cityanim {
        flex-basis: 45%;
        width: auto
    }

    #main-render-area .input-body .comp-citystatezip .statezip {
        display: inline-flex;
        flex-basis: 55%
    }

    #main-render-area .input-body .comp-citystatezip .stateanim {
        flex-basis: 60%
    }

    #main-render-area .input-body .comp-citystatezip .zipcontainer {
        flex-basis: 40%
    }

    #main-render-area .input-body .comp-email>.formgroup,
    #main-render-area .input-body .comp-password .password-group {
        flex-basis: 50%
    }

    #main-render-area .input-body .comp-dateofbirth {
        display: inline-block;
        min-width: 310px
    }

    #main-render-area .input-body .comp-dateofbirth .dob-error:empty {
        display: none
    }

    #main-render-area .input-body .comp-dateofbirth .formgroup .inputgroup {
        display: inline-grid;
        grid-template-columns: 2fr 1fr 1fr;
        width: 90%
    }
}

::-ms-reveal {
    display: none
}

#main-render-area .input-body {
    width: 100%
}

#main-render-area .input-body .formgroup {
    margin-bottom: .5em;
    position: relative
}

#main-render-area .input-body .formgroup .forminput-label {
    background: var(--mpo-reg-bodycontent-bg-image-lg, #fff);
    color: var(--mpo-reg-label-color-lg, #276fa4);
    font-family: Source Sans\ 3, sans-serif;
    font-size: 14px;
    font-weight: 400;
    left: .4em;
    padding: 0 2px 0 1px;
    position: absolute;
    top: -.5em;
    z-index: 2
}

#main-render-area .input-body .formgroup.required-field .forminput-label:after {
    background: var(--mpo-reg-bodycontent-bg-image-lg, var(--mpo-reg-bg-color-lg, #fff))
}

#main-render-area .input-body .formgroup .forminput>select:-webkit-autofill {
    --mpo-input-autofill-bg-color: #fff
}

#main-render-area .input-body .formgroup .forminput>input:-webkit-autofill,
#main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:active,
#main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:focus,
#main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:hover,
#main-render-area .input-body .formgroup .forminput>select:-webkit-autofill,
#main-render-area .input-body .formgroup .forminput>select:autofill {
    --mpo-input-autofill-bg-color: #fff
}

#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>select:-webkit-autofill {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, #fff) inset !important
}

#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:active,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:focus,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:-webkit-autofill:hover,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>input:autofill,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>select:-webkit-autofill,
#main-render-area .input-body .formgroup:not(.formgroup--error) .forminput>select:autofill {
    box-shadow: 0 0 0 30px var(--mpo-input-autofill-bg-color, #fff) inset !important
}

#main-render-area .input-body .formgroup .forminput input,
#main-render-area .input-body .formgroup .forminput select {
    box-sizing: border-box;
    font-family: Source Sans\ 3, sans-serif;
    font-size: 16px;
    height: 48px;
    padding: 13px 4px 13px 12px
}

#main-render-area .input-body .formgroup .forminput input::-ms-input-placeholder,
#main-render-area .input-body .formgroup .forminput select::-ms-input-placeholder {
    color: var(--mpo-reg-placeholder-color-lg, #a9a9a9)
}

#main-render-area .input-body .formgroup .forminput input::placeholder,
#main-render-area .input-body .formgroup .forminput select .placeholder,
#main-render-area .input-body .formgroup .forminput select::placeholder,
#main-render-area .input-body .formgroup.validity-on .forminput select {
    color: var(--mpo-reg-placeholder-color-lg, #a9a9a9)
}

#main-render-area .input-body .formgroup.validity-on .forminput select option,
#main-render-area .input-body .formgroup.validity-valid .forminput select {
    color: #000
}

#main-render-area .input-body .formgroup .forminput .msg-container .error-msg {
    font-size: 12px
}

#main-render-area .input-body .formgroup .forminput .msg-container .error-icon {
    top: 24px
}

#main-render-area .input-body .formgroup .forminput .dob-error .msg-container .error-icon {
    top: 7px
}

#main-render-area .input-body .formgroup .forminput .approved-icon,
#main-render-area .input-body .formgroup .forminput .approved-password-icon,
#main-render-area .input-body .formgroup .forminput .default-password-icon,
#main-render-area .input-body .formgroup .forminput .error-pass-icon,
#main-render-area .input-body .formgroup .forminput .input-icon .default-icon,
#main-render-area .input-body .formgroup .forminput .input-icon .error-validation-icon,
#main-render-area .input-body .formgroup .forminput .visible-password-icon {
    bottom: unset;
    top: 24px
}

#main-render-area .input-body select:not([multiple], [size]) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.277 8.255a.946.946 0 0 1 1.338 0L12 13.64l5.385-5.385a.946.946 0 1 1 1.338 1.338L12 16.315 5.277 9.593a.946.946 0 0 1 0-1.338Z' fill='%23106ED3'/%3E%3C/svg%3E");
    background-size: 24px 24px
}

#main-render-area .input-body input[type=checkbox] {
    accent-color: #d18119
}

#main-render-area .input-body .comp-address,
#main-render-area .input-body .comp-citystatezip,
#main-render-area .input-body .comp-name {
    margin-bottom: .75em
}

#main-render-area .input-body .comp-password .password-group {
    margin-bottom: 1em
}

#main-render-area .input-body .comp-email {
    display: block
}

#main-render-area .input-body .comp-email .formgroup {
    margin: 0 0 1em
}

#main-render-area .input-body .comp-address .address-lookup,
#main-render-area .input-body .comp-gender,
#main-render-area .input-body .comp-name .title {
    margin-right: 6px
}

#main-render-area .input-body .comp-address {
    column-gap: 6px
}

#main-render-area .input-body .comp-name .name-title {
    display: flex;
    width: 100%
}

#main-render-area .input-body .comp-name .name {
    margin-left: 0
}

#main-render-area .input-body .elevate-title-gender .comp-name {
    flex-basis: 75%;
    flex-grow: 1;
    width: unset
}

#main-render-area .input-body .elevate-title-gender .name-title {
    display: block
}

#main-render-area .input-body .comp-gender .gender,
#main-render-area .input-body .comp-name .title #input-title {
    width: 106px
}

#main-render-area .input-body .comp-name .lname {
    margin-left: 6px
}

#main-render-area .input-body .comp.comp-dateofbirth {
    display: block
}

#main-render-area .input-body .comp.comp-dateofbirth .mainlabel {
    display: none
}

#main-render-area .input-body .comp.comp-dateofbirth .formgroup .inputgroup .forminput-label {
    display: block
}

#main-render-area .input-body .comp.comp-dateofbirth .formgroup .inputgroup {
    column-gap: 6px;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%
}

#main-render-area .input-body .comp-password {
    display: block
}

#main-render-area .input-body .comp-password .password-group {
    margin-left: 0;
    width: 100%
}

#main-render-area .input-body .comp-citystatezip .statezip {
    margin-left: 6px
}

#main-render-area .input-body .comp-citystatezip .stateanim {
    margin-right: 6px
}

#main-render-area .input-body .comp.comp-address .address1 {
    flex-basis: unset;
    margin-right: 0;
    width: 100%
}

#main-render-area .input-body .comp.comp-address .address-extra-fields {
    flex-basis: unset;
    width: 7.5em
}

.address-lookup-enabled #main-render-area .input-body .comp.comp-address .address-extra-fields {
    flex-basis: unset;
    width: 100%
}

.address-lookup-enabled #main-render-area .input-body .comp.comp-address .address-extra-fields:before {
    background: #c8c8c8;
    bottom: calc(.25em + 15px);
    content: " ";
    height: 1px;
    left: 0;
    pointer-events: none;
    position: absolute;
    width: 100%;
    z-index: -1
}

.address-lookup-enabled #main-render-area .input-body .address-extra-fields .enter-address-manual-btn {
    background: var(--mpo-reg-bodycontent-bg-image-lg, #fff);
    padding: 0 8px
}

@media (max-width:899px) {
    #main-render-area .input-body {
        padding-top: 1em
    }

    #main-render-area .input-body .formgroup .forminput-label {
        color: var(--mpo-reg-label-color-sm, #276fa4)
    }

    #main-render-area .input-body .formgroup .forminput-label,
    #main-render-area .input-body .formgroup.required-field .forminput-label:after {
        background: var(--mpo-reg-bodycontent-bg-image-sm, var(--mpo-reg-bg-color-sm, #f3f3f3))
    }

    #main-render-area .input-body .formgroup .forminput input::-ms-input-placeholder,
    #main-render-area .input-body .formgroup .forminput select::-ms-input-placeholder {
        color: var(--mpo-reg-placeholder-color-sm, #a9a9a9)
    }

    #main-render-area .input-body .formgroup .forminput input::placeholder,
    #main-render-area .input-body .formgroup .forminput select .placeholder,
    #main-render-area .input-body .formgroup .forminput select::placeholder,
    #main-render-area .input-body .formgroup.validity-on .forminput select {
        color: var(--mpo-reg-placeholder-color-sm, #a9a9a9)
    }

    #main-render-area .input-body .formgroup.validity-on .forminput select option,
    #main-render-area .input-body .formgroup.validity-valid .forminput select {
        color: #000
    }

    #main-render-area .input-body .dob-error,
    #main-render-area .input-body .msg-container {
        min-height: 0
    }

    #main-render-area .input-body .comp-name .title #input-title {
        width: 80px
    }

    #main-render-area .input-body .elevate-title-gender .comp.comp-gender {
        flex-basis: 80px
    }

    #main-render-area .input-body .elevate-title-gender .comp.comp-gender .gender {
        width: unset
    }

    #main-render-area .input-body .elevate-title-gender .comp.comp-name {
        flex-basis: 75%
    }

    #main-render-area .input-body .comp.comp-name .name {
        column-gap: 6px;
        display: flex;
        width: 100%
    }

    #main-render-area .input-body .comp-name .fname,
    #main-render-area .input-body .comp-name .lname {
        flex-grow: 1
    }

    #main-render-area .input-body .comp-name .lname {
        margin-left: 0
    }

    #main-render-area .input-body .formgroup .forminput input,
    #main-render-area .input-body .formgroup .forminput select {
        --mpo-input-autofill-bg-color: var(--mpo-reg-bodycontent-bg-image-sm, var(--mpo-reg-bg-color-sm, #f3f3f3));
        background-color: var(--mpo-input-autofill-bg-color);
        border: 1px solid #858585;
        border-radius: 4px
    }

    #main-render-area .input-body .formgroup .forminput>select:-webkit-autofill {
        --mpo-input-autofill-bg-color: var(--mpo-reg-bodycontent-bg-image-sm, var(--mpo-reg-bg-color-sm, #f3f3f3))
    }

    #main-render-area .input-body .formgroup .forminput>input:-webkit-autofill,
    #main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:active,
    #main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:focus,
    #main-render-area .input-body .formgroup .forminput>input:-webkit-autofill:hover,
    #main-render-area .input-body .formgroup .forminput>select:-webkit-autofill,
    #main-render-area .input-body .formgroup .forminput>select:autofill {
        --mpo-input-autofill-bg-color: var(--mpo-reg-bodycontent-bg-image-sm, var(--mpo-reg-bg-color-sm, #f3f3f3))
    }

    #main-render-area .input-body .comp-citystatezip .statezip {
        margin-left: 0
    }

    #main-render-area .input-body .comp-citystatezip .stateanim {
        margin-right: 0
    }

    #main-render-area .input-body .comp-address,
    #main-render-area .input-body .comp-address .address1,
    #main-render-area .input-body .comp-citystatezip,
    #main-render-area .input-body .comp-citystatezip .stateanim,
    #main-render-area .input-body .comp-name,
    #main-render-area .input-body .comp-password .password-group {
        margin-bottom: 1.25em
    }

    #main-render-area .input-body .comp-citystatezip .cityanim {
        margin-bottom: 1em
    }

    #main-render-area .input-body .comp-dateofbirth {
        margin-bottom: 1.1em
    }

    #main-render-area .input-body .comp.comp-address .address-extra-fields {
        width: auto
    }

    .address-lookup-enabled #main-render-area .input-body .address-extra-fields .enter-address-manual-btn {
        background: var(--mpo-reg-bodycontent-bg-image-sm, var(--mpo-reg-bg-color-sm, #f3f3f3))
    }
}

.checkbox-area {
    font-size: 12px;
    font-weight: 600;
    margin-left: 0;
    width: 100%
}

.checkbox-area label {
    padding: 0 0 0 2em;
    position: relative
}

.checkbox-area input {
    left: 0;
    margin: 0;
    position: absolute;
    top: 3px
}

.page #main-render-area .button-area {
    margin-bottom: 0
}

.page .button-area .btn {
    background: unset;
    border: 0;
    color: inherit;
    display: inline-block;
    font-weight: 400;
    margin: 0;
    max-width: unset;
    padding: 0
}

.page .button-area .btn:after {
    display: none
}

.button-area .btn.btn--continue,
.page #aside-render-area .continue-styled-btn>.button-area>.btn,
.page #footer-render-area .continue-styled-btn>.button-area>.btn,
.page #header-render-area .continue-styled-btn>.button-area>.btn,
.page #nav-render-area .continue-styled-btn>.button-area>.btn,
.page #status-render-area .continue-styled-btn>.button-area>.btn,
.page .bodycontent .continue-styled-btn>.button-area>.btn {
    text-edge: cap;
    background: #106ed3;
    border: 1px solid hsla(0, 0%, 100%, .91);
    border-radius: 24px;
    box-shadow: 0 4px 20px 0 rgba(39, 113, 167, .55), 0 3px 0 0 #396280;
    color: #fff;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    height: 52px;
    letter-spacing: .9px;
    line-height: normal;
    margin: 1em auto 2em;
    text-align: center;
    text-transform: uppercase
}

.button-area .btn.btn--continue:hover,
.page #aside-render-area .continue-styled-btn>.button-area>.btn:hover,
.page #footer-render-area .continue-styled-btn>.button-area>.btn:hover,
.page #header-render-area .continue-styled-btn>.button-area>.btn:hover,
.page #nav-render-area .continue-styled-btn>.button-area>.btn:hover,
.page #status-render-area .continue-styled-btn>.button-area>.btn:hover,
.page .bodycontent .continue-styled-btn>.button-area>.btn:hover {
    box-shadow: 0 4px 30px 0 rgba(39, 113, 167, .65), 0 3px 0 0 #a1a1a1
}

.button-area .btn--continue:after {
    display: none
}

.comp.comp-button2.clickable.submit-disabled {
    opacity: 1
}

.page #aside-render-area .continue-styled-btn.submit-disabled>.button-area>.btn,
.page #footer-render-area .continue-styled-btn.submit-disabled>.button-area>.btn,
.page #header-render-area .continue-styled-btn.submit-disabled>.button-area>.btn,
.page #nav-render-area .continue-styled-btn.submit-disabled>.button-area>.btn,
.page #status-render-area .continue-styled-btn.submit-disabled>.button-area>.btn,
.page .bodycontent .continue-styled-btn.submit-disabled>.button-area>.btn,
.submit-disabled>.button-area .btn.btn--continue {
    background: linear-gradient(181deg, #adadad 50%, #c2c2c2 125.27%);
    border: 1px solid hsla(0, 0%, 100%, .91);
    box-shadow: 0 3px 0 0 #a1a1a1;
    opacity: 1
}

.page .comp-button2.close-btn {
    position: absolute;
    right: 1em;
    top: 1em;
    z-index: 10
}

.page .comp-button2.close-btn .button-area .btn {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 44 44'%3E%3Cpath d='M6.8 6.8C10.83 2.77 16.3.5 22 .5s11.17 2.26 15.2 6.3m-30.41 0C2.77 10.83.5 16.3.5 22s2.27 11.17 6.3 15.2c4.03 4.03 9.5 6.3 15.2 6.3s11.17-2.27 15.2-6.3c4.03-4.03 6.3-9.5 6.3-15.2s-2.26-11.17-6.3-15.2m0 0-.35.35m-15.2 15.42-7.71 7.71-.22-.22 7.71-7.71.35-.35-.35-.35-7.71-7.71.22-.22 7.71 7.71.35.35.35-.35 7.71-7.71.22.22-7.71 7.71-.35.35.35.35 7.71 7.71-.22.22-7.71-7.71-.35-.35-.35.35Z' style='fill:%23346eb6;stroke:%23fff'/%3E%3C/svg%3E");
    border: 1px solid hsla(0, 0%, 100%, .8);
    display: inline-block;
    filter: drop-shadow(0 4px 8px rgba(255, 255, 255, .25));
    height: 42px;
    overflow: hidden;
    text-indent: 200%;
    white-space: nowrap;
    width: 42px
}

body {
    background: var(--mpo-reg-bg-color-lg, #f3f3f3);
    font-family: Inter, sans-serif;
    font-weight: 400
}

body .page.theme {
    background-attachment: fixed;
    background-position: 50% var(--mpo-reg-bg-offset, 15px);
    background-repeat: no-repeat
}

.page .bodycontent {
    background-repeat: no-repeat;
    margin-bottom: 1em;
    transition: background-image .7s ease-in-out
}

.page .main {
    overflow: hidden
}

.page>.status {
    text-align: left
}

.comp-text .text {
    line-height: normal
}

.comp-text .text a {
    color: var(--mpo-reg-links-color-lg, #145c91)
}

#aside-render-area {
    padding: 0;
    position: relative
}

#aside-render-area img {
    margin: 0
}

#aside-render-area .themed--gwyno {
    background: var(--mpo-gwy-background);
    border-radius: 5px;
    bottom: var(--mpo-gwy-bottom-sm);
    color: var(--mpo-gwy-color-sm, var(--mpo-gwy-color));
    font-size: 10px;
    left: var(--mpo-gwy-left-sm, 30%);
    opacity: .75;
    position: absolute;
    text-align: center;
    width: 40%
}

.page #status-render-area {
    padding: 0 10px
}

.page #status-render-area,
.page #status-render-area a {
    color: #000;
    color: var(--mpo-reg-form-color);
    color: var(--mpo-reg-status-section-color-sm)
}

.page.theme #disclosureBox {
    border-color: var(--mpo-reg-disclosure-color-sm);
    color: var(--mpo-reg-form-color);
    color: var(--mpo-reg-status-section-color-sm);
    color: var(--mpo-reg-disclosure-color-sm);
    opacity: .8
}

#nav-render-area {
    min-height: 75px;
    position: relative
}

#nav-render-area:after {
    background: var(--mpo-nav-background-image, url("../images/logos/pch/pch-white.png")) 0 0 no-repeat;
    background-size: contain;
    bottom: 6px;
    content: "";
    display: inline-block;
    height: 36px;
    left: 50%;
    position: absolute;
    transform: translate3d(-50%, 0, 0);
    width: 29px
}

@media screen and (max-width:900px) {
    body {
        background: var(--mpo-reg-bg-color-sm, #f3f3f3)
    }

    .comp-text .text a {
        color: var(--mpo-reg-links-color-sm, #106ed3)
    }

    #aside-render-area .themed--user-name {
        bottom: var(--mpo-user-name-bottom-sm);
        left: 0;
        position: absolute;
        width: 100%
    }

    #nav-render-area {
        min-height: unset
    }

    #nav-render-area:after {
        content: unset
    }

    .page .bodycontent {
        background-image: var(--mpo-reg-bodycontent-bg-image-sm);
        background-position: 50% var(--mpo-reg-bodycontent-bg-offset-sm, 0);
        background-size: 100% 100vh;
        margin-top: var(--mpo-reg-top-section-space-sm, 0)
    }

    .page #main-render-area {
        max-width: unset;
        min-height: var(--mpo-reg-bottom-section-height-sm)
    }

    #main-render-area .input-body {
        width: 96%
    }

    .page .bodycontent .main .input-body {
        min-height: var(--mpo-reg-main-section-min-height-sm)
    }
}

@media screen and (min-width:900px) {

    .page #status-render-area,
    .page .bodycontent {
        max-width: var(--mpo-reg-bodycontent-max-width, 610px)
    }

    .page .bodycontent {
        background: var(--mpo-reg-bodycontent-bg-image-lg, #fff);
        border-radius: 24px;
        margin-top: var(--mpo-reg-top-section-space-lg, 0);
        overflow: hidden;
        padding: 0;
        position: relative
    }

    #nav-render-area:after {
        background-image: url(../images/logos/pch/pch-logo-top.png);
        bottom: 15px;
        height: 18px;
        left: 10px;
        transform: translateZ(0);
        width: 187px
    }

    #nav-render-area .nav-links-wrapper .nav-links {
        justify-content: flex-end;
        text-align: right
    }

    #nav-render-area .themed--user-name {
        color: var(--mpo-reg-links-color-lg);
        left: 10px;
        line-height: 1em;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 6px
    }

    #aside-render-area .themed--gwyno {
        background: none;
        bottom: var(--mpo-gwy-bottom-lg);
        color: var(--mpo-gwy-color);
        left: var(--mpo-gwy-left-lg, 30%)
    }

    #aside-render-area #day-counter {
        margin-top: 10px
    }

    #main-render-area {
        max-width: 100%;
        padding: 20px 50px
    }

    .page #main-render-area #input-area {
        padding-top: 0
    }

    .page #status-render-area {
        margin: auto;
        max-width: var(--mpo-reg-bodycontent-max-width, 650px)
    }

    .page #status-render-area,
    .page #status-render-area a {
        color: #000;
        color: var(--mpo-reg-status-section-color-lg)
    }

    .page.theme #disclosureBox {
        border-color: var(--mpo-reg-disclosure-color-lg);
        color: var(--mpo-reg-form-color);
        color: var(--mpo-reg-status-section-color-lg);
        color: var(--mpo-reg-disclosure-color-lg)
    }
}