html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}


.main {
    background: url('/assets/images/main.jpeg');
}



html {
    position: relative;
    min-height: 100%;
}



.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
    color: var(--bs-secondary-color);
    text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
    text-align: start;
}


/*Footer*/

.mat-icon {
    color: blue;
    padding: 3px 0 0 0;
}

.pg-footer {
    background: linear-gradient(90deg, #1f4f70 0%, #415a7f 100%);
    text-align: center;
    height: 60px;
    padding: 15px;
    color: white;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-icons {
    font-size: 25px;
    color: white;
}

.button-color {
    background-color: white;
}

.align-items {
    display: inline-flex;
}

.w-17 {
    width: 17%;
}

.pl-pr-10 {
    padding-left: 10px;
    padding-right: 10px;
}


/*Home*/

.w-100 {
    width: 100%;
}

.w-7 {
    width: 7%;
}

.displayflex {
    display: flex !important;
    align-items: center !important;
}

.pright13 {
    padding-right: 15px;
}

.mr-auto {
    margin-right: auto !important;
}

.primary-button-style {
    background: #ffffff !important;
    color: #1062b1 !important;
    border-radius: 22px;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 10px;
    padding-bottom: 12px;
    text-decoration: none;
    /* width: 75%; */
    font-weight: 600;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1861ac;
}

    .primary-button-style:hover {
        background: #1861ac !important;
        color: #ffffff !important;
        border-radius: 22px;
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 10px;
        padding-bottom: 12px;
        text-decoration: none;
        /* width: 75%; */
        font-weight: 600;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #1861ac;
    }

body {
    margin: 0px !important;
}

.header {
    box-shadow: 0 2px 4px -1px #1562a8db;
    /*padding-left: 60px;
    padding-right: 60px;*/
}

.w-90 {
    width: 90%;
}

.w-80 {
    width: 80%;
}

.pl-20 {
    padding-left: 20px;
}

.pr-20 {
    padding-right: 20px;
}

.home-header {
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
    justify-content: end;
}

.banner_subtitle {
    line-height: 2;
    font-size: 17px;
    margin-top: 30px;
    text-align: left;
}

.w-85-header {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.hero-text {
    width: 82%;
    margin-left: auto;
    margin-right: 15px;
}

.header-title {
    font-size: 25px;
    font-weight: 600;
    color: #07497d;
}

.centeralign {
    text-align: center;
}

.w-70 {
    width: 70%;
}

.info {
    box-shadow: 0 2px 4px -1px rgba(21, 98, 168, 0.8588235294);
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 15px;
    padding-right: 20px;
    padding-left: 20px;
    height: 125px;
    margin-bottom: 30px;
}

.mt-30 {
    margin-top: 30px;
}

.h-700 {
    height: 700px;
}

.p-info-details {
    color: #656363;
    font-size: 10px;
}

.bg-new {
    background-image: url(/assets/images/bg-new.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
}

.h-30 {
    height: 30px;
    background: #112e51;
}

.h-500 {
    height: 500px;
    background: #000409;
}

.bg-hero {
    background: #040a15;
    color: white;
}

.container-login {
    width: 100%;
}

.hero-text {
    color: #9cbbd0;
    font-size: 35px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 65%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
    font-weight: 400;
}

.primary-button-style-login {
    background: #b8d2d8 !important;
    color: #504b63 !important;
    border-radius: 24px;
    padding-left: 45px;
    padding-right: 45px;
    padding-top: 13px;
    padding-bottom: 13px;
    box-shadow: 0 3px 5px -1px #0789ffdb;
}

.PG-FOOTER-LOGIN {
    background: linear-gradient(90deg, #112e51 0%, #6779d1 100%);
    text-align: center;
    height: 30px;
    padding: 15px;
    color: white;
    width: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.text-white {
    --bs-text-opacity: 1;
    color: white !important;
}

.icon-stack-xl {
    height: 5rem;
    width: 5rem;
    font-size: 1.75rem;
}

.bg-gradient-primary-to-secondary {
    background-color: #0061f2;
    background-image: linear-gradient(135deg, #176fd8 0%, rgb(4 10 21) 100%);
}

.icon-stack {
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    border-radius: 100%;
    height: 5rem;
    width: 5rem;
    font-size: 1rem;
    background-color: #eff3f9;
}

.svg-inline--fa.fa-w-20 {
    width: 2.25em;
}

.text-center {
    text-align: center !important;
}

.h-100 {
    height: 100% !important;
}

.card {
    --bs-card-spacer-y: 1rem;
    --bs-card-spacer-x: 1rem;
    --bs-card-title-spacer-y: 0.5rem;
    --bs-card-title-color:;
    --bs-card-subtitle-color:;
    --bs-card-border-width: var(--bs-border-width);
    --bs-card-border-color: var(--bs-border-color-translucent);
    --bs-card-border-radius: var(--bs-border-radius);
    --bs-card-box-shadow:;
    --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
    --bs-card-cap-padding-y: 0.5rem;
    --bs-card-cap-padding-x: 1rem;
    --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
    --bs-card-cap-color:;
    --bs-card-height:;
    --bs-card-color:;
    --bs-card-bg: var(--bs-body-bg);
    --bs-card-img-overlay-padding: 1rem;
    --bs-card-group-margin: 0.75rem;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    height: var(--bs-card-height);
    color: var(--bs-body-color);
    word-wrap: break-word;
    background-color: var(--bs-card-bg);
    background-clip: border-box;
    border: var(--bs-card-border-width) solid var(--bs-card-border-color);
    border-radius: var(--bs-card-border-radius);
}

.card {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    width: 90%;
}

.lift {
    box-shadow: 0 0.15rem 1.75rem 0 rgba(31, 45, 65, 0.15);
    -webkit-transition: box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-transform 0.15s ease-in-out;
}

    .lift:hover {
        -webkit-transform: translateY(-0.3333333333rem);
        transform: translateY(-0.3333333333rem);
        box-shadow: 0 0.5rem 2rem 0 rgba(31, 45, 65, 0.25);
    }

.box-center {
    display: flex;
    justify-content: center;
}

.w-85 {
    width: 85%;
}


.login-div {
    width: 65%;
    margin-left: auto;
    margin-right: auto;
}

.mb-80 {
    margin-bottom: 80px;
}

.header-inline {
    display: flex;
    justify-content: center;
}

.landing-page-row {
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
}


















@charset "UTF-8";

.modal-large {
    max-width: 100%;
}

.body-style {
    color: #666666;
}

.container_mt50 {
    margin-top: 50px;
}

.f16 {
    font-size: 16px;
}

.page-height {
    position: relative;
    min-height: 80vh;
}

/*.modal-body-style {
    background: #f9fafef7;
}*/

.modaladduser-style {
    background: white;
    border-bottom: 0px !important;
}

.modal-title-style {
    margin-bottom: 0;
    line-height: 2;
    color: #002254;
    margin-bottom: 10px;
    text-align: center !important;
}

.w-5 {
    width: 5%;
}
/*shadow*/
.shadow_style {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.16), 0 2px 6px 0 rgba(0,0,0,.12);
}

.padding15px {
    padding: 15px;
}

.margintop15 {
    margin-top: 15px;
}

.modal-content-style {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    /* background-color: #fff; */
    /* background-clip: padding-box; */
    /* border: 1px solid rgba(0,0,0,.2); */
    /* border-radius: .3rem; */
    outline: 0;
}


.imgwidth {
    width: 15%;
}

.mt_10 {
    margin-top: 30px;
}

.marginleft10 {
    margin-left: 10px;
}


.w85_mt {
    width: 55%;
}

.centeralign-text {
    text-align: center;
}

.btn-margintop20 {
    margin-top: 20px;
}

.para {
    font-size: 0.9rem;
    margin-top: 0;
}

.font09 {
    font-size: 16px;
}

.header_h3 {
    font-size: 18px;
    padding-left: 10px;
}

.pl-15 {
    padding-left: 15px;
}

.mb20_pl {
    margin-bottom: 20px;
    padding-left: 10px;
}

.lineh02 {
    line-height: 0.2;
}



.marginleft25 {
    margin-left: 25px;
    margin-left: 30px;
    margin-bottom: 17px;
}

.modal-margin {
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 30px;
}



@media (max-width:992px) {
    .imgwidth {
        width: 55%;
        float: left;
    }
    .key {
        font-size: 14px!important;
    }
    .admin-menu-image{
        width: 100%!important;
    }
    .tab-content{
padding-right: 0px!important;
padding-left: 0px!important;
    }
    .nav-btn-style {
        background: white !important;
        margin-left: auto !important;
        align-items: center;
        display: flex;
        color: #112e51;
    }
    .w-85-centered{
        width: 100%!important;
    }
    .w-50-centered {
        width: 100% !important;
    }
    .profile-nav {
        margin-top: 20px !important;
    }
    .sm-w-100 {
        width: 100%!important;
    }
    .display-flex-sm-block {
        display: block!important;
    }
    .h-1500 {
        height: 1500px!important;
    }
    .site-wrap {
        height: auto;
    }
  
    .user-menu-profile-pic {
        width: 50% !important;
    }

    .welcome-img {
        display: none !important;
    }

    .welcome-box {
        height: 273px !important;
    }

    .large-card-width {
        width: 100% !important;
    }

    .col-8 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .order-2-sm {
        order: 2 !important;
    }

    .order-1-sm {
        order: 1 !important;
    }

    .text-center-sm {
        text-align: center !important;
    }

    .box-center {
        margin-bottom: 20px;
    }

    .landing-page-text {
        margin-bottom: 50px;
        margin-top: 50px;
        text-align: center;
    }

    .sign-in-gpo {
        width: 75px !important;
    }

    .displayflex-login {
        display: flex;
        align-items: center;
    }

    @media (max-width:702px) {
        /*    .width-100 {
        width: 100px;
    }*/

        .sign-in-gpo {
            width: 75px !important;
            /*margin-left: 0px !important;*/
            /*        margin-top: 2px;*/
        }

        .sign-in-login {
            width: 120px !important;
            /*margin-left: 0px !important;*/
            /*        margin-top: 5px;*/
        }
    }

    .padding30px {
        padding: 0px !important;
    }

    .register-div-profile {
        width: 100% !important;
    }

    .lg-100-sm-30 {
        width: 70% !important;
    }

    .sm-p-25 {
        padding: 25px !important;
    }

    .txtalignsm {
        text-align: center;
    }

    .img-align {
        text-align: left !important;
    }

    .col-lg-5 {
        margin-top: 25px;
    }

    .w85_mt {
        margin-top: 0px;
    }

    .mdb-select {
        padding-right: 10px;
        width: 100% !important;
        padding-left: 0.5rem !important;
    }
}

.hint_color {
    color: #007bff !important;
}

.changetext {
    color: #002254;
    width: 80%;
}



.btn-padding {
    padding-left: 30px;
    padding-right: 30px;
}

.modal-header-style {
    margin-left: 17px;
    margin-bottom: 10px;
    margin-top: 8px;
    color: #666666;
}

.mdb-select {
    width: 97%;
    padding-left: 1.2rem;
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    border-bottom: 1px solid #ced4da !important;
    border: 0px;
}

.file-field input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    filter: alpha(opacity=0);
    opacity: 0;
}

.upload_file-text {
    margin-left: 10px;
    border: 0px;
    border-bottom: 1px solid #ced4da !important;
}

.fw500 {
    font-weight: 500;
}

.tab-content {
    padding-left: 20px;
    padding-top: 5px;
    padding-right: 20px;
    padding-bottom: 10px;
    font-size: 15px;
    line-height: 2;
}

.tabsheader {
    font-size: 18px;
    padding-left: 25px;
    padding-right: 25px;
    width: 33%;
    text-align: center;
   /* margin-top: 10px;*/
    margin-bottom: 10px;
    /* border-radius: 20px;*/
    font-weight: 700;
}

.nav-tabs .nav-link.active {
    color: #112e51 !important;
    background-color: #ffffff !important;
    margin-left: 0px;
    margin-right: 0px;
}

.w-33 {
    width: 33% !important;
}

@media (max-width: 671px) {
    .tabsheader {
        width: 100% !important;
    }
    .h-690 {
        height: 690px!important;
    }
    main {
        height: 645px;
    }

    .grid-container {
        height: 625px;
    }
}

.textindent20 {
    text-indent: 20px;
}

.bottomborder {
    margin-top: 15px;
}


.marginleftandright {
    margin-left: 13px;
    margin-right: 15px;
}

.w55 {
    width: 55% !important;
}

.btn-light:hover {
    background-color: #007bff;
    color: white;
}

.login-col-2 {
    text-align: center;
    background-color: #b2c3de;
    padding-top: 30px;
    padding-bottom: 30px;
    border-radius: 20px;
}

.mright40px {
    margin-right: 40px;
}

.half-circle {
    width: 300px;
    height: 100px;
    background-color: gold;
    border-top-left-radius: 110px;
    border-top-right-radius: 110px;
    border: 10px solid gray;
    border-bottom: 0;
}

.rot {
    border: 1px solid red;
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.btn-GPOlogin {
    background-color: #ffffffcf;
    color: #285675;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #597d95;
}

    .btn-GPOlogin:hover {
        background-color: #4c728c;
        color: white;
    }

.mr-7 {
    margin-right: 7px;
}

m0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

li {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

ul {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}


.paddingleft10px {
    margin-left: 10px;
}


.checkbox-style {
    margin-left: 10px;
    height: 20px;
    width: 25px;
}

.displayflex {
    display: flex;
}

.f16 {
    font-size: 16px;
}

.page-height {
    position: relative;
    min-height: 100vh;
}

li {
    list-style: none !important;
}

ul {
    padding: 0px;
}

.supported-apps {
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
    PADDING: 50PX;
    TEXT-ALIGN: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.border30 {
    border-radius: 15px;
}

.publish-logo {
    width: 70%;
    margin-bottom: 20px;
}


.nav-profile {
    display: flex;
    justify-content: end;
}

.w6 {
    width: 6%;
}

.hrborder {
    margin-left: auto;
    margin-right: auto;
}

.profile-menu-style {
    background: #112e51;
    /*border-radius: 9px;*/
}

.marginbottom {
    /*        margin-bottom: 30px;
        border-bottom: 2px solid rgb(241, 237, 237);*/
    margin-bottom: 25px;
    /* border-bottom: 2px solid rgb(241, 237, 237);
    }

    .hrborder {
        border-top: 2px solid rgb(55, 146, 243);
        margin-left: auto;
        margin-right: auto;
    }

    .contact-div {
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border-radius: 15px;
    }

    .register-div {
        height: 95%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border-radius: 5px;
        padding-bottom: 15px;
        padding-top: 5px;
    }

    .register-div-register-page {
        height: 95%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
        border-radius: 5px;
        padding-bottom: 40px;
        padding-top: 15px;
        overflow: auto;
    }



    .green-color {
        color: #12890a
    }

    .ml-mr-auto {
        margin-left: auto;
        margin-right: auto;
    }

    .input-bg {
        background: #f7f7f7;
    }

    .w-100 {
        width: 100%;
    }

    .body-register {
        background: #d4d4d4;
    }

    .lg-100-sm-30 {
        w-100: 100;
    }

    .img-align {
        text-align: center;
    }

    .register-div-profile {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
        box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
        border-radius: 15px;
        height: 625px;
    }

    .mt-20 {
        margin-top: 20px !important;
    }

    .contact-us-section {
        margin-top: 35px;
        border-top: 1px solid #e3e3e3;
        padding-top: 22px;
    }

    .bg-color {
        background: #d4d4d4;
    }

    .lg-100-sm-30 {
        width: 25%;
    }

    .ml-auto {
        margin-left: auto !important;
    }

    hr {
        opacity: 1 !important;
    }

    .dropdown-style {
        width: 5%;
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: 35px;
    }

    .w-15 {
        width: 20%;
    }

    .mr-1 {
        margin-right: 10px;
    }

    .modalLink {
        color: #0d6efd;
        text-decoration: underline;
    }

    .footer-div {
        padding: 20px;
        justify-content: center;
        text-align: center;
        background: white;
        background: #f5f0f0 !important;
    }

    .pl-pr-20 {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .reset-pwd {
        margin-top: 30px;
        background: aliceblue;
        border-radius: 10px;
        padding: 20px;
    }

        .reset-pwd > p {
            font-size: 16px;
            font-weight: 500;
            /* padding-bottom: 10px; */
}

.pt-20 {
    padding-top: 20px !important;
}

.mr-auto {
    margin-right: auto;
}

@media (min-width: 276px) and (max-width: 500px) {


    .col-sm-11 {
        flex: 0 0 auto !important;
        width: 91.66666667% !important;
    }

    .col-sm-1 {
        flex: 0 0 auto !important;
        width: 8.33333333% !important;
    }

    .col-sm-10 {
        flex: 0 0 auto !important;
        width: 83.33333333% !important;
    }

    element.style {
    }

    .register-div {
        width: 75%;
    }
}

.margintop15 {
    margin-top: 15px;
}

.br-10 {
    border-radius: 10px;
}

.userlinks-table {
    border: 1px solid #d6d5d5;
    border-radius: 20px;
}

.userlins-header {
    background: #5e6166 !important;
    color: white !important;
}

#loading .svg-icon-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px;
}

.white-bg {
    background: white !important;
}

.navbar-nav {
    display: flex;
    justify-content: center;
}



.w-20 {
    width: 20%;
}

.login-main-div {
    background: url(/assets/images/main.jpeg);
    background-repeat: round;
    /* height: 81vh; */
    display: flex;
    align-items: center;
    height: 83vh;
}

.h5-gpo {
    color: #69675b;
    margin-bottom: 25px;
}

.mt-20 {
    margin-top: 20px;
}

.btn-secondary {
    background-color: #003057;
    color: white;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
    border-radius: 30px;
}

    .btn-secondary:hover {
        background-color: #124567;
        color: white;
    }



.page-footer > a {
    color: white;
}

.w-65 {
    width: 65%;
}

.login-btn-style {
    background-color: #f2f9ff;
    color: #285675;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
    box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #597d95;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

    .login-btn-style:hover {
        background-color: #f2f3ff;
        box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #0d6efd;
        font-size: 16.5px;
    }

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.hr-top-style {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    border: 1px solid #cccbdb;
}

.pt4 {
    padding-top: 4px;
}

.w-45 {
    width: 45%;
}

.w-35 {
    width: 35%;
}

.mb5 {
    margin-bottom: 5px;
}

.hero-text-img {
    color: #9cbbd0;
    font-size: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    font-weight: 400;
}

.w-115 {
    width: 115% !important;
}


.step {
    display: none;
}

    .step.active {
        display: block;
    }


.tab-pane {
    width: 90%;
    JUSTIFY-CONTENT: center;
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
}

.tabs-style {
    width: 55%;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between !important;
    margin-bottom: 20px;
}

.nav-link {
    color: white !important;
    font-size: 20px;
}

..nav-link.active {
    color: white !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    /* background-color: var(--bs-nav-pills-link-active-bg); */
    font-weight: 700;
    border-bottom: 2px solid #0c4d82;
    padding-left: 30px;
    padding-right: 30px;
    background-color: white !important;
    width: 100% !important;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10px;
}

.nav-link:focus, .nav-link:hover {
    /*    color: #707e89;*/
    color: white;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.nav-link {
    font-size: 15px;
}

.document {
    height: 100%;
    display: flex;
    align-items: center;
    width: 100%;
}

.register-outer-div {
    width: 100%;
    height: 100%;
    display: flex;
    width: 40%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.w-25 {
    width: 25%;
}

.modal-body-style-large-content {
    background: #f9fafef7;
}

.register-div-large-content {
    width: 93%;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 .5rem 1rem rgb(0 0 0) !important;
    border-radius: 15px;
    padding-bottom: 15px;
    padding-top: 15px;
}

.w-10 {
    width: 10%;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: #86b7fe;
    outline: 0;
    box-shadow: none;
    background-color: #f2f9ff;
    border-color: #cedced;
    font-weight: 700;
}

.form-control {
    outline: 1px solid #0061b5 !important;
    background-color: #e7f2ff !important;
    border-color: #005fd3;
    padding: .775rem 1.75rem !important;
    border-radius: 25px !important;
}

.gpo-login-btn {
    background: #597d95 !important;
    color: white !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.h-95 {
    height: 95%;
}

.register-outer-div-lg {
    width: 100%;
    height: 100%;
    display: flex;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    align-items: center;
}

.h-450 {
    height: 450px;
}

.Subtext {
    font-size: 30px;
    font-weight: 700;
}

.btn-contact {
    padding-left: 20px;
    padding-right: 20px;
    background: #003057;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 10px;
}

.w-60 {
    width: 60%;
}

@media only screen and (max-width: 600px) {
    .register-outer-div-lg {
        width: 95% !important;
        height: 100%;
    }

    .register-outer-div {
        width: 95% !important;
        height: 100%;
    }
}

.h-50 {
    height: 50px !important;
}

@media (min-width: 992px) {
    .navbar-expand-lg {
        height: 90px !important;
    }
}

@media (max-width: 992px) {
    .register-outer-div {
        width: 90%;
    }

    .profile-menu-style {
        width: 100% !important;
    }

    .w-70 {
        width: 90% !important;
    }
}

.mt-40 {
    margin-top: 40px;
}


.mb-40 {
    margin-bottom: 40px;
}

a {
    color: rgb(0 48 87);
    text-decoration: none;
}

.h-30 {
    height: 30px;
}

.text-underline {
    text-decoration: underline;
}

.form-control:focus {
    Box-shadow: none;
}

.w-13 {
    width: 13%;
}

.w-25 {
    width: 25%;
}

.register-img {
    text-align: center;
    margin-top: 35px;
}

.mb-20 {
    margin-bottom: 20px;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #115084 !important;
}
/*    .nav-link {
        color: white;
    }*/

.privacy-tabs {
    width: 100%;
    justify-content: space-around;
    display: flex;
    background: #112e51;
    /* border-radius: 38px;*/
    /* margin-bottom: 10px !important;*/
    /* border-radius: 20px !important;*/
}


.nav-tabs-style {
    margin-bottom: 0 !important;
    border: 0 !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
}

.borderradius-0 {
    border-radius: 0px;
}

.w-95 {
    width: 95%;
}

label {
    display: inline-block;
    margin-left: 15px;
    color: #44494c;
    font-weight: 500;
    margin-bottom: 3px;
    margin-top: 10px;
}

.modal-header {
    justify-content: space-between;
}

.modal {
    --bs-modal-width: 610px;
}

.modal-margin {
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.mb-2rem {
    margin-bottom: 2rem;
}

.mt-50 {
    margin-top: 50px;
}
.alert-success-msg {
    background: #ffffff !important;
    color: #198754 !important;
    font-weight: 500;
    border-left: .5rem solid #198754 !important;
    border: 1px solid #198754;
}
.alert-error-msg {
    background: #ffffff !important;
    color: #9b444d !important;
    font-weight: 500;
    border-left: .5rem solid #9b444d !important;
    border: 1px solid #9b444d;
}
.alert-warning-msg {
    background: #ffffff !important;
    color: #cf7c33 !important;
    font-weight: 500;
    border-left: .5rem solid #cf7c33 !important;
    border: 1px solid #cf7c33;
}
.col-md-12 > code {
    background-color: #fafafa;
    border-radius: 2px;
    font-size: .875rem;
    padding: 5px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.f20 {
    font-size: 30px
}

.signout::after {
    content: none !important;
}

.menu-style {
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 20px;
}

.color-account {
    color: #37627f;
}

.user-links {
    padding-left: 25px;
    padding-right: 25px;
}

    .user-links > .li {
        padding-bottom: 20px !important;
    }

.w-10 {
    width: 10%;
}



.site-wrap {
    flex: 1 0 auto;
    /*    background: url(/assets/images/main.jpeg);
    background-repeat: round;*/
}

.select, .radio__label, .hint, .checkbox__label, .fieldset, .input {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.4
}

.select, .input {
    appearance: none;
    color: #454545;
    border: 1px solid #5c5c5c;
    border-radius: 0;
    width: 100%;
    max-width: 100%;
    height: 2.5rem;
    margin-top: .25rem;
    padding: .5rem;
    display: block
}

@font-face {
    font-family: Roboto Mono Web;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
    src: url("/assets/roboto-mono/roboto-mono-v5-latin-regular-eecd52a4.woff2")format("woff2")
}

@font-face {
    font-family: Roboto Mono Web;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
    src: url("/assets/roboto-mono/roboto-mono-v5-latin-700-14cec979.woff2")format("woff2")
}

@font-face {
    font-family: Roboto Mono Web;
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
    src: url("/assets/roboto-mono/roboto-mono-v5-latin-italic-0699878c.woff2")format("woff2")
}

@font-face {
    font-family: Roboto Mono Web;
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
    src: url("/assets/roboto-mono/roboto-mono-v5-latin-700italic-e30ddf95.woff2")format("woff2")
}

@font-face {
    font-family: Public Sans Web;
    font-style: normal;
    font-weight: 400;
    font-display: fallback;
}

@font-face {
    font-family: Public Sans Web;
    font-style: normal;
    font-weight: 700;
    font-display: fallback;
}

@font-face {
    font-family: Public Sans Web;
    font-style: italic;
    font-weight: 400;
    font-display: fallback;
}

@font-face {
    font-family: Public Sans Web;
    font-style: italic;
    font-weight: 700;
    font-display: fallback;
}

html {
    -webkit-text-size-adjust: 100%;
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace;
    font-size: 1em
}

a {
    background-color: #0000
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

sub, sup {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

button, [type=button], [type=reset], [type=submit] {
    -webkit-appearance: button
}

    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=reset]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=submit]::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    button:-moz-focusring {
        outline: 1px dotted buttontext
    }

    [type=button]:-moz-focusring {
        outline: 1px dotted buttontext
    }

    [type=reset]:-moz-focusring {
        outline: 1px dotted buttontext
    }

    [type=submit]:-moz-focusring {
        outline: 1px dotted buttontext
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    white-space: normal;
    max-width: 100%;
    padding: 0;
    display: table
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button {
    height: auto
}

[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template, [hidden] {
    display: none
}

body {
    color: #454545;
    background-color: transparent;
    overflow-x: hidden
}

input:not([disabled]):focus, select:not([disabled]):focus, textarea:not([disabled]):focus, button:not([disabled]):focus, iframe:focus, [href]:focus, [tabindex]:focus, [contentEditable="true"]:focus {
    outline-offset: 1px;
    outline: 2px solid #0071bb
}

img {
    max-width: 100%
}

.media-link {
    line-height: 0;
    display: inline-block
}

html {
    box-sizing: border-box
}

*, :before, :after {
    box-sizing: inherit
}

html {
    font-feature-settings: "kern" 1;
    font-kerning: normal;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 16px
}

body {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5
}

a {
    color: #0071bb;
    /*text-decoration: underline*/
}

    a:visited {
        color: #0071bb
    }

    a:hover {
        color: #205493
    }

    a:active {
        color: #112e51
    }

    a:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

cite, var, address, dfn {
    font-style: normal
}

html {
    /*    background-color: #112e51*/
    flex: 1 0 auto;
    background: url(/assets/images/main.jpeg);
    background-repeat: no-repeat;
}

.focus {
    outline-offset: 1px;
    outline: 2px solid #0071bb
}

.sr-only {
    position: absolute;
    left: -999em;
    right: auto
}

.icon {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative
}

.icon--size-3 {
    width: 1.5rem;
    height: 1.5rem
}

.icon--size-4 {
    width: 2rem;
    height: 2rem
}

.icon--size-5 {
    width: 2.5rem;
    height: 2.5rem
}

.icon--size-6 {
    width: 3rem;
    height: 3rem
}

.icon--size-7 {
    width: 3.5rem;
    height: 3.5rem
}

.icon--size-8 {
    width: 4rem;
    height: 4rem
}

.icon--size-9 {
    width: 4.5rem;
    height: 4.5rem
}

.accordion {
    color: #454545;
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5;
    list-style-type: none
}

    .accordion > li {
        max-width: unset;
        margin-bottom: 0
    }

    .accordion > ul li ul {
        list-style: outside
    }

        .accordion > ul li ul > li > ul {
            list-style: circle
        }

            .accordion > ul li ul > li > ul > li > ul {
                list-style: square
            }

    .accordion + .accordion, .accordion + .accordion--bordered {
        margin-top: .5rem
    }

.accordion--bordered .accordion__content {
    border-bottom: 1px solid #cedced;
    border-left: 1px solid #cedced;
    border-right: 1px solid #cedced;
    padding-bottom: 1rem
}

.accordion--bordered .accordion__heading {
    margin-bottom: 0
}

.accordion__heading, .prose .accordion__heading {
    margin: 0;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1
}

    .accordion__heading:not(:first-child), .prose .accordion__heading:not(:first-child) {
        margin-top: .5rem
    }

.accordion__content {
    color: #454545;
    background-color: #fff;
    margin-top: 0;
    padding: 1rem 1.25rem .75rem;
    overflow: auto
}

    .accordion__content > :first-child {
        margin-top: 0
    }

    .accordion__content > :last-child {
        margin-bottom: 0
    }

.accordion__button {
    color: #454545;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
    background-color: #f0f0f0;
    background-image: url("/assets/icons/remove-fbe3d4c4.svg"),linear-gradient(#0000,#0000);
    background-position: right 1.25rem center;
    background-repeat: no-repeat;
    background-size: 1.5rem;
    border: 0;
    border-radius: 0;
    justify-content: normal;
    width: 100%;
    margin: 0;
    padding: 1rem 3.5rem 1rem 1.25rem;
    font-weight: 700;
    text-decoration: none;
    display: inline-block
}

    .accordion__button:visited {
        color: #0071bb
    }

    .accordion__button:hover {
        color: #205493
    }

    .accordion__button:active {
        color: #112e51
    }

    .accordion__button:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

    .accordion__button:hover, .accordion__button.button--hover, .accordion__button:disabled:hover, .accordion__button[aria-disabled=true]:hover, .accordion__button:disabled.button--hover, .accordion__button[aria-disabled=true].button--hover, .accordion__button:active, .accordion__button.button--active, .accordion__button:disabled:active, .accordion__button[aria-disabled=true]:active, .accordion__button:disabled.button--active, .accordion__button[aria-disabled=true].button--active, .accordion__button:disabled:focus, .accordion__button[aria-disabled=true]:focus, .accordion__button:disabled.focus, .accordion__button[aria-disabled=true].focus, .accordion__button:disabled, .accordion__button[aria-disabled=true], .accordion__button.button--disabled {
        box-shadow: none;
        background-color: #0000;
        text-decoration: underline
    }

    .accordion__button.button--hover {
        color: #205493
    }

    .accordion__button.button--active {
        color: #112e51
    }

    .accordion__button:disabled, .accordion__button[aria-disabled=true], .accordion__button:disabled:hover, .accordion__button[aria-disabled=true]:hover, .accordion__button[aria-disabled=true]:focus {
        color: #767676
    }

@media (forced-colors:active) {
    .accordion__button:disabled, .accordion__button[aria-disabled=true], .accordion__button:disabled:hover, .accordion__button[aria-disabled=true]:hover, .accordion__button[aria-disabled=true]:focus {
        color: graytext
    }
}

.accordion__button:hover {
    color: #454545;
    background-color: #dedede;
    background-image: url("/assets/icons/remove-fbe3d4c4.svg"),linear-gradient(#0000,#0000);
    background-repeat: no-repeat;
    text-decoration: none
}

@media (forced-colors:active) {
    .accordion__button {
        border: 2px solid #0000;
        position: relative
    }

        .accordion__button:before {
            content: "";
            background-image: url("/assets/icons/remove-fbe3d4c4.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1.5rem 1.5rem;
            width: 1.5rem;
            height: 100%;
            display: inline-block;
            position: absolute;
            top: 0;
            right: 1.25rem
        }

    @supports ((-webkit-mask: url("")) or (mask:url(""))) {
        .accordion__button:before {
            background: buttontext;
            -webkit-mask-image: url("/assets/icons/remove-fbe3d4c4.svg"),linear-gradient(#0000,#0000);
            mask-image: url("/assets/icons/remove-fbe3d4c4.svg"),linear-gradient(#0000,#0000);
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 1.5rem 1.5rem;
            mask-size: 1.5rem 1.5rem;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }
}

.accordion__button[aria-expanded=false] {
    background-image: url("/assets/icons/add-5c0b3074.svg"),linear-gradient(#0000,#0000);
    background-repeat: no-repeat;
    background-size: 1.5rem
}

    .accordion__button[aria-expanded=false]:hover {
        background-image: url("/assets/icons/add-5c0b3074.svg"),linear-gradient(#0000,#0000);
        background-repeat: no-repeat
    }

@media (forced-colors:active) {
    .accordion__button[aria-expanded=false]:before {
        background-image: url("/assets/icons/add-5c0b3074.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        width: 1.5rem;
        height: 100%;
        display: inline-block;
        position: absolute;
        top: 0;
        right: 1.25rem
    }

    @supports ((-webkit-mask: url("")) or (mask:url(""))) {
        .accordion__button[aria-expanded=false]:before {
            background: buttontext;
            -webkit-mask-image: url("/assets/icons/add-5c0b3074.svg"),linear-gradient(#0000,#0000);
            mask-image: url("/assets/icons/add-5c0b3074.svg"),linear-gradient(#0000,#0000);
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 1.5rem 1.5rem;
            mask-size: 1.5rem 1.5rem;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }
}

.accordion__button {
    color: #0071bb;
    background-color: #0000;
    background-size: 1rem;
    border: 1px solid #cedced;
    border-radius: .5rem;
    font-weight: 400;
    line-height: 1.5
}

    .accordion__button, .accordion__button:hover {
        background-image: url("/assets/minus-500550d8.svg"),linear-gradient(#0000,#0000);
        background-repeat: no-repeat
    }

        .accordion__button:hover {
            color: #0071bb;
            background-color: #f2f9ff
        }

        .accordion__button:active {
            color: #0071bb;
            background-color: #ebf3fa
        }

        .accordion__button[aria-expanded=false] {
            background-size: 1rem
        }

            .accordion__button[aria-expanded=false], .accordion__button[aria-expanded=false]:hover {
                background-image: url("/assets/plus-64f58c0a.svg"),linear-gradient(#0000,#0000);
                background-repeat: no-repeat
            }

.accordion--bordered .accordion__button[aria-expanded=true] {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.accordion--bordered .accordion__content {
    border-bottom-right-radius: .5rem;
    border-bottom-left-radius: .5rem
}

.js-loading .accordion .accordion__heading:has(.accordion__button:not([aria-expanded=true])) + .accordion__content, .js-loading .accordion .accordion__button:not([aria-expanded=true]) + .accordion__content {
    position: absolute;
    left: -999em;
    right: auto
}

.alert {
    color: #454545;
    background-color: #f0f0f0;
    border-left: .5rem solid #adadad
}

    .alert .alert__body {
        padding-top: .75rem;
        padding-bottom: .75rem;
        font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
        font-size: 1rem;
        line-height: 1.5;
        position: relative
    }

    .alert .alert__text {
        margin-top: 0;
        margin-bottom: 0
    }

        .alert .alert__text:only-child {
            padding-top: 0;
            padding-bottom: 0
        }

    .alert .alert__heading {
        margin-top: 0;
        margin-bottom: .5rem;
        font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
        font-size: 1.38rem;
        line-height: 1
    }

    .alert > .list, .alert .alert__body > .list {
        padding-left: 2ch
    }

        .alert > .list:last-child, .alert .alert__body > .list:last-child {
            margin-bottom: 0
        }

    .alert .alert__body {
        padding-left: 1rem;
        padding-right: 1rem
    }

        .alert .alert__body:before {
            left: .916667rem
        }

* + .alert {
    margin-top: 1rem
}

.alert--success {
    background-color: #ebfcef;
    border-left-color: #18852e
}

    .alert--success .alert__body {
        color: #454545;
        background-color: #ebfcef;
        flex-direction: column;
        justify-content: center;
        min-height: 2.16667rem;
        display: flex
    }

        .alert--success .alert__body:before {
            content: "";
            background-image: url("/assets/icons/check_circle-9998d611.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            top: .583333rem
        }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--success .alert__body:before {
        background: #454545;
        -webkit-mask-image: url("/assets/icons/check_circle-9998d611.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/check_circle-9998d611.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert--success .alert__body > * {
    margin-left: 1.5rem
}

.alert--success .alert__body .link, .alert--success .alert__body .link:visited {
    color: #0071bb
}

    .alert--success .alert__body .link:hover, .alert--success .alert__body .link:active {
        color: #205493
    }

.alert--warning {
    background-color: #fffdd7;
    border-left-color: #f5d600
}

    .alert--warning .alert__body {
        color: #454545;
        background-color: #fffdd7;
        flex-direction: column;
        justify-content: center;
        min-height: 2.16667rem;
        display: flex
    }

        .alert--warning .alert__body:before {
            content: "";
            background-image: url("/assets/icons/warning-28fb906d.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            top: .583333rem
        }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--warning .alert__body:before {
        background: #454545;
        -webkit-mask-image: url("/assets/icons/warning-28fb906d.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/warning-28fb906d.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert--warning .alert__body > * {
    margin-left: 1.5rem
}

.alert--warning .alert__body .link, .alert--warning .alert__body .link:visited {
    color: #0071bb
}

    .alert--warning .alert__body .link:hover, .alert--warning .alert__body .link:active {
        color: #205493
    }

.alert--error {
    background-color: #fff0f3;
    border-left-color: #e21c3d
}

    .alert--error .alert__body {
        color: #454545;
        background-color: #fff0f3;
        flex-direction: column;
        justify-content: center;
        min-height: 2.16667rem;
        display: flex
    }

        .alert--error .alert__body:before {
            content: "";
            background-image: url("/assets/icons/error-9489e5f3.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            top: .583333rem
        }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--error .alert__body:before {
        background: #454545;
        -webkit-mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert--error .alert__body > * {
    margin-left: 1.5rem
}

.alert--error .alert__body .link, .alert--error .alert__body .link:visited {
    color: #0071bb
}

    .alert--error .alert__body .link:hover, .alert--error .alert__body .link:active {
        color: #205493
    }

.alert--info {
    background-color: #ecfcff;
    border-left-color: #00a2c4
}

    .alert--info .alert__body {
        color: #454545;
        background-color: #ecfcff;
        flex-direction: column;
        justify-content: center;
        min-height: 2.16667rem;
        display: flex
    }

        .alert--info .alert__body:before {
            content: "";
            background-image: url("/assets/icons/info-82644139.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            top: .583333rem
        }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--info .alert__body:before {
        background: #454545;
        -webkit-mask-image: url("/assets/icons/info-82644139.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/info-82644139.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert--info .alert__body > * {
    margin-left: 1.5rem
}

.alert--info .alert__body .link, .alert--info .alert__body .link:visited {
    color: #0071bb
}

    .alert--info .alert__body .link:hover, .alert--info .alert__body .link:active {
        color: #205493
    }

.alert--emergency {
    background-color: #9c3d10;
    border-left-color: #9c3d10
}

    .alert--emergency .alert__body {
        color: #fff;
        background-color: #9c3d10;
        flex-direction: column;
        justify-content: center;
        min-height: 2.16667rem;
        display: flex
    }

        .alert--emergency .alert__body:before {
            content: "";
            background-image: url("/assets/icons-bg/error--white-9b60b584.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            display: block;
            position: absolute;
            top: .583333rem
        }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--emergency .alert__body:before {
        background: #fff;
        -webkit-mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert--emergency .alert__body > * {
    margin-left: 1.5rem
}

.alert--emergency .alert__body .link, .alert--emergency .alert__body .link:visited, .alert--emergency .alert__body .link:hover, .alert--emergency .alert__body .link:active {
    color: #fff
}

.alert--slim .alert__body {
    min-height: 0;
    padding-top: .5rem;
    padding-bottom: .5rem
}

    .alert--slim .alert__body:before {
        width: 1.5rem;
        height: 1.5rem;
        top: .5rem
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--slim .alert__body:before {
        -webkit-mask-size: 1.5rem;
        mask-size: 1.5rem
    }
}

.alert--slim .alert__body > * {
    margin-left: 2rem
}

.alert--slim .alert__body:before {
    left: .875rem
}

.alert--no-icon .alert__body {
    min-height: 0
}

    .alert--no-icon .alert__body:before {
        display: none
    }

    .alert--no-icon .alert__body > * {
        margin-left: 0
    }

.alert--validation .checklist {
    margin-top: 1rem
}

.alert, .alert .alert__body {
    border-radius: .5rem
}

.alert--success .alert__body:before, .alert--warning .alert__body:before, .alert--error .alert__body:before, .alert--info .alert__body:before, .alert--emergency .alert__body:before {
    top: 1rem
}

.media-block {
    align-items: flex-start;
    display: flex
}

.media-block__img {
    flex-shrink: 0;
    margin-right: .5rem
}

.media-block__body {
    flex: 1
}

.banner {
    background-color: #ebf3fa;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5
}

@media (width>=640px) {
    .banner {
        padding-bottom: 0;
        font-size: .63rem
    }
}

.banner .accordion {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5
}

.banner .grid-row {
    flex-wrap: wrap;
    display: flex
}

    .banner .grid-row.grid-gap-lg {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

        .banner .grid-row.grid-gap-lg > * {
            padding-left: .75rem;
            padding-right: .75rem
        }

@media (width>=640px) {
    .banner .grid-row .tablet\: grid-col-6 {
        flex: 0 auto;
        width: 50%
    }
}

.banner__header, .banner__content {
    color: #454545
}

.banner__content {
    background-color: #0000;
    width: 100%;
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding: .25rem 1rem 1rem .5rem;
    font-size: .94rem;
    overflow: hidden
}

@media (width>=1024px) {
    .banner__content {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .banner__content {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }
}

.banner__content p:first-child {
    margin: 0
}

.banner__guidance {
    align-items: flex-start;
    max-width: 64ex;
    padding-top: 1rem;
    display: flex
}

@media (width>=640px) {
    .banner__guidance {
        padding-top: 0
    }
}

.banner__lock-image {
    width: 1.21875ex;
    height: 1.5ex
}

    .banner__lock-image path {
        fill: currentColor
    }

@media (forced-colors:active) {
    .banner__lock-image path {
        fill: canvastext
    }
}

.banner__inner {
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 0;
    display: flex
}

@media (width>=1024px) {
    .banner__inner {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .banner__inner {
        align-items: center
    }
}

.banner__header {
    min-height: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    font-size: .75rem;
    font-weight: 400;
    position: relative
}

@media (width>=640px) {
    .banner__header {
        min-height: 0;
        padding-top: .25rem;
        padding-bottom: .25rem
    }
}

.banner__header-text {
    margin-top: 0;
    margin-bottom: 0;
    font-size: .75rem;
    line-height: 1.2;
    display: flex;
    justify-content: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.banner__header-action {
    color: #0071bb;
    margin-top: 2px;
    margin-bottom: 0;
    line-height: 1.2;
    text-decoration: underline
}

    .banner__header-action:after {
        content: "";
        vertical-align: middle;
        background-image: url("/assets/icons/expand_more-d32ec934.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1rem 1rem;
        width: 1rem;
        height: 1rem;
        margin-left: auto;
        display: inline-block
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .banner__header-action:after {
        background: #0071bb;
        -webkit-mask-image: url("/assets/icons/expand_more-d32ec934.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/expand_more-d32ec934.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }

        .banner__header-action:after:hover {
            background-color: #205493
        }
}

.banner__header-action:hover:after {
    content: "";
    background-color: #205493
}

.banner__header-action:visited {
    color: #0071bb
}

.banner__header-action:hover, .banner__header-action:active {
    color: #205493
}

@media (width>=640px) {
    .banner__header-action {
        display: none
    }
}

@media (forced-colors:active) {
    .banner__header-action {
        color: linktext
    }

        .banner__header-action:after {
            background-color: buttontext
        }
}

.banner__header-flag {
    float: left;
    width: 1rem;
    margin-right: .5rem
}

@media (width>=640px) {
    .banner__header-flag {
        margin-right: .5rem;
        padding-top: 0
    }
}

.banner__header--expanded {
    padding-right: 3.5rem
}

@media (width>=640px) {
    .banner__header--expanded {
        background-color: #0000;
        min-height: 0;
        padding-right: 0;
        font-size: .75rem;
        font-weight: 400;
        display: block
    }
}

.banner__header--expanded .banner__inner {
    margin-left: 0
}

@media (width>=640px) {
    .banner__header--expanded .banner__inner {
        margin-left: auto
    }
}

.banner__header--expanded .banner__header-action {
    display: none
}

.banner__button {
    color: #0071bb;
    box-shadow: none;
    text-align: left;
    background-color: #0000;
    border: 0;
    border-radius: 0;
    justify-content: normal;
    width: auto;
    height: auto;
    margin: 0;
    padding: 0 0 0 0;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

    .banner__button:hover {
        color: #205493
    }

    .banner__button:active {
        color: #112e51
    }

    .banner__button:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

    .banner__button:hover, .banner__button.button--hover, .banner__button:disabled:hover, .banner__button[aria-disabled=true]:hover, .banner__button:disabled.button--hover, .banner__button[aria-disabled=true].button--hover, .banner__button:active, .banner__button.button--active, .banner__button:disabled:active, .banner__button[aria-disabled=true]:active, .banner__button:disabled.button--active, .banner__button[aria-disabled=true].button--active, .banner__button:disabled:focus, .banner__button[aria-disabled=true]:focus, .banner__button:disabled.focus, .banner__button[aria-disabled=true].focus, .banner__button:disabled, .banner__button[aria-disabled=true], .banner__button.button--disabled {
        box-shadow: none;
        background-color: #0000;
        text-decoration: underline
    }

    .banner__button.button--hover {
        color: #205493
    }

    .banner__button.button--active {
        color: #112e51
    }

    .banner__button:disabled, .banner__button[aria-disabled=true], .banner__button:disabled:hover, .banner__button[aria-disabled=true]:hover, .banner__button[aria-disabled=true]:focus {
        color: #767676
    }

@media (forced-colors:active) {
    .banner__button:disabled, .banner__button[aria-disabled=true], .banner__button:disabled:hover, .banner__button[aria-disabled=true]:hover, .banner__button[aria-disabled=true]:focus {
        color: graytext
    }
}

.banner__button:visited {
    color: #0071bb
}

.banner__button:hover, .banner__button:active {
    color: #205493
}

@media (width<=639px) {
    .banner__button {
        width: 100%
    }

        .banner__button:enabled:focus {
            outline-offset: -.25rem
        }
}

@media (width>=640px) {
    .banner__button {
        color: #0071bb;
        margin-left: .5rem;
        display: inline;
        position: relative;
        inset: auto
    }

        .banner__button:after {
            content: "";
            vertical-align: middle;
            background-image: url("/assets/icons/expand_more-d32ec934.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            margin-left: 2px;
            display: inline-block
        }

    @supports ((-webkit-mask: url("")) or (mask:url(""))) {
        .banner__button:after {
            background: #0071bb;
            -webkit-mask-image: url("/assets/icons/expand_more-d32ec934.svg"),linear-gradient(#0000,#0000);
            mask-image: url("/assets/icons/expand_more-d32ec934.svg"),linear-gradient(#0000,#0000);
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 1rem 1rem;
            mask-size: 1rem 1rem;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

            .banner__button:after:hover {
                background-color: #205493
            }
    }

    .banner__button:hover:after {
        content: "";
        background-color: #205493
    }

    .banner__button:visited {
        color: #0071bb
    }

    .banner__button:hover, .banner__button:active {
        color: #205493
    }

        .banner__button:after, .banner__button:hover:after {
            position: absolute
        }
}

@media (width>=640px) and (forced-colors: active) {
    .banner__button:after, .banner__button:hover:after {
        background-color: buttontext
    }
}

@media (width>=640px) {
    .banner__button: hover {
        text-decoration: none
    }
}

.banner__button[aria-expanded=false], .banner__button[aria-expanded=false]:hover, .banner__button[aria-expanded=true], .banner__button[aria-expanded=true]:hover {
    background-image: none
}

@media (forced-colors:active) {
    .banner__button[aria-expanded=false]:before, .banner__button[aria-expanded=false]:hover:before, .banner__button[aria-expanded=true]:before, .banner__button[aria-expanded=true]:hover:before {
        content: none
    }
}

@media (width<=639px) {
    .banner__button[aria-expanded=true]: after {
        content: "";
        vertical-align: middle;
        background-image: url("/assets/icons/close-62b136c6.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.5rem 1.5rem;
        width: 3rem;
        height: 3rem;
        margin-left: 0;
        display: inline-block
    }

    @supports ((-webkit-mask: url("")) or (mask:url(""))) {
        .banner__button[aria-expanded=true]:after {
            background: #005ea2;
            -webkit-mask-image: url("/assets/icons/close-62b136c6.svg"),linear-gradient(#0000,#0000);
            mask-image: url("/assets/icons/close-62b136c6.svg"),linear-gradient(#0000,#0000);
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 1.5rem 1.5rem;
            mask-size: 1.5rem 1.5rem;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }
    }

    .banner__button[aria-expanded=true]:before {
        content: "";
        background-color: #dedede;
        width: 3rem;
        height: 3rem;
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }

    .banner__button[aria-expanded=true]:after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0
    }
}

@media (width>=640px) {
    .banner__button[aria-expanded=true] {
        height: auto;
        padding: 0;
        position: relative
    }

        .banner__button[aria-expanded=true]:after {
            content: "";
            vertical-align: middle;
            background-image: url("/assets/icons/expand_less-f1cdec3e.svg");
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 1rem 1rem;
            width: 1rem;
            height: 1rem;
            margin-left: 2px;
            display: inline-block
        }

    @supports ((-webkit-mask: url("")) or (mask:url(""))) {
        .banner__button[aria-expanded=true]:after {
            background: #0071bb;
            -webkit-mask-image: url("/assets/icons/expand_less-f1cdec3e.svg"),linear-gradient(#0000,#0000);
            mask-image: url("/assets/icons/expand_less-f1cdec3e.svg"),linear-gradient(#0000,#0000);
            -webkit-mask-position: 50%;
            mask-position: 50%;
            -webkit-mask-size: 1rem 1rem;
            mask-size: 1rem 1rem;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat
        }

            .banner__button[aria-expanded=true]:after:hover {
                background-color: #205493
            }
    }

    .banner__button[aria-expanded=true]:hover:after {
        content: "";
        background-color: #205493
    }

    .banner__button[aria-expanded=true]:after, .banner__button[aria-expanded=true]:hover:after {
        position: absolute
    }
}

@media (width>=640px) and (forced-colors: active) {
    .banner__button[aria-expanded=true]:after, .banner__button[aria-expanded=true]:hover:after {
        background-color: buttontext
    }
}

.banner__button-text {
    text-decoration: underline;
    position: absolute;
    left: -999em;
    right: auto
}

@media (width>=640px) {
    .banner__button-text {
        display: inline;
        position: static
    }
}

@media (forced-colors:active) {
    .banner__button-text {
        color: linktext
    }
}

.banner__icon {
    width: 2.5rem
}

.js-loading .banner__content {
    position: absolute;
    left: -999em;
    right: auto
}

.banner__header {
    color: #fff;
    background-color: #112e51;
    padding: .5rem 0
}

@media (width>=640px) {
    .banner__header {
        padding: .5rem 0
    }

    .banner__header--expanded {
        background-color: #112e51;
        padding: .5rem 0
    }

    .banner--centered .banner__inner {
        justify-content: center
    }
}

.accordion__button.banner__button {
    border-style: solid;
    border-width: 0;
    border-radius: 0;
    line-height: 1.2
}

.accordion__button.banner__button, .banner__header-action {
    color: currentColor
}

    .accordion__button.banner__button:hover, .accordion__button.banner__button:active, .banner__header-action:hover, .banner__header-action:active {
        color: currentColor;
        background-color: #0000
    }

.banner__button[aria-expanded=false], .banner__button[aria-expanded=true] {
    background-image: none
}

@media (width<=639px) {
    .banner__button[aria-expanded=true]: before {
        background-color: #ebf3fa
    }
}

@media (width>=640px) {
    .banner__button: after, .banner__button:hover:after, .banner__button[aria-expanded=true]:after, .banner__button[aria-expanded=true]:hover:after {
        background-color: currentColor
    }
}

.banner__header-action:after {
    background-color: currentColor
}

.button {
    color: #fff;
    appearance: none;
    cursor: pointer;
    text-align: center;
    background-color: #0071bb;
    border: 0;
    border-radius: .25rem;
    justify-content: center;
    align-items: center;
    column-gap: .25rem;
    width: 100%;
    margin-right: .5rem;
    padding: .75rem 1.25rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    text-decoration: none;
    display: inline-flex
}

@media (width>=480px) {
    .button {
        width: auto
    }
}

.button:visited {
    color: #fff
}

.button:hover, .button.button--hover {
    color: #fff;
    background-color: #205493;
    border-bottom: 0;
    text-decoration: none
}

.button:active, .button.button--active {
    color: #fff;
    background-color: #112e51
}

.button:disabled, .button[aria-disabled=true] {
    color: #454545;
    cursor: not-allowed;
    opacity: 1;
    background-color: #dedede
}

    .button:disabled:hover, .button:disabled:active, .button:disabled:focus, .button:disabled.focus, .button[aria-disabled=true]:hover, .button[aria-disabled=true]:active, .button[aria-disabled=true]:focus, .button[aria-disabled=true].focus {
        color: #454545;
        background-color: #dedede
    }

@media (forced-colors:active) {
    .button:disabled, .button[aria-disabled=true] {
        color: graytext;
        border: 0
    }

        .button:disabled:hover, .button:disabled:active, .button:disabled:focus, .button:disabled.focus, .button[aria-disabled=true]:hover, .button[aria-disabled=true]:active, .button[aria-disabled=true]:focus, .button[aria-disabled=true].focus {
            color: graytext
        }
}

.button:disabled.button--hover, .button:disabled.button--active, .button[aria-disabled=true].button--hover, .button[aria-disabled=true].button--active {
    color: #454545;
    cursor: not-allowed;
    opacity: 1;
    background-color: #dedede
}

    .button:disabled.button--hover:hover, .button:disabled.button--hover:active, .button:disabled.button--hover:focus, .button:disabled.button--hover.focus, .button:disabled.button--active:hover, .button:disabled.button--active:active, .button:disabled.button--active:focus, .button:disabled.button--active.focus, .button[aria-disabled=true].button--hover:hover, .button[aria-disabled=true].button--hover:active, .button[aria-disabled=true].button--hover:focus, .button[aria-disabled=true].button--hover.focus, .button[aria-disabled=true].button--active:hover, .button[aria-disabled=true].button--active:active, .button[aria-disabled=true].button--active:focus, .button[aria-disabled=true].button--active.focus {
        color: #454545;
        background-color: #dedede
    }

@media (forced-colors:active) {
    .button:disabled.button--hover, .button:disabled.button--active, .button[aria-disabled=true].button--hover, .button[aria-disabled=true].button--active {
        color: graytext;
        border: 0
    }

        .button:disabled.button--hover:hover, .button:disabled.button--hover:active, .button:disabled.button--hover:focus, .button:disabled.button--hover.focus, .button:disabled.button--active:hover, .button:disabled.button--active:active, .button:disabled.button--active:focus, .button:disabled.button--active.focus, .button[aria-disabled=true].button--hover:hover, .button[aria-disabled=true].button--hover:active, .button[aria-disabled=true].button--hover:focus, .button[aria-disabled=true].button--hover.focus, .button[aria-disabled=true].button--active:hover, .button[aria-disabled=true].button--active:active, .button[aria-disabled=true].button--active:focus, .button[aria-disabled=true].button--active.focus {
            color: graytext
        }

    .button:disabled:not(.button--unstyled), .button[aria-disabled=true]:not(.button--unstyled) {
        border: 2px solid graytext
    }
}

.button .icon {
    flex-shrink: 0
}

@media (forced-colors:active) {
    .button:not(.button--unstyled) {
        border: 2px solid #0000
    }
}

.button--accent-cool, .button--accent-cool:visited {
    color: #454545;
    background-color: #00a2c4
}

    .button--accent-cool:hover, .button--accent-cool.button--hover {
        color: #fff;
        background-color: #008099
    }

    .button--accent-cool:active, .button--accent-cool.button--active {
        color: #fff;
        background-color: #007187
    }

.button--accent-warm, .button--accent-warm:visited {
    color: #454545;
    background-color: #fa9441
}

    .button--accent-warm:hover, .button--accent-warm.button--hover {
        color: #fff;
        background-color: #c05600
    }

    .button--accent-warm:active, .button--accent-warm.button--active {
        color: #fff;
        background-color: #775540
    }

.button--outline {
    color: #0071bb;
    background-color: #0000;
    box-shadow: inset 0 0 0 1px #0071bb
}

    .button--outline:visited {
        color: #0071bb
    }

    .button--outline:hover, .button--outline.button--hover {
        color: #205493;
        background-color: #0000;
        box-shadow: inset 0 0 0 1px #205493
    }

    .button--outline:active, .button--outline.button--active {
        color: #112e51;
        background-color: #0000;
        box-shadow: inset 0 0 0 1px #112e51
    }

    .button--outline.button--inverse {
        color: #fff;
        box-shadow: inset 0 0 0 1px #dedede
    }

        .button--outline.button--inverse:visited {
            color: #fff
        }

        .button--outline.button--inverse:hover, .button--outline.button--inverse.button--hover {
            color: #cedced;
            box-shadow: inset 0 0 0 1px #cedced
        }

        .button--outline.button--inverse:active, .button--outline.button--inverse.button--active {
            color: #fff;
            background-color: #0000;
            box-shadow: inset 0 0 0 1px #fff
        }

        .button--outline.button--inverse.button--unstyled {
            color: #fff;
            box-shadow: none;
            text-align: left;
            background-color: #0000;
            border: 0;
            border-radius: 0;
            justify-content: normal;
            width: auto;
            margin: 0;
            padding: 0;
            font-weight: 400;
            text-decoration: underline
        }

            .button--outline.button--inverse.button--unstyled:hover {
                color: #205493
            }

            .button--outline.button--inverse.button--unstyled:active {
                color: #112e51
            }

            .button--outline.button--inverse.button--unstyled:focus {
                outline-offset: 1px;
                outline: 2px solid #0071bb
            }

            .button--outline.button--inverse.button--unstyled:hover, .button--outline.button--inverse.button--unstyled.button--hover, .button--outline.button--inverse.button--unstyled:disabled:hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:hover, .button--outline.button--inverse.button--unstyled:disabled.button--hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true].button--hover, .button--outline.button--inverse.button--unstyled:active, .button--outline.button--inverse.button--unstyled.button--active, .button--outline.button--inverse.button--unstyled:disabled:active, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:active, .button--outline.button--inverse.button--unstyled:disabled.button--active, .button--outline.button--inverse.button--unstyled[aria-disabled=true].button--active, .button--outline.button--inverse.button--unstyled:disabled:focus, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:focus, .button--outline.button--inverse.button--unstyled:disabled.focus, .button--outline.button--inverse.button--unstyled[aria-disabled=true].focus, .button--outline.button--inverse.button--unstyled:disabled, .button--outline.button--inverse.button--unstyled[aria-disabled=true], .button--outline.button--inverse.button--unstyled.button--disabled {
                box-shadow: none;
                background-color: #0000;
                text-decoration: underline
            }

            .button--outline.button--inverse.button--unstyled.button--hover {
                color: #205493
            }

            .button--outline.button--inverse.button--unstyled.button--active {
                color: #112e51
            }

            .button--outline.button--inverse.button--unstyled:disabled, .button--outline.button--inverse.button--unstyled[aria-disabled=true], .button--outline.button--inverse.button--unstyled:disabled:hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:focus {
                color: #767676
            }

@media (forced-colors:active) {
    .button--outline.button--inverse.button--unstyled:disabled, .button--outline.button--inverse.button--unstyled[aria-disabled=true], .button--outline.button--inverse.button--unstyled:disabled:hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:hover, .button--outline.button--inverse.button--unstyled[aria-disabled=true]:focus {
        color: graytext
    }
}

.button--outline.button--inverse.button--unstyled:visited {
    color: #fff
}

.button--outline.button--inverse.button--unstyled:hover, .button--outline.button--inverse.button--unstyled.button--hover {
    color: #cedced
}

.button--outline.button--inverse.button--unstyled:active, .button--outline.button--inverse.button--unstyled.button--active {
    color: #fff
}

.button--base {
    color: #fff;
    background-color: #767676
}

    .button--base:hover, .button--base.button--hover {
        color: #fff;
        background-color: #5c5c5c
    }

    .button--base:active, .button--base.button--active {
        color: #fff;
        background-color: #454545
    }

.button--secondary {
    color: #fff;
    background-color: #e21c3d
}

    .button--secondary:hover, .button--secondary.button--hover {
        color: #fff;
        background-color: #ab142f
    }

    .button--secondary:active, .button--secondary.button--active {
        color: #fff;
        background-color: #8b0a21
    }

.button--big {
    border-radius: .25rem;
    padding: 1rem 1.5rem;
    font-size: 1.38rem
}

.button--outline:disabled, .button--outline:disabled:hover, .button--outline:disabled:active, .button--outline:disabled:focus, .button--outline[aria-disabled=true], .button--outline[aria-disabled=true]:hover, .button--outline[aria-disabled=true]:active, .button--outline[aria-disabled=true]:focus, .button--outline-inverse:disabled, .button--outline-inverse:disabled:hover, .button--outline-inverse:disabled:active, .button--outline-inverse:disabled:focus, .button--outline-inverse[aria-disabled=true], .button--outline-inverse[aria-disabled=true]:hover, .button--outline-inverse[aria-disabled=true]:active, .button--outline-inverse[aria-disabled=true]:focus {
    color: #767676;
    background-color: #0000
}

.button--outline:disabled, .button--outline[aria-disabled=true] {
    box-shadow: inset 0 0 0 1px #dedede
}

    .button--outline:disabled.button--inverse, .button--outline[aria-disabled=true].button--inverse {
        color: #adadad;
        box-shadow: inset 0 0 0 1px #adadad
    }

@media (forced-colors:active) {
    .button--outline:disabled.button--inverse, .button--outline[aria-disabled=true].button--inverse {
        color: graytext
    }
}

@media (forced-colors:active) {
    .button--unstyled:disabled, .button--unstyled[aria-disabled=true], .button--unstyled:disabled:hover, .button--unstyled[aria-disabled=true]:hover, .button--unstyled[aria-disabled=true]:focus {
        color: graytext
    }
}

.button {
    line-height: 1
}

    .button:not([disabled]):focus, .button:not([disabled]).focus {
        outline-offset: 1px
    }

.button--big {
    border-radius: 1.5rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 1rem
}

.button--unstyled {
    color: #0071bb;
    box-shadow: none;
    text-align: left;
    background-color: #0000;
    border: 0;
    border-radius: 0;
    justify-content: normal;
    width: auto;
    margin: 0;
    padding: 0;
    font-weight: 400;
    text-decoration: underline
}

    .button--unstyled:visited {
        color: #0071bb
    }

    .button--unstyled:hover {
        color: #205493
    }

    .button--unstyled:active {
        color: #112e51
    }

    .button--unstyled:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

    .button--unstyled:hover, .button--unstyled.button--hover, .button--unstyled:disabled:hover, .button--unstyled[aria-disabled=true]:hover, .button--unstyled:disabled.button--hover, .button--unstyled[aria-disabled=true].button--hover, .button--unstyled:active, .button--unstyled.button--active, .button--unstyled:disabled:active, .button--unstyled[aria-disabled=true]:active, .button--unstyled:disabled.button--active, .button--unstyled[aria-disabled=true].button--active, .button--unstyled:disabled:focus, .button--unstyled[aria-disabled=true]:focus, .button--unstyled:disabled.focus, .button--unstyled[aria-disabled=true].focus, .button--unstyled:disabled, .button--unstyled[aria-disabled=true], .button--unstyled.button--disabled {
        box-shadow: none;
        background-color: #0000;
        text-decoration: underline
    }

    .button--unstyled.button--hover {
        color: #205493
    }

    .button--unstyled.button--active {
        color: #112e51
    }

    .button--unstyled:disabled, .button--unstyled[aria-disabled=true], .button--unstyled:disabled:hover, .button--unstyled[aria-disabled=true]:hover, .button--unstyled[aria-disabled=true]:focus {
        color: #767676
    }

@media (forced-colors:active) {
    .button--unstyled:disabled, .button--unstyled[aria-disabled=true], .button--unstyled:disabled:hover, .button--unstyled[aria-disabled=true]:hover, .button--unstyled[aria-disabled=true]:focus {
        color: graytext
    }
}

.button--secondary, .button--outline {
    color: #0071bb;
    background-color: #fff
}

    .button--secondary:visited, .button--outline:visited {
        color: #0071bb
    }

    .button--secondary:hover, .button--secondary.button--hover, .button--outline:hover, .button--outline.button--hover {
        background-color: #f2f9ff
    }

    .button--secondary:active, .button--secondary.button--active, .button--outline:active, .button--outline.button--active {
        background-color: #ebf3fa
    }

    .button--secondary:disabled, .button--secondary[aria-disabled=true], .button--outline:disabled, .button--outline[aria-disabled=true] {
        color: #767676;
        background-color: #fff
    }

    .button--secondary.button--big, .button--outline.button--big {
        box-shadow: inset 0 0 0 2px #0071bb
    }

        .button--secondary.button--big:hover, .button--secondary.button--big.button--hover, .button--outline.button--big:hover, .button--outline.button--big.button--hover {
            box-shadow: inset 0 0 0 2px #205493
        }

        .button--secondary.button--big:active, .button--secondary.button--big.button--active, .button--outline.button--big:active, .button--outline.button--big.button--active {
            box-shadow: inset 0 0 0 2px #112e51
        }

        .button--secondary.button--big:disabled, .button--secondary.button--big[aria-disabled=true], .button--outline.button--big:disabled, .button--outline.button--big[aria-disabled=true] {
            box-shadow: inset 0 0 0 2px #767676
        }

        .button--secondary.button--big.button--inverse, .button--outline.button--big.button--inverse {
            box-shadow: inset 0 0 0 2px #dedede
        }

            .button--secondary.button--big.button--inverse:hover, .button--secondary.button--big.button--inverse.button--hover, .button--outline.button--big.button--inverse:hover, .button--outline.button--big.button--inverse.button--hover {
                box-shadow: inset 0 0 0 2px #cedced
            }

            .button--secondary.button--big.button--inverse:active, .button--secondary.button--big.button--inverse.button--active, .button--outline.button--big.button--inverse:active, .button--outline.button--big.button--inverse.button--active {
                box-shadow: inset 0 0 0 2px #fff
            }

.button--danger {
    background-color: #e21c3d
}

    .button--danger:hover, .button--danger.button--hover {
        background-color: #ab142f
    }

    .button--danger:active, .button--danger.button--active {
        background-color: #680617
    }

    .button--danger.button--outline:not(:disabled,[aria-disabled=true]) {
        color: #e21c3d;
        background-color: #fff;
        box-shadow: inset 0 0 0 1px #e21c3d
    }

        .button--danger.button--outline:not(:disabled,[aria-disabled=true]).button--big {
            box-shadow: inset 0 0 0 2px #e21c3d
        }

        .button--danger.button--outline:not(:disabled,[aria-disabled=true]):hover, .button--danger.button--outline:not(:disabled,[aria-disabled=true]).button--hover {
            color: #ab142f;
            background-color: #fff0f3;
            box-shadow: inset 0 0 0 1px #ab142f
        }

            .button--danger.button--outline:not(:disabled,[aria-disabled=true]):hover.button--big, .button--danger.button--outline:not(:disabled,[aria-disabled=true]).button--hover.button--big {
                box-shadow: inset 0 0 0 2px #ab142f
            }

    .button--danger.button--outline:active, .button--danger.button--outline:active:focus, .button--danger.button--outline:active.button--focus, .button--danger.button--outline:active:hover, .button--danger.button--outline:active.button--hover, .button--danger.button--outline.button--active, .button--danger.button--outline.button--active:focus, .button--danger.button--outline.button--active.button--focus, .button--danger.button--outline.button--active:hover, .button--danger.button--outline.button--active.button--hover {
        color: #8b0a21;
        background-color: #f3b8be;
        box-shadow: inset 0 0 0 1px #8b0a21
    }

        .button--danger.button--outline:active.button--big, .button--danger.button--outline:active:focus.button--big, .button--danger.button--outline:active.button--focus.button--big, .button--danger.button--outline:active:hover.button--big, .button--danger.button--outline:active.button--hover.button--big, .button--danger.button--outline.button--active.button--big, .button--danger.button--outline.button--active:focus.button--big, .button--danger.button--outline.button--active.button--focus.button--big, .button--danger.button--outline.button--active:hover.button--big, .button--danger.button--outline.button--active.button--hover.button--big {
            box-shadow: inset 0 0 0 2px #8b0a21
        }

.button--inverse {
    color: #0071bb;
    background-color: #ebf3fa
}

    .button--inverse:visited {
        color: #0071bb
    }

    .button--inverse:hover, .button--inverse.button--hover {
        color: #0071bb;
        background-color: #ebf3fa
    }

    .button--inverse:active, .button--inverse.button--active {
        color: #205493;
        background-color: #cedced
    }

    .button--inverse:disabled, .button--inverse[aria-disabled=true] {
        color: #fff;
        background-color: #767676
    }

.button--flexible-width {
    width: auto
}

@media (width>=640px) {
    .button--wide {
        min-width: 14rem
    }
}

.button--full-width {
    width: 60%
}

.form a.button.button--danger, .form a.button.button--danger:visited {
    color: #fff;
    text-decoration: none
}

.form a.button.button--outline, .form a.button.button--outline:visited {
    color: #0071bb;
    text-decoration: none
}

.grid-container {
    max-width: 55rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-card {
    max-width: 10rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-card {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-card-lg {
    max-width: 15rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-card-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-mobile {
    max-width: 20rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-mobile {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-mobile-lg {
    max-width: 30rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-mobile-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-tablet {
    max-width: 40rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-tablet {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-tablet-lg {
    max-width: 55rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-tablet-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-desktop {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-desktop {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-desktop-lg {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-desktop-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-container-widescreen {
    max-width: 87.5rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (width>=1024px) {
    .grid-container-widescreen {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container {
        max-width: 64rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-card {
        max-width: 10rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-card {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-card-lg {
        max-width: 15rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-card-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-mobile {
        max-width: 20rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-mobile {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-mobile-lg {
        max-width: 30rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-mobile-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-tablet {
        max-width: 40rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-tablet {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-tablet-lg {
        max-width: 55rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-tablet-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-desktop {
        max-width: 64rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-desktop {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-desktop-lg {
        max-width: 75rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-desktop-lg {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=640px) {
    .tablet\: grid-container-widescreen {
        max-width: 87.5rem;
        margin-left: auto;
        margin-right: auto;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

@media (width>=640px) and (width>=1024px) {
    .tablet\: grid-container-widescreen {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.grid-row {
    flex-wrap: wrap;
    display: flex
}

    .grid-row.grid-gap {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

        .grid-row.grid-gap > * {
            padding-left: .5rem;
            padding-right: .5rem
        }

@media (width>=1024px) {
    .grid-row.grid-gap {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .grid-row.grid-gap > * {
            padding-left: 1rem;
            padding-right: 1rem
        }
}

.grid-row.grid-gap-0 {
    margin-left: 0;
    margin-right: 0
}

    .grid-row.grid-gap-0 > * {
        padding-left: 0;
        padding-right: 0
    }

.grid-row.grid-gap-2px {
    margin-left: -1px;
    margin-right: -1px
}

    .grid-row.grid-gap-2px > * {
        padding-left: 1px;
        padding-right: 1px
    }

.grid-row.grid-gap-05 {
    margin-left: -2px;
    margin-right: -2px
}

    .grid-row.grid-gap-05 > * {
        padding-left: 2px;
        padding-right: 2px
    }

.grid-row.grid-gap-1 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

    .grid-row.grid-gap-1 > * {
        padding-left: .25rem;
        padding-right: .25rem
    }

.grid-row.grid-gap-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

    .grid-row.grid-gap-2 > * {
        padding-left: .5rem;
        padding-right: .5rem
    }

.grid-row.grid-gap-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

    .grid-row.grid-gap-3 > * {
        padding-left: .75rem;
        padding-right: .75rem
    }

.grid-row.grid-gap-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

    .grid-row.grid-gap-4 > * {
        padding-left: 1rem;
        padding-right: 1rem
    }

.grid-row.grid-gap-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

    .grid-row.grid-gap-5 > * {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

.grid-row.grid-gap-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

    .grid-row.grid-gap-6 > * {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

.grid-row.grid-gap-sm {
    margin-left: -1px;
    margin-right: -1px
}

    .grid-row.grid-gap-sm > * {
        padding-left: 1px;
        padding-right: 1px
    }

.grid-row.grid-gap-md {
    margin-left: -.5rem;
    margin-right: -.5rem
}

    .grid-row.grid-gap-md > * {
        padding-left: .5rem;
        padding-right: .5rem
    }

.grid-row.grid-gap-lg {
    margin-left: -.75rem;
    margin-right: -.75rem
}

    .grid-row.grid-gap-lg > * {
        padding-left: .75rem;
        padding-right: .75rem
    }

@media (width>=640px) {
    .grid-row.tablet\: grid-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .grid-row.tablet\:grid-gap-0 > * {
        padding-left: 0;
        padding-right: 0
    }

    .grid-row.tablet\:grid-gap-2px {
        margin-left: -1px;
        margin-right: -1px
    }

        .grid-row.tablet\:grid-gap-2px > * {
            padding-left: 1px;
            padding-right: 1px
        }

    .grid-row.tablet\:grid-gap-05 {
        margin-left: -2px;
        margin-right: -2px
    }

        .grid-row.tablet\:grid-gap-05 > * {
            padding-left: 2px;
            padding-right: 2px
        }

    .grid-row.tablet\:grid-gap-1 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

        .grid-row.tablet\:grid-gap-1 > * {
            padding-left: .25rem;
            padding-right: .25rem
        }

    .grid-row.tablet\:grid-gap-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

        .grid-row.tablet\:grid-gap-2 > * {
            padding-left: .5rem;
            padding-right: .5rem
        }

    .grid-row.tablet\:grid-gap-3 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

        .grid-row.tablet\:grid-gap-3 > * {
            padding-left: .75rem;
            padding-right: .75rem
        }

    .grid-row.tablet\:grid-gap-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

        .grid-row.tablet\:grid-gap-4 > * {
            padding-left: 1rem;
            padding-right: 1rem
        }

    .grid-row.tablet\:grid-gap-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

        .grid-row.tablet\:grid-gap-5 > * {
            padding-left: 1.25rem;
            padding-right: 1.25rem
        }

    .grid-row.tablet\:grid-gap-6 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

        .grid-row.tablet\:grid-gap-6 > * {
            padding-left: 1.5rem;
            padding-right: 1.5rem
        }

    .grid-row.tablet\:grid-gap-sm {
        margin-left: -1px;
        margin-right: -1px
    }

        .grid-row.tablet\:grid-gap-sm > * {
            padding-left: 1px;
            padding-right: 1px
        }

    .grid-row.tablet\:grid-gap-md {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

        .grid-row.tablet\:grid-gap-md > * {
            padding-left: .5rem;
            padding-right: .5rem
        }

    .grid-row.tablet\:grid-gap-lg {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

        .grid-row.tablet\:grid-gap-lg > * {
            padding-left: .75rem;
            padding-right: .75rem
        }
}

[class*=grid-col] {
    box-sizing: border-box;
    width: 100%;
    position: relative
}

.grid-col {
    flex: 1;
    width: auto;
    min-width: 1px;
    max-width: 100%
}

.grid-col-auto {
    flex: 0 auto;
    width: auto;
    max-width: 100%
}

.grid-column {
    flex: 1;
    width: auto;
    min-width: 1px;
    max-width: 100%
}

.grid-col-1 {
    flex: 0 auto;
    width: 8.33333%
}

.grid-col-2 {
    flex: 0 auto;
    width: 16.6667%
}

.grid-col-3 {
    flex: 0 auto;
    width: 25%
}

.grid-col-4 {
    flex: 0 auto;
    width: 33.3333%
}

.grid-col-5 {
    flex: 0 auto;
    width: 41.6667%
}

.grid-col-6 {
    flex: 0 auto;
    width: 50%
}

.grid-col-7 {
    flex: 0 auto;
    width: 58.3333%
}

.grid-col-8 {
    flex: 0 auto;
    width: 66.6667%
}

.grid-col-9 {
    flex: 0 auto;
    width: 75%
}

.grid-col-10 {
    flex: 0 auto;
    width: 83.3333%
}

.grid-col-11 {
    flex: 0 auto;
    width: 91.6667%
}

.grid-col-12 {
    flex: 0 auto;
    width: 100%
}

@media (width>=640px) {
    .tablet\: grid-col, .tablet\:grid-col-fill {
        flex: 1;
        width: auto;
        min-width: 1px;
        max-width: 100%
    }

    .tablet\:grid-col-auto {
        flex: 0 auto;
        width: auto;
        max-width: 100%
    }

    .tablet\:grid-col-1 {
        flex: 0 auto;
        width: 8.33333%
    }

    .tablet\:grid-col-2 {
        flex: 0 auto;
        width: 16.6667%
    }

    .tablet\:grid-col-3 {
        flex: 0 auto;
        width: 25%
    }

    .tablet\:grid-col-4 {
        flex: 0 auto;
        width: 33.3333%
    }

    .tablet\:grid-col-5 {
        flex: 0 auto;
        width: 41.6667%
    }

    .tablet\:grid-col-6 {
        flex: 0 auto;
        width: 50%
    }

    .tablet\:grid-col-7 {
        flex: 0 auto;
        width: 58.3333%
    }

    .tablet\:grid-col-8 {
        flex: 0 auto;
        width: 66.6667%
    }

    .tablet\:grid-col-9 {
        flex: 0 auto;
        width: 75%
    }

    .tablet\:grid-col-10 {
        flex: 0 auto;
        width: 83.3333%
    }

    .tablet\:grid-col-11 {
        flex: 0 auto;
        width: 91.6667%
    }

    .tablet\:grid-col-12 {
        flex: 0 auto;
        width: 100%
    }
}

.grid-offset-1 {
    margin-left: 8.33333%
}

.grid-offset-2 {
    margin-left: 16.6667%
}

.grid-offset-3 {
    margin-left: 25%
}

.grid-offset-4 {
    margin-left: 33.3333%
}

.grid-offset-5 {
    margin-left: 41.6667%
}

.grid-offset-6 {
    margin-left: 50%
}

.grid-offset-7 {
    margin-left: 58.3333%
}

.grid-offset-8 {
    margin-left: 66.6667%
}

.grid-offset-9 {
    margin-left: 75%
}

.grid-offset-10 {
    margin-left: 83.3333%
}

.grid-offset-11 {
    margin-left: 91.6667%
}

.grid-offset-12 {
    margin-left: 100%
}

.grid-offset-none {
    margin-left: 0
}

@media (width>=640px) {
    .tablet\: grid-offset-1 {
        margin-left: 8.33333%
    }

    .tablet\:grid-offset-2 {
        margin-left: 16.6667%
    }

    .tablet\:grid-offset-3 {
        margin-left: 25%
    }

    .tablet\:grid-offset-4 {
        margin-left: 33.3333%
    }

    .tablet\:grid-offset-5 {
        margin-left: 41.6667%
    }

    .tablet\:grid-offset-6 {
        margin-left: 50%
    }

    .tablet\:grid-offset-7 {
        margin-left: 58.3333%
    }

    .tablet\:grid-offset-8 {
        margin-left: 66.6667%
    }

    .tablet\:grid-offset-9 {
        margin-left: 75%
    }

    .tablet\:grid-offset-10 {
        margin-left: 83.3333%
    }

    .tablet\:grid-offset-11 {
        margin-left: 91.6667%
    }

    .tablet\:grid-offset-12 {
        margin-left: 100%
    }

    .tablet\:grid-offset-none {
        margin-left: 0
    }
}

.link {
    color: #0071bb;
    text-decoration: underline
}

    .link:visited {
        color: #0071bb
    }

    .link:hover {
        color: #205493
    }

    .link:active {
        color: #112e51
    }

    .link:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

.link--external {
    display: inline
}

    .link--external:before {
        content: "External.";
        position: absolute;
        left: -999em;
        right: auto
    }

    .link--external[target=_blank]:before {
        content: "External, opens in a new tab.";
        position: absolute;
        left: -999em;
        right: auto
    }

    .link--external:after {
        content: "";
        vertical-align: middle;
        background-image: url("/assets/icons/launch-d24c854a.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.75ex 1.75ex;
        width: 1.75ex;
        height: 1.75ex;
        margin-top: .7ex;
        margin-left: 2px;
        padding-left: 1.75ex;
        display: inline
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .link--external:after {
        background: currentColor;
        -webkit-mask-image: url("/assets/icons/launch-d24c854a.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/launch-d24c854a.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1.75ex 1.75ex;
        mask-size: 1.75ex 1.75ex;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.link--external.link--alt {
    display: inline
}

    .link--external.link--alt:before {
        content: "External.";
        position: absolute;
        left: -999em;
        right: auto
    }

    .link--external.link--alt[target=_blank]:before {
        content: "External, opens in a new tab.";
        position: absolute;
        left: -999em;
        right: auto
    }

    .link--external.link--alt:after {
        content: "";
        vertical-align: middle;
        background-image: url("/assets/icons-bg/launch--white-ac12c681.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.75ex 1.75ex;
        width: 1.75ex;
        height: 1.75ex;
        margin-top: .7ex;
        margin-left: 2px;
        padding-left: 1.75ex;
        display: inline
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .link--external.link--alt:after {
        background: currentColor;
        -webkit-mask-image: url("/assets/icons/launch-d24c854a.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/launch-d24c854a.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1.75ex 1.75ex;
        mask-size: 1.75ex 1.75ex;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.link--external {
    margin-right: 2px
}

.list {
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 3ch;
    line-height: 1.5
}

    .list:last-child {
        margin-bottom: 0
    }

    .list ul, .list ol {
        margin-top: .25em
    }

    .list li {
        max-width: 64ex;
        margin-bottom: .25em
    }

        .list li:last-child {
            margin-bottom: 0
        }

.list--unstyled {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

    .list--unstyled > li {
        max-width: unset;
        margin-bottom: 0
    }

.prose .list--unstyled {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

    .prose .list--unstyled > li {
        max-width: unset;
        margin-bottom: 0
    }

.process-list {
    counter-reset: numbered-list;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 0 .5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5;
    list-style-type: none;
    position: relative
}

    .process-list > li {
        max-width: unset;
        margin-bottom: 0
    }

    .process-list > .process-list__item {
        max-width: 72ex
    }

.process-list__item {
    border-left: .5rem solid #dedede;
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-left: 1rem;
    font-size: 1rem
}

.prose .process-list {
    counter-reset: numbered-list;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 0 0 .5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5;
    list-style-type: none;
    position: relative
}

    .prose .process-list > li {
        max-width: unset;
        margin-bottom: 0
    }

    .prose .process-list > .process-list__item {
        max-width: 72ex
    }

.prose .process-list__item {
    border-left: .5rem solid #dedede;
    margin-bottom: 0;
    padding-bottom: 2rem;
    padding-left: 1rem;
    font-size: 1rem
}

.process-list__item:last-child {
    border-left: .5rem solid #0000
}

.process-list__item:before {
    color: #fff;
    content: counter(numbered-list,decimal);
    counter-increment: numbered-list;
    background-color: #205493;
    border: 0 solid #454545;
    border-radius: 99rem;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 1.5rem;
    height: 1.5rem;
    margin-top: -.4rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    display: flex;
    position: absolute;
    left: 0;
    box-shadow: 0 0 0 .25rem #fff
}

.process-list__item ul {
    list-style-type: disc
}

    .process-list__item ul li {
        margin-bottom: .25rem
    }

        .process-list__item ul li:last-child {
            margin-bottom: 0
        }

.process-list__item > :first-child {
    margin-top: 0
}

.process-list__item > :last-child {
    margin-bottom: 0
}

.process-list__heading {
    color: #454545;
    margin: 0;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1.38rem;
    font-weight: 700;
    line-height: 1.2
}

.process-list {
    padding-top: 0;
    padding-left: .59375rem
}

    .process-list:not(.process-list--connected) .process-list__item {
        border-left-width: 0
    }

    .process-list.process-list--big {
        padding-top: .775rem
    }

.process-list__item {
    border-left-width: .3125rem;
    padding-left: 1.59375rem
}

    .process-list__item:before {
        margin-top: .0375rem
    }

    .process-list__item:last-child {
        padding-bottom: 0
    }

.prose .process-list {
    padding-top: 0;
    padding-left: .59375rem
}

    .prose .process-list:not(.process-list--connected) .process-list__item {
        border-left-width: 0
    }

    .prose .process-list.process-list--big {
        padding-top: .775rem
    }

.prose .process-list__item {
    border-left-width: .3125rem;
    padding-left: 1.59375rem
}

    .prose .process-list__item:before {
        margin-top: .0375rem
    }

    .prose .process-list__item:last-child {
        padding-bottom: 0
    }

.process-list__heading {
    font-size: 1.125rem;
    line-height: 1.4
}

    .process-list__heading + * {
        margin-top: .5rem
    }

.process-list.process-list--big {
    padding-left: 1.25rem
}

    .process-list.process-list--big .process-list__item {
        padding-left: 3rem
    }

        .process-list.process-list--big .process-list__item:before {
            width: 3.125rem;
            height: 3.125rem;
            margin-top: -.775rem;
            font-size: 1.5rem
        }

    .process-list.process-list--big.process-list--connected .process-list__item {
        border-left-width: .5rem
    }

.skipnav {
    color: #0071bb;
    z-index: 100;
    background: 0 0;
    padding: .5rem 1rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: underline;
    transition: all .15s ease-in-out;
    position: absolute;
    top: -3.8rem;
    left: 0
}

    .skipnav:visited {
        color: #0071bb
    }

    .skipnav:hover {
        color: #205493
    }

    .skipnav:active {
        color: #112e51
    }

    .skipnav:focus {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }

    .skipnav:focus, .skipnav.focus {
        background: #fff;
        transition: all .15s ease-in-out;
        position: absolute;
        top: 0;
        left: 0
    }

.skipnav__container {
    position: relative
}

.tag {
    color: #fff;
    text-transform: uppercase;
    background-color: #5c5c5c;
    border-radius: 2px;
    margin-right: .25rem;
    padding: 1px .5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: .81rem
}

    .tag:only-of-type {
        margin-right: 0
    }

.tag--big {
    padding-left: .5rem;
    padding-right: .5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem
}

.tag {
    text-transform: none;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-block
}

.tag--big {
    font-size: 1.25rem
}

.tag--informative {
    background-color: #007187
}

.input:disabled, .input[aria-disabled=true] {
    color: #454545;
    cursor: not-allowed;
    opacity: 1;
    -webkit-text-fill-color: #5c5c5c;
    background-color: #dedede
}

    .input:disabled:hover, .input:disabled:active, .input:disabled:focus, .input:disabled.focus, .input[aria-disabled=true]:hover, .input[aria-disabled=true]:active, .input[aria-disabled=true]:focus, .input[aria-disabled=true].focus {
        color: #454545;
        background-color: #dedede
    }

@media (forced-colors:active) {
    .input:disabled, .input[aria-disabled=true] {
        color: graytext;
        border: 0
    }

        .input:disabled:hover, .input:disabled:active, .input:disabled:focus, .input:disabled.focus, .input[aria-disabled=true]:hover, .input[aria-disabled=true]:active, .input[aria-disabled=true]:focus, .input[aria-disabled=true].focus {
            color: graytext
        }

    .input:disabled, .input[aria-disabled=true] {
        border: 2px solid graytext
    }
}

.input--error {
    border: 2px solid #8b0a21;
    padding-top: calc(.5rem - 2px);
    padding-bottom: calc(.5rem - 2px)
}

.input--success {
    border: 2px solid #18852e;
    padding-top: calc(.5rem - 2px);
    padding-bottom: calc(.5rem - 2px)
}

.input {
    background-color: #eaeaea;
    border-color: #cedced;
    border-radius: .25rem;
}

.input--error {
    border-color: #e21c3d
}

.input.input--big {
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 1.25rem;
    line-height: 1.5
}

.fieldset {
    border: none;
    margin: 0;
    padding: 0
}

.legend {
    max-width: 30rem;
    margin-top: 1.5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    display: block
}

.legend--large {
    margin-top: 1rem;
    font-size: 1.75rem;
    font-weight: 700
}

.legend {
    text-transform: uppercase;
    border-bottom: 1px solid #cedced;
    width: 100%;
    max-width: 30rem;
    padding: .5rem 0;
    font-size: .81rem;
    font-weight: 400
}

.input-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

    .input-list li {
        line-height: 1.4
    }

.prose .input-list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

    .prose .input-list li {
        line-height: 1.4
    }

.input-list, .prose .input-list {
    margin-top: .5rem
}

.checkbox {
    background: #fff
}

.checkbox__label {
    color: #454545
}

    .checkbox__label:before {
        background: #fff;
        box-shadow: 0 0 0 2px #454545
    }

@media (forced-colors:active) {
    .checkbox__label:before {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.checkbox__input:checked + [class*=__label]:before {
    background-color: #0071bb;
    box-shadow: 0 0 0 2px #0071bb
}

.checkbox__input:disabled + [class*=__label], .checkbox__input[aria-disabled=true] + [class*=__label] {
    color: #767676;
    cursor: not-allowed
}

@media (forced-colors:active) {
    .checkbox__input:disabled + [class*=__label], .checkbox__input[aria-disabled=true] + [class*=__label] {
        color: graytext
    }
}

.checkbox__input:disabled + [class*=__label]:before, .checkbox__input[aria-disabled=true] + [class*=__label]:before {
    background-color: #fff;
    box-shadow: 0 0 0 2px #767676
}

.checkbox__input--tile + [class*=__label] {
    color: #454545;
    background-color: #fff;
    border: 1px solid #c9c9c9
}

.checkbox__input--tile:checked + [class*=__label] {
    background-color: #0071bb1a;
    border-color: #0071bb
}

@media (forced-colors:active) {
    .checkbox__input--tile:checked + [class*=__label] {
        border: .25rem solid buttontext
    }
}

.checkbox__input--tile:disabled + [class*=__label], .checkbox__input--tile[aria-disabled=true] + [class*=__label] {
    border-color: #e6e6e6
}

.checkbox__input--tile:disabled:checked + [class*=__label], .checkbox__input--tile:disabled:indeterminate + [class*=__label], .checkbox__input--tile:disabled[data-indeterminate] + [class*=__label], .checkbox__input--tile[aria-disabled=true]:checked + [class*=__label], .checkbox__input--tile[aria-disabled=true]:indeterminate + [class*=__label], .checkbox__input--tile[aria-disabled=true][data-indeterminate] + [class*=__label] {
    background-color: #fff
}

.checkbox__input:indeterminate + [class*=__label]:before, .checkbox__input[data-indeterminate] + [class*=__label]:before {
    background-color: #0071bb;
    background-image: url("/assets/checkbox-indeterminate-50f888d4.svg"),linear-gradient(#0000,#0000);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: .75rem;
    box-shadow: 0 0 0 2px #0071bb
}

@media (forced-colors:active) {
    .checkbox__input:indeterminate + [class*=__label]:before, .checkbox__input[data-indeterminate] + [class*=__label]:before {
        background-color: selecteditem;
        background-image: url("/assets/checkbox-indeterminate-alt-8804b114.svg"),linear-gradient(#0000,#0000);
        background-repeat: no-repeat
    }
}

.checkbox__input:indeterminate:disabled + [class*=__label]:before, .checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]:before, .checkbox__input[data-indeterminate]:disabled + [class*=__label]:before, .checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]:before {
    box-shadow: 0 0 0 2px #767676
}

.checkbox__input:indeterminate:disabled + [class*=__label], .checkbox__input:indeterminate[aria-disabled=true] + [class*=__label], .checkbox__input[data-indeterminate]:disabled + [class*=__label], .checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label] {
    border-color: #e6e6e6
}

.checkbox__input--tile:indeterminate + [class*=__label], .checkbox__input--tile[data-indeterminate] + [class*=__label] {
    background-color: #0071bb1a;
    border-color: #0071bb
}

@media (forced-colors:active) {
    .checkbox__input--tile:indeterminate + [class*=__label], .checkbox__input--tile[data-indeterminate] + [class*=__label] {
        border: .25rem solid buttontext
    }
}

.checkbox__input:checked + [class*=__label]:before, .checkbox__input:checked:disabled + [class*=__label]:before, .checkbox__input:checked[aria-disabled=true] + [class*=__label]:before {
    background-image: url("/assets/correct8-bd4815f1.svg"),linear-gradient(#0000,#0000);
    background-repeat: no-repeat
}

@media (forced-colors:active) {
    .checkbox__input:checked + [class*=__label]:before, .checkbox__input:checked:disabled + [class*=__label]:before, .checkbox__input:checked[aria-disabled=true] + [class*=__label]:before {
        background-image: url("/assets/correct8-alt-27db35c0.svg"),linear-gradient(#0000,#0000);
        background-repeat: no-repeat
    }
}

.checkbox__input:checked:disabled + [class*=__label]:before, .checkbox__input:checked[aria-disabled=true] + [class*=__label]:before, .checkbox__input:indeterminate:disabled + [class*=__label]:before, .checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]:before, .checkbox__input[data-indeterminate]:disabled + [class*=__label]:before, .checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]:before {
    background-color: #767676
}

@media (forced-colors:active) {
    .checkbox__input:checked:disabled + [class*=__label]:before, .checkbox__input:checked[aria-disabled=true] + [class*=__label]:before, .checkbox__input:indeterminate:disabled + [class*=__label]:before, .checkbox__input:indeterminate[aria-disabled=true] + [class*=__label]:before, .checkbox__input[data-indeterminate]:disabled + [class*=__label]:before, .checkbox__input[data-indeterminate][aria-disabled=true] + [class*=__label]:before {
        background-color: graytext
    }
}

.checkbox__input {
    position: absolute;
    left: -999em;
    right: auto
}

    .checkbox__input:focus + [class*=__label]:before {
        outline-offset: .25rem;
        outline: 2px solid #0071bb
    }

.checkbox__input--tile + [class*=__label] {
    border-radius: .5rem;
    margin-top: .5rem;
    padding: .75rem 1rem .75rem 2.5rem
}

    .checkbox__input--tile + [class*=__label]:before {
        left: .5rem
    }

.checkbox__input:checked + [class*=__label]:before {
    background-position: 50%;
    background-size: .75rem
}

@media print {
    .checkbox__input:checked + [class*=__label]:before {
        content: "✔";
        text-align: center;
        background-color: #fff;
        background-image: none
    }
}

@media (forced-colors:active) {
    .checkbox__input:checked + [class*=__label]:before {
        background-color: selecteditem
    }
}

.checkbox__label {
    cursor: pointer;
    display: inherit;
    margin-top: .75rem;
    padding-left: 2rem;
    font-weight: 400;
    position: relative
}

    .checkbox__label:before {
        content: " ";
        border-radius: 1.5px;
        width: 1.25rem;
        height: 1.25rem;
        margin-top: .075rem;
        margin-left: 2px;
        display: block;
        position: absolute;
        left: 0
    }

.checkbox__label-description {
    margin-top: .5rem;
    font-size: .81rem;
    display: block
}

.checkbox__label {
    margin-bottom: .5rem;
    padding-left: 1.375rem;
    line-height: 1.5;
    display: inline-block
}

    .checkbox__label:before {
        background-color: #f2f9ff;
        width: .875rem;
        height: .875rem;
        margin-top: .3125rem;
        margin-left: 0;
        margin-right: 0;
        box-shadow: inset 0 0 0 1px #0071bb
    }

.checkbox__input:disabled + .checkbox__label {
    color: #767676;
    border-color: #767676
}

    .checkbox__input:disabled + .checkbox__label:before {
        box-shadow: inset 0 0 0 1px #767676
    }

.checkbox__input:checked:disabled + .checkbox__label:before {
    background-color: #767676;
    background-size: .5rem;
    box-shadow: inset 0 0 0 1px #767676
}

.checkbox__input:checked + .checkbox__label:before {
    background-size: .5rem;
    box-shadow: inset 0 0 0 1px #0071bb
}

.checkbox__input.focus + .checkbox__label:before, .checkbox__input:focus + .checkbox__label:before, .checkbox__input:checked.focus + .checkbox__label:before, .checkbox__input:checked:focus + .checkbox__label:before {
    outline-offset: 1px;
    outline: 2px solid #0071bb
}

.checkbox__input--tile + .checkbox__label {
    color: #0071bb;
    border-color: #cedced;
    max-width: 30rem;
    padding: 1.5rem 1.5rem 1.5rem 3.375rem;
    font-size: 1.125rem;
    font-weight: 700;
    display: block
}

    .checkbox__input--tile + .checkbox__label:before {
        margin-top: .40625rem;
        left: 1.5rem
    }

.checkbox__input--tile:disabled + .checkbox__label--illustrated .checkbox__image {
    filter: invert(45%)sepia(1%)saturate(0%)hue-rotate(232deg)brightness()contrast(80%)
}

.checkbox__input--tile + .checkbox__label--illustrated {
    align-items: flex-start
}

@media (width>=640px) {
    .checkbox__input--tile + .checkbox__label--illustrated {
        display: flex
    }
}

.checkbox__input--tile + .checkbox__label--illustrated .checkbox__image {
    float: left;
    width: 1.5rem;
    margin-right: .5rem
}

@media (width>=640px) {
    .checkbox__input--tile + .checkbox__label--illustrated .checkbox__image {
        width: 2.625rem;
        padding-top: .25rem
    }

    .checkbox__input--tile + .checkbox__label--illustrated .checkbox__label--text {
        flex: 1;
        padding-left: .5rem
    }
}

.checkbox__input--bordered + .checkbox__label {
    border: 1px solid #cedced;
    border-radius: .5rem;
    max-width: 30rem;
    margin: .5rem 0;
    padding: .5rem 1rem .5rem 2.375rem;
    display: table
}

    .checkbox__input--bordered + .checkbox__label:before {
        left: 1rem
    }

.checkbox__input--bordered:checked + .checkbox__label {
    background-color: #f2f9ff;
    border-color: #cedced
}

.checkbox__input--bordered:checked:disabled + .checkbox__label {
    background-color: #0000;
    border-color: #767676
}

.checkbox__input--tile:checked + .checkbox__label {
    background-color: #f2f9ff;
    border-color: #cedced
}

.checkbox__label-description {
    color: #454545;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.error-message {
    color: #e21c3d;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 1.5rem;
    font-weight: 700;
    display: block;
    position: relative
}

    .error-message:before {
        content: "";
        background-image: url("/assets/icons/error-9489e5f3.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.25rem 1.25rem;
        width: 1.25rem;
        height: 1lh;
        display: inline-block;
        position: absolute;
        top: .25rem;
        left: 0
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .error-message:before {
        background: currentColor;
        -webkit-mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/error-9489e5f3.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1.25rem 1.25rem;
        mask-size: 1.25rem 1.25rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.form-group {
    margin-top: 1.5rem
}

    .form-group .label:first-child {
        margin-top: 0
    }

.form-group--error {
    border-left: .25rem solid #8b0a21;
    padding-left: 1rem;
    position: relative
}

@media (width>=1024px) {
    .form-group--error {
        margin-left: -1.25rem
    }
}

.hint {
    color: #767676
}

.hint--required {
    color: #8b0a21
}

.label {
    max-width: 30rem;
    margin-top: 1.5rem;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.4;
    display: block
}

.label--error {
    margin-top: 0;
    font-weight: 700
}

.label--required {
    color: #8b0a21
}

.label {
    font-weight: 700
}

.radio {
    background: #fff
}

.radio__label {
    color: #454545
}

    .radio__label:before {
        background: #fff;
        box-shadow: 0 0 0 2px #454545
    }

@media (forced-colors:active) {
    .radio__label:before {
        outline-offset: 2px;
        outline: 2px solid #0000
    }
}

.radio__input:checked + [class*=__label]:before {
    background-color: #0071bb;
    box-shadow: 0 0 0 2px #0071bb
}

.radio__input:disabled + [class*=__label], .radio__input[aria-disabled=true] + [class*=__label] {
    color: #767676;
    cursor: not-allowed
}

@media (forced-colors:active) {
    .radio__input:disabled + [class*=__label], .radio__input[aria-disabled=true] + [class*=__label] {
        color: graytext
    }
}

.radio__input:disabled + [class*=__label]:before, .radio__input[aria-disabled=true] + [class*=__label]:before {
    background-color: #fff;
    box-shadow: 0 0 0 2px #767676
}

.radio__input--tile + [class*=__label] {
    color: #454545;
    background-color: #fff;
    border: 1px solid #c9c9c9
}

.radio__input--tile:checked + [class*=__label] {
    background-color: #0071bb1a;
    border-color: #0071bb
}

@media (forced-colors:active) {
    .radio__input--tile:checked + [class*=__label] {
        border: .25rem solid buttontext
    }
}

.radio__input--tile:disabled + [class*=__label], .radio__input--tile[aria-disabled=true] + [class*=__label] {
    border-color: #e6e6e6
}

.radio__input--tile:disabled:checked + [class*=__label], .radio__input--tile:disabled:indeterminate + [class*=__label], .radio__input--tile:disabled[data-indeterminate] + [class*=__label], .radio__input--tile[aria-disabled=true]:checked + [class*=__label], .radio__input--tile[aria-disabled=true]:indeterminate + [class*=__label], .radio__input--tile[aria-disabled=true][data-indeterminate] + [class*=__label] {
    background-color: #fff
}

.radio__input:checked + [class*=__label]:before {
    box-shadow: 0 0 0 2px #0071bb,inset 0 0 0 2px #fff
}

@media (forced-colors:active) {
    .radio__input:checked + [class*=__label]:before {
        background-color: buttontext
    }
}

.radio__input:checked:disabled + [class*=__label]:before, .radio__input:checked[aria-disabled=true] + [class*=__label]:before {
    background-color: #767676;
    box-shadow: 0 0 0 2px #767676,inset 0 0 0 2px #fff
}

@media (forced-colors:active) {
    .radio__input:checked:disabled + [class*=__label]:before, .radio__input:checked[aria-disabled=true] + [class*=__label]:before {
        background-color: graytext
    }
}

.radio__input {
    position: absolute;
    left: -999em;
    right: auto
}

    .radio__input:focus + [class*=__label]:before {
        outline-offset: .25rem;
        outline: 2px solid #0071bb
    }

.radio__input--tile + [class*=__label] {
    border-radius: .5rem;
    margin-top: .5rem;
    padding: .75rem 1rem .75rem 2.5rem
}

    .radio__input--tile + [class*=__label]:before {
        left: .75rem
    }

@media print {
    .radio__input:checked + [class*=__label]:before {
        box-shadow: inset 0 0 0 2px #fff,inset 0 0 0 1rem #0071bb,0 0 0 2px #0071bb
    }
}

.radio__label {
    cursor: pointer;
    display: inherit;
    margin-top: .75rem;
    padding-left: 1.75rem;
    font-weight: 400;
    position: relative
}

    .radio__label:before {
        content: " ";
        border-radius: 99rem;
        width: 1.25rem;
        height: 1.25rem;
        margin-top: .075rem;
        margin-left: 2px;
        display: block;
        position: absolute;
        left: 0
    }

.radio__label-description {
    margin-top: .5rem;
    font-size: .81rem;
    display: block
}

.radio__label {
    margin-bottom: .5rem;
    padding-left: 1.375rem;
    line-height: 1.5;
    display: inline-block
}

    .radio__label:before {
        background-color: #f2f9ff;
        border-radius: 50%;
        width: .875rem;
        height: .875rem;
        margin-top: .3125rem;
        margin-left: 0;
        margin-right: 0;
        box-shadow: inset 0 0 0 1px #0071bb
    }

.radio__input:disabled + .radio__label {
    color: #767676;
    border-color: #767676
}

    .radio__input:disabled + .radio__label:before {
        box-shadow: inset 0 0 0 1px #767676
    }

.radio__input:checked:disabled + .radio__label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 3px #767676
}

.radio__input:checked + .radio__label:before {
    background-color: #fff;
    box-shadow: inset 0 0 0 3px #0071bb
}

.radio__input.focus + .radio__label:before, .radio__input:focus + .radio__label:before, .radio__input:checked.focus + .radio__label:before, .radio__input:checked:focus + .radio__label:before {
    outline-offset: 1px;
    outline: 2px solid #0071bb
}

.radio__input--tile + .radio__label {
    color: #0071bb;
    border-color: #cedced;
    max-width: 30rem;
    padding: 1.5rem 1.5rem 1.5rem 3.375rem;
    font-size: 1.125rem;
    font-weight: 700;
    display: block
}

    .radio__input--tile + .radio__label:before {
        margin-top: .40625rem;
        left: 1.5rem
    }

.radio__input--tile:disabled + .radio__label--illustrated .radio__image {
    filter: invert(45%)sepia(1%)saturate(0%)hue-rotate(232deg)brightness()contrast(80%)
}

.radio__input--tile + .radio__label--illustrated {
    align-items: flex-start
}

@media (width>=640px) {
    .radio__input--tile + .radio__label--illustrated {
        display: flex
    }
}

.radio__input--tile + .radio__label--illustrated .radio__image {
    float: left;
    width: 1.5rem;
    margin-right: .5rem
}

@media (width>=640px) {
    .radio__input--tile + .radio__label--illustrated .radio__image {
        width: 2.625rem;
        padding-top: .25rem
    }

    .radio__input--tile + .radio__label--illustrated .radio__label--text {
        flex: 1;
        padding-left: .5rem
    }
}

.radio__input--bordered + .radio__label {
    border: 1px solid #cedced;
    border-radius: .5rem;
    max-width: 30rem;
    margin: .5rem 0;
    padding: .5rem 1rem .5rem 2.375rem;
    display: table
}

    .radio__input--bordered + .radio__label:before {
        left: 1rem
    }

.radio__input--bordered:checked + .radio__label {
    background-color: #f2f9ff;
    border-color: #cedced
}

.radio__input--bordered:checked:disabled + .radio__label {
    background-color: #0000;
    border-color: #767676
}

.radio__input--tile:checked + .radio__label {
    background-color: #f2f9ff;
    border-color: #cedced
}

.radio__label-description {
    color: #454545;
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.select {
    appearance: none;
    background-color: #fff;
    background-image: url("/assets/icons/unfold_more-9c32f4c2.svg"),linear-gradient(#0000,#0000);
    background-position: right .5rem center;
    background-repeat: no-repeat;
    background-size: 1.25rem;
    padding-right: 2rem
}

    .select::-ms-expand {
        display: none
    }

    .select:-webkit-autofill {
        appearance: menulist
    }

    .select:-moz-focusring {
        color: #0000;
        text-shadow: 0 0 #000
    }

    .select[multiple] {
        background-image: none;
        height: auto;
        padding-right: 0
    }

    .select option {
        text-overflow: ellipsis;
        overflow: hidden
    }

    .select:disabled, .select[aria-disabled=true] {
        color: #454545;
        cursor: not-allowed;
        opacity: 1;
        background-color: #dedede
    }

        .select:disabled:hover, .select:disabled:active, .select:disabled:focus, .select:disabled.focus, .select[aria-disabled=true]:hover, .select[aria-disabled=true]:active, .select[aria-disabled=true]:focus, .select[aria-disabled=true].focus {
            color: #454545;
            background-color: #dedede
        }

@media (forced-colors:active) {
    .select:disabled, .select[aria-disabled=true] {
        color: graytext;
        border: 0
    }

        .select:disabled:hover, .select:disabled:active, .select:disabled:focus, .select:disabled.focus, .select[aria-disabled=true]:hover, .select[aria-disabled=true]:active, .select[aria-disabled=true]:focus, .select[aria-disabled=true].focus {
            color: graytext
        }

    .select:disabled, .select[aria-disabled=true] {
        border: 2px solid graytext
    }

    .select {
        appearance: listbox;
        background-image: none;
        padding-right: 0
    }
}

.select {
    background-color: #f2f9ff;
    border-color: #cedced;
    border-radius: .25rem;
    font-weight: 700
}

    .select.select--big {
        height: auto;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 1.25rem;
        line-height: 1.5
    }

.success-message {
    color: #18852e;
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: 1.5rem;
    font-weight: 700;
    display: block;
    position: relative
}

    .success-message:before {
        content: "";
        background-image: url("/assets/icons/check_circle-9998d611.svg");
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 1.25rem 1.25rem;
        width: 1.25rem;
        height: 1lh;
        display: inline-block;
        position: absolute;
        top: .25rem;
        left: 0
    }

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .success-message:before {
        background: currentColor;
        -webkit-mask-image: url("/assets/icons/check_circle-9998d611.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/check_circle-9998d611.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1.25rem 1.25rem;
        mask-size: 1.25rem 1.25rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

h1, h2, h3, h4, h5, h6 {
    margin-top: 1em;
    margin-bottom: .5em
}

p, ul {
    margin-top: 0
}

.break-word {
    word-wrap: break-word
}

.display-list-item {
    display: list-item
}

.truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden
}

@media (width>=640px) {
    .input--wide {
        max-width: 14rem
    }
}

@media (width<=639px) {
    .account-header__badges {
        text-align: center;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        transform: translateY(50%)
    }
}

.alert-icon {
    width: 88px;
    height: 88px
}

.alert-icon--centered-top {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)
}

.alert--info-time:before {
    background-image: url("/assets/icons/timer-f11ece00.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
    width: 1rem;
    height: 1rem;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%)
}

@supports ((-webkit-mask: url("")) or (mask:url(""))) {
    .alert--info-time:before {
        background: #00a2c4;
        -webkit-mask-image: url("/assets/icons/timer-f11ece00.svg"),linear-gradient(#0000,#0000);
        mask-image: url("/assets/icons/timer-f11ece00.svg"),linear-gradient(#0000,#0000);
        -webkit-mask-position: 50%;
        mask-position: 50%;
        -webkit-mask-size: 1rem 1rem;
        mask-size: 1rem 1rem;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat
    }
}

.alert__text > p:last-child {
    margin-bottom: 0
}

.block-link {
    border-top: 1px solid #cedced;
    border-bottom: 1px solid #cedced;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2.5rem;
    text-decoration: none;
    display: block;
    position: relative
}

li + li .block-link:only-child {
    border-top-style: solid;
    border-top-width: 0;
    margin-top: -1.5rem
}

li + li:last-child .block-link:only-child {
    margin-bottom: 0
}

.block-link:focus {
    outline: none
}

    .block-link:focus:before {
        content: "";
        pointer-events: none;
        border: 1px solid #0071bb;
        border-radius: 6px;
        position: absolute;
        inset: 0 -.5rem
    }

.block-link__arrow {
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    top: 50%;
    right: 1rem;
    transform: translateY(-50%)
}

.button {
    margin-right: 0
}

    .button:disabled.button--active:not(.button--unstyled,.button--secondary,.button--accent-cool,.button--accent-warm,.button--base,.button--outline,.button--inverse,.button--danger), .button[aria-disabled=true].button--active:not(.button--unstyled,.button--secondary,.button--accent-cool,.button--accent-warm,.button--base,.button--outline,.button--inverse,.button--danger) {
        color: #fff;
        background-color: #112e51
    }

.card {
    background-color: #fff;
    max-width: 620px;
    padding: 2rem;
}

.card-large {
    background-color: #fff;
    max-width: 85%;
    padding: 0 !important;
}

.card + .card {
    margin-top: 2rem
}

@media (width>=640px) {
    .card {
        border-radius: 5px
    }
}

code {
    background-color: #fafafa;
    border-radius: 2px;
    font-size: .875rem
}

.form-steps__focus-anchor[tabindex="-1"]:focus {
    outline: none
}

    .form-steps__focus-anchor[tabindex="-1"]:focus:focus-visible {
        outline-offset: 1px;
        outline: 2px solid #0071bb
    }
/*html, body {
    height: 100%
}*/

.site {
    flex-direction: column;
    display: flex
}

.footer {
    background-color: #ebf3fa;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: .75rem;
    display: flex
}

@media (width>=1024px) {
    .footer {
        background-color: #112e51;
        flex-direction: row
    }
}

.footer a {
    padding-top: .5rem;
    padding-bottom: .5rem;
    text-decoration: none
}

@media (width>=1024px) {
    .footer a {
        padding-top: 0;
        padding-bottom: 0
    }

        .footer a, .footer a:visited {
            color: #fff
        }

            .footer a:hover {
                color: #cedced
            }
}

.footer > .footer__agency-logo:first-child {
    display: none
}

@media (width>=1024px) {
    .footer > .footer__agency-logo: first-child {
        display: inline-flex
    }
}

.footer__agency-logo {
    align-items: center;
    display: inline-flex
}

    .footer__agency-logo.link--external:after {
        margin-top: 0
    }



@media (width<=639px) {
    .footer__language-picker.language-picker {
        width: 100%
    }
}

@media (width>=640px) {
    .footer__language-picker {
        margin-top: .5rem;
        margin-bottom: .5rem
    }
}

@media (width>=1024px) {
    .footer__language-picker {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.footer__links {
    border-top: 1px solid #cedced;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    display: flex
}

@media (width>=1024px) {
    .footer__links {
        border-top-style: solid;
        border-top-width: 0;
        width: auto;
        margin-top: 0;
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

.footer__links + .footer__links {
    border-top-style: solid;
    border-top-width: 0
}

.footer__links a:not(:last-child) {
    margin-right: .5rem
}

@media (width>=640px) {
    .footer__links a: not(:last-child) {
        margin-right: 1rem
    }
}

@media (width>=1024px) {
    .footer__links .footer__agency-logo {
        display: none
    }
}

.form-group--error {
    border-left-style: none;
    padding-left: 0
}

.l-hidden {
    display: none;
}

.sm-hidden {
    display: block;
}

@media (width>=1024px) {
    .form-group--error {
        margin-left: 0
    }
}
/* For devices with a minimum width of 992px (Large) */
@media screen and (max-width: 992px) {
    .card {
        margin-left: 10px;
        margin-right: 10px;
    }

    .col-4 {
        flex: 0 0 auto;
        width: 100% !important;
    }

    .col-6 {
        flex: 0 0 auto;
        width: 100% !important;
        margin-bottom: 20px;
    }

    .w-115 {
        display: flex;
        margin-left: auto;
        margin-right: auto;
        width: 60% !important;
    }

    .sm-hidden {
        display: none !important;
    }

    .sign-in-login {
        width: 120px !important;
        /*margin-left: 0px !important;*/
        /*        margin-top: 5px;*/
    }


    .l-hidden {
        display: block !important;
        width: 100px !important;
    }

    .grid-container {
        max-width: 87% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 8rem;
    }

    .f-16 {
        font-size: 16px;
    }
}

.has-full-screen-overlay {
    overflow: hidden
}

.full-screen {
    z-index: 1000;
    position: fixed;
    inset: 0
}

.full-screen__close-button {
    z-index: 10;
    background-color: #1b1b1bb3;
    border-radius: 0;
    width: auto;
    position: absolute;
    top: 0;
    right: 0
}

    .full-screen__close-button:hover, .full-screen__close-button:focus {
        background-color: #454545
    }

.full-screen__close-icon {
    width: 1rem;
    height: 1rem
}

hr {
    border: 0;
    border-bottom: 1px solid #cedced
}

.language-picker {
    width: auto;
    font-size: 1rem;
    position: relative
}

    .language-picker .accordion__content {
        text-align: center;
        z-index: 10;
        background-color: #0071bb;
        border: 1px solid #112e51;
        width: 100%;
        padding: 0;
        position: absolute;
        bottom: 100%;
        overflow: visible
    }

@media (width>=640px) {
    .language-picker .accordion__content {
        border-style: solid;
        border-width: 0;
        margin: 0 0 .25rem
    }
}

.language-picker__label {
    border-color: #0000;
    border-radius: .25rem;
    align-items: center;
    padding: .25rem .5rem;
    display: flex
}

@media (width<=639px) {
    .language-picker__label {
        border-radius: 0;
        justify-content: center
    }
}

@media (width>=640px) {
    .language-picker__label {
        border-color: #0071bb
    }
}

@media (width>=1024px) {
    .language-picker__label, .language-picker__label: hover {
        color: #fff
    }
}

.language-picker__label.accordion__button[aria-expanded=false], .language-picker__label.accordion__button[aria-expanded=true] {
    background-image: none
}

    .language-picker__label.accordion__button[aria-expanded=false]:hover {
        background-color: #0000
    }

.language-picker__label.accordion__button[aria-expanded=true] {
    color: #fff;
    background-color: #0071bb
}

.language-picker__label-text {
    margin-left: .5rem;
    margin-right: .25rem
}

.language-picker__expander {
    transition: transform .15s ease-in-out
}

@media (prefers-reduced-motion) {
    .language-picker__expander {
        transition: none
    }
}

.accordion__button[aria-expanded=false] .language-picker__expander {
    transform: rotate(-180deg)
}

.language-picker__list {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

@media (width>=640px) {
    .language-picker__list {
        border-radius: .25rem
    }
}

.language-picker__list a {
    color: #fff;
    padding-top: .75rem;
    padding-bottom: .75rem;
    display: block
}

    .language-picker__list a:focus {
        outline-offset: 2px
    }

.language-picker__list li + li {
    border-top: 1px solid #112e51
}

.link--external:before, .link--external[target=_blank]:before {
    content: ""
}

.page-header--basic {
    background-color: transparent;
    justify-content: center;
    align-items: center;
    height: 3.5rem;
    display: flex
}

@media (width>=640px) {
    .page-header--basic {
        height: 4.5rem
    }
}

.skipnav {
    top: -5rem
}

.page-heading {
    margin-top: 0;
    margin-bottom: 1rem;
    text-align: center;
}

    .page-heading[tabindex="-1"]:not(:focus-visible):focus {
        outline: none
    }

.personal-key-block {
    background-image: url("/assets/personal-key/pkey-block-3574f392.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media (width>=640px) {
    .personal-key-block {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.personal-key-block__code {
    font-family: Roboto Mono Web,Bitstream Vera Sans Mono,Consolas,Courier,monospace;
    font-size: 1.5rem
}

    .personal-key-block__code:after {
        content: "-";
        padding: 0 .25rem
    }

    .personal-key-block__code:last-child:after {
        content: none;
        padding: 0
    }

.bg-personal-key {
    background-image: url("/assets/personal-key/shield-41acd8ea.svg");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 145px 145px;
    height: 145px
}

.full-width-box {
    width: 110%;
    margin-left: -1rem
}

@media (width>=640px) {
    .full-width-box {
        width: 135%;
        margin-left: -5rem
    }
}

lg-spinner-button .button {
    position: relative
}

lg-spinner-button:not(.spinner-button--spinner-active) .spinner-dots {
    display: none
}

lg-spinner-button:not(.spinner-button--outline) .spinner-dots {
    color: #fff
}

.spinner-button--spinner-active .spinner-button__content {
    opacity: 0
}

.spinner-button__action-message {
    color: #112e51;
    margin-top: 1rem;
    font-weight: 700
}

@keyframes spinner-dot-one {
    0% {
        transform: scale(0)
    }

    25% {
        transform: scale(1)
    }

    50% {
        transform: scale(0)
    }
}

@keyframes spinner-dot-two {
    0% {
        transform: scale(0)
    }

    20% {
        transform: scale(0)
    }

    45% {
        transform: scale(1)
    }

    70% {
        transform: scale(0)
    }
}

@keyframes spinner-dot-three {
    0% {
        transform: scale(0)
    }

    40% {
        transform: scale(0)
    }

    65% {
        transform: scale(1)
    }

    90% {
        transform: scale(0)
    }
}

.spinner-dots {
    width: 46px;
    height: 12px;
    display: flex
}

.spinner-dots--centered {
    pointer-events: none;
    margin-top: -6px;
    margin-left: -23px;
    position: absolute;
    top: 50%;
    left: 50%
}

.spinner-dots__dot {
    width: 12px;
    height: 12px;
    margin-left: 5px
}

    .spinner-dots__dot:after {
        content: "";
        background-color: currentColor;
        border-radius: 50%;
        width: 100%;
        height: 100%;
        animation-duration: 1.25s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-delay: 10ms;
        display: block;
        transform: scale(0)
    }

    .spinner-dots__dot:first-child {
        margin-left: 0
    }

        .spinner-dots__dot:first-child:after {
            animation-name: spinner-dot-one
        }

    .spinner-dots__dot:nth-child(2):after {
        animation-name: spinner-dot-two
    }

    .spinner-dots__dot:nth-child(3):after {
        animation-name: spinner-dot-three
    }

lg-step-indicator {
    border-bottom: 1px solid #cedced;
    margin-bottom: 2rem;
    display: block;
    position: relative;
    box-shadow: 0 2px 2px #0000001a
}

@media (width>=640px) {
    lg-step-indicator {
        box-shadow: none;
        border-bottom: 0
    }
}

@media (width<=639px) {
    lg-step-indicator: before, lg-step-indicator:after {
        content: "";
        width: 1.5rem;
        height: 100%;
        position: absolute;
        top: 0;
        bottom: 0
    }

    lg-step-indicator:before {
        z-index: 1;
        background: linear-gradient(90deg,#fff,#fff 17%,#fff0);
        left: 0
    }

    lg-step-indicator:after {
        background: linear-gradient(270deg,#fff,#fff 17%,#fff0);
        right: 0
    }
}

.step-indicator__scroller {
    scrollbar-width: none;
    margin: 0;
    padding: .5rem 1.5rem 1rem;
    list-style-type: none;
    display: flex;
    overflow: scroll
}

@media (width>=640px) {
    .step-indicator__scroller {
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: visible
    }
}

.step-indicator__scroller:after {
    content: "";
    flex: 0 0 1.5rem
}

@media (width>=640px) {
    .step-indicator__scroller: after {
        content: none
    }
}

.step-indicator__scroller::-webkit-scrollbar {
    display: none
}

.step-indicator__step {
    text-align: center;
    flex: 0 0 33.33%;
    min-width: 4rem;
    padding: 1.5rem .25rem 0;
    font-size: .75rem;
    position: relative
}

@media (width>=640px) {
    .step-indicator__step {
        flex: 1;
        min-width: auto
    }
}

.step-indicator__step:before {
    content: "";
    background-color: #dedede;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    margin-left: -.5rem;
    position: absolute;
    top: 0;
    left: 50%
}

.step-indicator__step--current:before {
    background-color: #fff;
    border: 3px solid #18852e
}

.step-indicator__step--complete:before {
    background-color: #fff;
    background-image: url("/assets/alerts/success-1ad68e53.svg")
}

.step-indicator__step:not(:last-child):after {
    content: "";
    background-color: #dedede;
    width: calc(100% - 1rem - 8px);
    height: 4px;
    margin-top: -2px;
    position: absolute;
    top: .5rem;
    left: calc(50% + .5rem + 4px)
}

.step-indicator__step--complete:not(:last-child):after {
    background-color: #18852e
}

.step-indicator__step--current .step-indicator__step-title {
    font-weight: 700
}

.text-wrap-anywhere {
    overflow-wrap: anywhere
}

.fs-12p {
    font-size: 12px
}

.fs-20p {
    font-size: 20px
}

h1, .h1 {
    font-size: 1.5rem;
    line-height: 1.35
}

@media (width>=640px) {
    h1, .h1 {
        font-size: 1.75rem
    }
}

h2, .h2 {
    font-size: 1.25rem;
    line-height: 1.35
}

@media (width>=640px) {
    h2, .h2 {
        font-size: 1.375rem
    }
}

.troubleshooting-options__heading, h3, .h3 {
    font-size: 1.125rem;
    line-height: 1.5
}

@media (width>=640px) {
    .troubleshooting-options__heading, h3, .h3 {
        font-size: 1.125rem
    }
}

h4, .h4 {
    font-size: 1rem;
    line-height: 1.5
}

@media (width>=640px) {
    h4, .h4 {
        font-size: 1rem
    }
}

h5, .h5 {
    font-size: .875rem;
    line-height: 1.5
}

@media (width>=640px) {
    h5, .h5 {
        font-size: .875rem
    }
}

h6, .h6 {
    font-size: .75rem;
    line-height: 1.5
}

@media (width>=640px) {
    h6, .h6 {
        font-size: .75rem
    }
}

.troubleshooting-options {
    margin-top: 2rem;
    margin-bottom: 2rem
}

    .troubleshooting-options:last-child {
        margin-bottom: 0
    }

    .troubleshooting-options:before {
        content: "";
        background-color: #e21c3d;
        width: 5rem;
        height: 4px;
        margin-bottom: 2rem;
        display: block
    }

.troubleshooting-options__heading {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.troubleshooting-options__options {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style-type: none
}

.memorable-date input[type=text] {
    padding-left: .5rem;
    padding-right: .5rem
}

.icon {
    fill: currentColor;
    width: 1em;
    height: 1em;
    display: inline-block;
    position: relative
}

.icon--size-3 {
    width: 1.5rem;
    height: 1.5rem
}

.icon--size-4 {
    width: 2rem;
    height: 2rem
}

.icon--size-5 {
    width: 2.5rem;
    height: 2.5rem
}

.icon--size-6 {
    width: 3rem;
    height: 3rem
}

.icon--size-7 {
    width: 3.5rem;
    height: 3.5rem
}

.icon--size-8 {
    width: 4rem;
    height: 4rem
}

.icon--size-9 {
    width: 4.5rem;
    height: 4.5rem
}

.icon {
    background-color: currentColor;
    -webkit-mask-size: 100%;
    mask-size: 100%
}

.modal__content {
    background-color: #fff;
    border-width: 0;
    border-radius: .75rem;
    width: 26rem;
    max-width: 98%;
    padding: 2rem
}

@media (width>=640px) {
    .modal__content {
        padding: 3rem
    }
}

.modal__content::backdrop {
    background: #000000b3
}

.modal__content hr {
    width: 5rem
}

.js-modal--active {
    overflow: hidden
}

.button-group {
    flex-flow: column wrap;
    margin: 0 -.25rem;
    padding-left: 0;
    list-style-type: none;
    display: flex
}

@media (width>=480px) {
    .button-group {
        flex-flow: row;
        align-items: stretch
    }
}

.button-group .button-group {
    height: 100%
}

@media (width>=480px) {
    .button-group .button-group .button-group__item {
        margin-top: 0;
        margin-bottom: 0
    }
}

.button-group .button-group--segmented .button-group__item {
    margin-top: 0;
    margin-bottom: 0
}

.button-group__item {
    margin: .25rem
}

@media (width>=480px) {
    .button-group__item: last-child {
        margin-right: 0
    }
}

.button-group__item .button {
    height: 100%;
    margin-left: 0;
    margin-right: 0
}

.button-group--segmented {
    flex-flow: row;
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0
}

@media (width>=480px) {
    .button-group--segmented {
        justify-content: flex-start
    }
}

.button-group--segmented .button {
    width: calc(100% + 1px);
    position: relative
}

@media (width>=480px) {
    .button-group--segmented .button {
        width: auto
    }
}

.button-group--segmented .button:hover, .button-group--segmented .button:active {
    z-index: 2
}

.button-group--segmented .button:focus {
    z-index: 3
}

.button-group--segmented .button-group__item {
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

@media (width>=480px) {
    .button-group--segmented .button-group__item {
        width: auto
    }
}

.button-group--segmented .button-group__item:first-child > .button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    margin-right: -.5px
}

.button-group--segmented .button-group__item:last-child > .button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: calc(100% + 1px);
    margin-left: -1px;
    margin-right: 0
}

@media (width>=480px) {
    .button-group--segmented .button-group__item: last-child > .button {
        width: auto;
        margin-left: -.5px
    }
}

.button-group--segmented .button-group__item:where(:not(:first-child):not(:last-child)) > .button {
    border-radius: 0;
    margin-left: -.5px;
    margin-right: -.5px
}

.button-group--segmented .button-group__item:where(:not(:last-child)) .button:before {
    content: "";
    z-index: 3;
    border-right: 1px solid #205493;
    width: 1px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1px
}

.button-group--segmented .button-group__item:where(:not(:last-child)) .button--secondary:before {
    border-right-color: #ab142f
}

.button-group--segmented .button-group__item:where(:not(:last-child)) .button--accent-cool:before {
    border-right-color: #008099
}

.button-group--segmented .button-group__item:where(:not(:last-child)) .button--base:before {
    border-right-color: #5c5c5c
}

.button-group--segmented .button-group__item:where(:not(:last-child)) [class*=button]:disabled:before, .button-group--segmented .button-group__item:where(:not(:last-child)) [class*=button][aria-disabled=true]:before {
    border-right-color: #fff
}

.button-group--segmented .button-group__item:where(:not(:last-child)) .button:active:before, .button-group--segmented .button-group__item:where(:not(:last-child)) .button--outline:before {
    display: none
}

.button-group__item:first-child > .button.button--big {
    margin-right: -1px
}

.button-group__item:last-child > .button.button--big {
    width: calc(100% + 2px);
    margin-left: -2px
}

@media (width>=480px) {
    .button-group__item: last-child > .button.button--big {
        margin-left: -1px
    }
}

.button-group__item:where(:not(:first-child):not(:last-child)) > .button.button--big {
    margin-left: -1px;
    margin-right: -1px
}

.tab-navigation .button-group {
    background-color: #f0f0f0;
    border-radius: 1.625rem;
    flex-flow: row
}

    .tab-navigation .button-group .button-group__item {
        flex-basis: 50%
    }

    .tab-navigation .button-group .button {
        text-align: center;
        border-radius: 1.375rem;
        justify-content: center;
        align-items: center;
        width: 100%;
        padding: .75rem
    }

    .tab-navigation .button-group .button--unstyled {
        font-weight: 700;
        text-decoration: none
    }

@media (width<=639px) {
    .tab-navigation .button-group .button--big {
        font-size: 1rem
    }
}

[class*=font-mono-] {
    font-family: Roboto Mono Web,Bitstream Vera Sans Mono,Consolas,Courier,monospace
}

[class*=font-sans-], [class*=font-ui-], [class*=font-heading-], [class*=font-body-] {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

[class*=font-code-] {
    font-family: Roboto Mono Web,Bitstream Vera Sans Mono,Consolas,Courier,monospace
}

[class*=font-alt-] {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.add-aspect-9x16 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 177.778%;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio: 1) {
    .add-aspect-9x16 {
        height: inherit;
        padding: inherit;
        aspect-ratio: .5625;
        max-width: 100%
    }

        .add-aspect-9x16 > * {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        img.add-aspect-9x16, .add-aspect-9x16 > img {
            object-fit: cover
        }
}

.add-aspect-16x9 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio: 1) {
    .add-aspect-16x9 {
        height: inherit;
        padding: inherit;
        aspect-ratio: 1.77778;
        max-width: 100%
    }

        .add-aspect-16x9 > * {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        img.add-aspect-16x9, .add-aspect-16x9 > img {
            object-fit: cover
        }
}

.add-aspect-1x1 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 100%;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio: 1) {
    .add-aspect-1x1 {
        height: inherit;
        padding: inherit;
        aspect-ratio: 1;
        max-width: 100%
    }

        .add-aspect-1x1 > * {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        img.add-aspect-1x1, .add-aspect-1x1 > img {
            object-fit: cover
        }
}

.add-aspect-4x3 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 75%;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio: 1) {
    .add-aspect-4x3 {
        height: inherit;
        padding: inherit;
        aspect-ratio: 1.33333;
        max-width: 100%
    }

        .add-aspect-4x3 > * {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        img.add-aspect-4x3, .add-aspect-4x3 > img {
            object-fit: cover
        }
}

.add-aspect-2x1 {
    box-sizing: border-box;
    height: 0;
    padding-bottom: 50%;
    position: relative;
    overflow: hidden
}

@supports (aspect-ratio: 1) {
    .add-aspect-2x1 {
        height: inherit;
        padding: inherit;
        aspect-ratio: 2;
        max-width: 100%
    }

        .add-aspect-2x1 > * {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0
        }

        img.add-aspect-2x1, .add-aspect-2x1 > img {
            object-fit: cover
        }

    :where(img[class*=add-aspect-]) {
        width: min-content
    }
}

.add-list-reset {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

.flex-align-start {
    align-items: flex-start
}

.flex-align-end {
    align-items: flex-end
}

.flex-align-center {
    align-items: center
}

.flex-align-stretch {
    align-items: stretch
}

.flex-align-baseline {
    align-items: baseline
}

.bg-transparent, .hover\:bg-transparent:hover {
    background-color: #0000
}

.bg-black, .hover\:bg-black:hover {
    background-color: #000
}

.bg-white, .hover\:bg-white:hover {
    background-color: #fff
}

.bg-base-lightest, .hover\:bg-base-lightest:hover {
    background-color: #f0f0f0
}

.bg-base-lighter, .hover\:bg-base-lighter:hover {
    background-color: #dedede
}

.bg-base-light, .hover\:bg-base-light:hover {
    background-color: #adadad
}

.bg-base, .hover\:bg-base:hover {
    background-color: #767676
}

.bg-base-dark, .hover\:bg-base-dark:hover {
    background-color: #5c5c5c
}

.bg-base-darker, .hover\:bg-base-darker:hover {
    background-color: #454545
}

.bg-base-darkest, .hover\:bg-base-darkest:hover {
    background-color: #1b1b1b
}

.bg-ink, .hover\:bg-ink:hover {
    background-color: #454545
}

.bg-primary-lightest, .hover\:bg-primary-lightest:hover {
    background-color: #f2f9ff
}

.bg-primary-lighter, .hover\:bg-primary-lighter:hover {
    background-color: transparent;
}

.bg-primary-light, .hover\:bg-primary-light:hover {
    background-color: #cedced
}

.bg-primary, .hover\:bg-primary:hover, .bg-primary-vivid, .hover\:bg-primary-vivid:hover {
    background-color: #0071bb
}

.bg-primary-dark, .hover\:bg-primary-dark:hover {
    background-color: #205493
}

.bg-primary-darker, .hover\:bg-primary-darker:hover {
    background-color: #112e51
}

.bg-primary-darkest, .hover\:bg-primary-darkest:hover {
    background-color: #0c213a
}

.bg-secondary-lightest, .hover\:bg-secondary-lightest:hover {
    background-color: #fff0f3
}

.bg-secondary-lighter, .hover\:bg-secondary-lighter:hover {
    background-color: #f3b8be
}

.bg-secondary-light, .hover\:bg-secondary-light:hover {
    background-color: #ea7b85
}

.bg-secondary, .hover\:bg-secondary:hover {
    background-color: #e21c3d
}

.bg-secondary-dark, .hover\:bg-secondary-dark:hover {
    background-color: #ab142f
}

.bg-secondary-darker, .hover\:bg-secondary-darker:hover {
    background-color: #8b0a21
}

.bg-secondary-darkest, .hover\:bg-secondary-darkest:hover {
    background-color: #680617
}

.bg-accent-warm-darker, .hover\:bg-accent-warm-darker:hover {
    background-color: #775540
}

.bg-accent-warm-dark, .hover\:bg-accent-warm-dark:hover {
    background-color: #c05600
}

.bg-accent-warm, .hover\:bg-accent-warm:hover {
    background-color: #fa9441
}

.bg-accent-warm-light, .hover\:bg-accent-warm-light:hover {
    background-color: #ffbc78
}

.bg-accent-warm-lighter, .hover\:bg-accent-warm-lighter:hover {
    background-color: #f2e4d4
}

.bg-accent-cool-darkest, .hover\:bg-accent-cool-darkest:hover {
    background-color: #006175
}

.bg-accent-cool-darker, .hover\:bg-accent-cool-darker:hover {
    background-color: #007187
}

.bg-accent-cool-dark, .hover\:bg-accent-cool-dark:hover {
    background-color: #008099
}

.bg-accent-cool, .hover\:bg-accent-cool:hover {
    background-color: #00a2c4
}

.bg-accent-cool-light, .hover\:bg-accent-cool-light:hover {
    background-color: #7bbfd6
}

.bg-accent-cool-lighter, .hover\:bg-accent-cool-lighter:hover {
    background-color: #b7dde9
}

.bg-accent-cool-lightest, .hover\:bg-accent-cool-lightest:hover {
    background-color: #ecfcff
}

.bg-error-lighter, .hover\:bg-error-lighter:hover {
    background-color: #fff0f3
}

.bg-error-light, .hover\:bg-error-light:hover {
    background-color: #f3b8be
}

.bg-error, .hover\:bg-error:hover {
    background-color: #e21c3d
}

.bg-error-dark, .hover\:bg-error-dark:hover {
    background-color: #8b0a21
}

.bg-error-darker, .hover\:bg-error-darker:hover {
    background-color: #680617
}

.bg-warning-lighter, .hover\:bg-warning-lighter:hover {
    background-color: #fffdd7
}

.bg-warning-light, .hover\:bg-warning-light:hover {
    background-color: #fcf197
}

.bg-warning, .hover\:bg-warning:hover {
    background-color: #f5d600
}

.bg-warning-dark, .hover\:bg-warning-dark:hover {
    background-color: #847122
}

.bg-warning-darker, .hover\:bg-warning-darker:hover {
    background-color: #504332
}

.bg-success-lighter, .hover\:bg-success-lighter:hover {
    background-color: #ebfcef
}

.bg-success-light, .hover\:bg-success-light:hover {
    background-color: #a6d5af
}

.bg-success, .hover\:bg-success:hover {
    background-color: #18852e
}

.bg-success-dark, .hover\:bg-success-dark:hover {
    background-color: #0e581e
}

.bg-success-darker, .hover\:bg-success-darker:hover {
    background-color: #094316
}

.bg-info-lighter, .hover\:bg-info-lighter:hover {
    background-color: #ecfcff
}

.bg-info-light, .hover\:bg-info-light:hover {
    background-color: #b7dde9
}

.bg-info, .hover\:bg-info:hover {
    background-color: #00a2c4
}

.bg-info-dark, .hover\:bg-info-dark:hover {
    background-color: #007187
}

.bg-info-darker, .hover\:bg-info-darker:hover {
    background-color: #006175
}

.bg-disabled-lighter, .hover\:bg-disabled-lighter:hover {
    background-color: #dedede
}

.bg-disabled-light, .hover\:bg-disabled-light:hover {
    background-color: #adadad
}

.bg-disabled, .hover\:bg-disabled:hover {
    background-color: #767676
}

.bg-disabled-dark, .hover\:bg-disabled-dark:hover {
    background-color: #5c5c5c
}

.bg-disabled-darker, .hover\:bg-disabled-darker:hover {
    background-color: #1b1b1b
}

.bg-emergency, .hover\:bg-emergency:hover {
    background-color: #9c3d10
}

.bg-emergency-dark, .hover\:bg-emergency-dark:hover {
    background-color: #332d29
}

.border-1px, .hover\:border-1px:hover {
    border: 1px solid
}

.border-y-1px, .hover\:border-y-1px:hover {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.border-x-1px, .hover\:border-x-1px:hover {
    border-left: 1px solid;
    border-right: 1px solid
}

.border-top-1px, .hover\:border-top-1px:hover {
    border-top: 1px solid
}

.border-right-1px, .hover\:border-right-1px:hover {
    border-right: 1px solid
}

.border-bottom-1px, .hover\:border-bottom-1px:hover {
    border-bottom: 1px solid
}

.border-left-1px, .hover\:border-left-1px:hover {
    border-left: 1px solid
}

.border-2px, .hover\:border-2px:hover {
    border: 2px solid
}

.border-y-2px, .hover\:border-y-2px:hover {
    border-top: 2px solid;
    border-bottom: 2px solid
}

.border-x-2px, .hover\:border-x-2px:hover {
    border-left: 2px solid;
    border-right: 2px solid
}

.border-top-2px, .hover\:border-top-2px:hover {
    border-top: 2px solid
}

.border-right-2px, .hover\:border-right-2px:hover {
    border-right: 2px solid
}

.border-bottom-2px, .hover\:border-bottom-2px:hover {
    border-bottom: 2px solid
}

.border-left-2px, .hover\:border-left-2px:hover {
    border-left: 2px solid
}

.border-05, .hover\:border-05:hover {
    border: .25rem solid
}

.border-y-05, .hover\:border-y-05:hover {
    border-top: .25rem solid;
    border-bottom: .25rem solid
}

.border-x-05, .hover\:border-x-05:hover {
    border-left: .25rem solid;
    border-right: .25rem solid
}

.border-top-05, .hover\:border-top-05:hover {
    border-top: .25rem solid
}

.border-right-05, .hover\:border-right-05:hover {
    border-right: .25rem solid
}

.border-bottom-05, .hover\:border-bottom-05:hover {
    border-bottom: .25rem solid
}

.border-left-05, .hover\:border-left-05:hover {
    border-left: .25rem solid
}

.border-1, .hover\:border-1:hover {
    border: .5rem solid
}

.border-y-1, .hover\:border-y-1:hover {
    border-top: .5rem solid;
    border-bottom: .5rem solid
}

.border-x-1, .hover\:border-x-1:hover {
    border-left: .5rem solid;
    border-right: .5rem solid
}

.border-top-1, .hover\:border-top-1:hover {
    border-top: .5rem solid
}

.border-right-1, .hover\:border-right-1:hover {
    border-right: .5rem solid
}

.border-bottom-1, .hover\:border-bottom-1:hover {
    border-bottom: .5rem solid
}

.border-left-1, .hover\:border-left-1:hover {
    border-left: .5rem solid
}

.border-105, .hover\:border-105:hover {
    border: .75rem solid
}

.border-y-105, .hover\:border-y-105:hover {
    border-top: .75rem solid;
    border-bottom: .75rem solid
}

.border-x-105, .hover\:border-x-105:hover {
    border-left: .75rem solid;
    border-right: .75rem solid
}

.border-top-105, .hover\:border-top-105:hover {
    border-top: .75rem solid
}

.border-right-105, .hover\:border-right-105:hover {
    border-right: .75rem solid
}

.border-bottom-105, .hover\:border-bottom-105:hover {
    border-bottom: .75rem solid
}

.border-left-105, .hover\:border-left-105:hover {
    border-left: .75rem solid
}

.border-2, .hover\:border-2:hover {
    border: 1rem solid
}

.border-y-2, .hover\:border-y-2:hover {
    border-top: 1rem solid;
    border-bottom: 1rem solid
}

.border-x-2, .hover\:border-x-2:hover {
    border-left: 1rem solid;
    border-right: 1rem solid
}

.border-top-2, .hover\:border-top-2:hover {
    border-top: 1rem solid
}

.border-right-2, .hover\:border-right-2:hover {
    border-right: 1rem solid
}

.border-bottom-2, .hover\:border-bottom-2:hover {
    border-bottom: 1rem solid
}

.border-left-2, .hover\:border-left-2:hover {
    border-left: 1rem solid
}

.border-205, .hover\:border-205:hover {
    border: 1.25rem solid
}

.border-y-205, .hover\:border-y-205:hover {
    border-top: 1.25rem solid;
    border-bottom: 1.25rem solid
}

.border-x-205, .hover\:border-x-205:hover {
    border-left: 1.25rem solid;
    border-right: 1.25rem solid
}

.border-top-205, .hover\:border-top-205:hover {
    border-top: 1.25rem solid
}

.border-right-205, .hover\:border-right-205:hover {
    border-right: 1.25rem solid
}

.border-bottom-205, .hover\:border-bottom-205:hover {
    border-bottom: 1.25rem solid
}

.border-left-205, .hover\:border-left-205:hover {
    border-left: 1.25rem solid
}

.border-3, .hover\:border-3:hover {
    border: 1.5rem solid
}

.border-y-3, .hover\:border-y-3:hover {
    border-top: 1.5rem solid;
    border-bottom: 1.5rem solid
}

.border-x-3, .hover\:border-x-3:hover {
    border-left: 1.5rem solid;
    border-right: 1.5rem solid
}

.border-top-3, .hover\:border-top-3:hover {
    border-top: 1.5rem solid
}

.border-right-3, .hover\:border-right-3:hover {
    border-right: 1.5rem solid
}

.border-bottom-3, .hover\:border-bottom-3:hover {
    border-bottom: 1.5rem solid
}

.border-left-3, .hover\:border-left-3:hover {
    border-left: 1.5rem solid
}

.border-0, .hover\:border-0:hover {
    border: 0 solid
}

.border-y-0, .hover\:border-y-0:hover {
    border-top: 0 solid;
    border-bottom: 0 solid
}

.border-x-0, .hover\:border-x-0:hover {
    border-left: 0 solid;
    border-right: 0 solid
}

.border-top-0, .hover\:border-top-0:hover {
    border-top: 0 solid
}

.border-right-0, .hover\:border-right-0:hover {
    border-right: 0 solid
}

.border-bottom-0, .hover\:border-bottom-0:hover {
    border-bottom: 0 solid
}

.border-left-0, .hover\:border-left-0:hover {
    border-left: 0 solid
}

.border, .hover\:border:hover {
    border: 1px solid
}

.border-y, .hover\:border-y:hover {
    border-top: 1px solid;
    border-bottom: 1px solid
}

.border-x, .hover\:border-x:hover {
    border-left: 1px solid;
    border-right: 1px solid
}

.border-top, .hover\:border-top:hover {
    border-top: 1px solid;
    margin-top: 10px;
}

.border-right, .hover\:border-right:hover {
    border-right: 1px solid
}

.border-bottom, .hover\:border-bottom:hover {
    border-bottom: 1px solid
}

.border-left, .hover\:border-left:hover {
    border-left: 1px solid
}

.border-transparent, .hover\:border-transparent:hover {
    border-color: #0000
}

.border-black, .hover\:border-black:hover {
    border-color: #000
}

.border-white, .hover\:border-white:hover {
    border-color: #fff
}

.border-base-lightest, .hover\:border-base-lightest:hover {
    border-color: #f0f0f0
}

.border-base-lighter, .hover\:border-base-lighter:hover {
    border-color: #dedede
}

.border-base-light, .hover\:border-base-light:hover {
    border-color: #adadad
}

.border-base, .hover\:border-base:hover {
    border-color: #767676
}

.border-base-dark, .hover\:border-base-dark:hover {
    border-color: #5c5c5c
}

.border-base-darker, .hover\:border-base-darker:hover {
    border-color: #454545
}

.border-base-darkest, .hover\:border-base-darkest:hover {
    border-color: #1b1b1b
}

.border-ink, .hover\:border-ink:hover {
    border-color: #454545
}

.border-primary-lightest, .hover\:border-primary-lightest:hover {
    border-color: #f2f9ff
}

.border-primary-lighter, .hover\:border-primary-lighter:hover {
    border-color: #ebf3fa
}

.border-primary-light, .hover\:border-primary-light:hover {
    border-color: #cedced
}

.border-primary, .hover\:border-primary:hover, .border-primary-vivid, .hover\:border-primary-vivid:hover {
    border-color: #0071bb
}

.border-primary-dark, .hover\:border-primary-dark:hover {
    border-color: #205493
}

.border-primary-darker, .hover\:border-primary-darker:hover {
    border-color: #112e51
}

.border-primary-darkest, .hover\:border-primary-darkest:hover {
    border-color: #0c213a
}

.border-secondary-lightest, .hover\:border-secondary-lightest:hover {
    border-color: #fff0f3
}

.border-secondary-lighter, .hover\:border-secondary-lighter:hover {
    border-color: #f3b8be
}

.border-secondary-light, .hover\:border-secondary-light:hover {
    border-color: #ea7b85
}

.border-secondary, .hover\:border-secondary:hover {
    border-color: #e21c3d
}

.border-secondary-dark, .hover\:border-secondary-dark:hover {
    border-color: #ab142f
}

.border-secondary-darker, .hover\:border-secondary-darker:hover {
    border-color: #8b0a21
}

.border-secondary-darkest, .hover\:border-secondary-darkest:hover {
    border-color: #680617
}

.border-accent-warm-darker, .hover\:border-accent-warm-darker:hover {
    border-color: #775540
}

.border-accent-warm-dark, .hover\:border-accent-warm-dark:hover {
    border-color: #c05600
}

.border-accent-warm, .hover\:border-accent-warm:hover {
    border-color: #fa9441
}

.border-accent-warm-light, .hover\:border-accent-warm-light:hover {
    border-color: #ffbc78
}

.border-accent-warm-lighter, .hover\:border-accent-warm-lighter:hover {
    border-color: #f2e4d4
}

.border-accent-cool-darkest, .hover\:border-accent-cool-darkest:hover {
    border-color: #006175
}

.border-accent-cool-darker, .hover\:border-accent-cool-darker:hover {
    border-color: #007187
}

.border-accent-cool-dark, .hover\:border-accent-cool-dark:hover {
    border-color: #008099
}

.border-accent-cool, .hover\:border-accent-cool:hover {
    border-color: #00a2c4
}

.border-accent-cool-light, .hover\:border-accent-cool-light:hover {
    border-color: #7bbfd6
}

.border-accent-cool-lighter, .hover\:border-accent-cool-lighter:hover {
    border-color: #b7dde9
}

.border-accent-cool-lightest, .hover\:border-accent-cool-lightest:hover {
    border-color: #ecfcff
}

.border-error-lighter, .hover\:border-error-lighter:hover {
    border-color: #fff0f3
}

.border-error-light, .hover\:border-error-light:hover {
    border-color: #f3b8be
}

.border-error, .hover\:border-error:hover {
    border-color: #e21c3d
}

.border-error-dark, .hover\:border-error-dark:hover {
    border-color: #8b0a21
}

.border-error-darker, .hover\:border-error-darker:hover {
    border-color: #680617
}

.border-warning-lighter, .hover\:border-warning-lighter:hover {
    border-color: #fffdd7
}

.border-warning-light, .hover\:border-warning-light:hover {
    border-color: #fcf197
}

.border-warning, .hover\:border-warning:hover {
    border-color: #f5d600
}

.border-warning-dark, .hover\:border-warning-dark:hover {
    border-color: #847122
}

.border-warning-darker, .hover\:border-warning-darker:hover {
    border-color: #504332
}

.border-success-lighter, .hover\:border-success-lighter:hover {
    border-color: #ebfcef
}

.border-success-light, .hover\:border-success-light:hover {
    border-color: #a6d5af
}

.border-success, .hover\:border-success:hover {
    border-color: #18852e
}

.border-success-dark, .hover\:border-success-dark:hover {
    border-color: #0e581e
}

.border-success-darker, .hover\:border-success-darker:hover {
    border-color: #094316
}

.border-info-lighter, .hover\:border-info-lighter:hover {
    border-color: #ecfcff
}

.border-info-light, .hover\:border-info-light:hover {
    border-color: #b7dde9
}

.border-info, .hover\:border-info:hover {
    border-color: #00a2c4
}

.border-info-dark, .hover\:border-info-dark:hover {
    border-color: #007187
}

.border-info-darker, .hover\:border-info-darker:hover {
    border-color: #006175
}

.border-disabled-lighter, .hover\:border-disabled-lighter:hover {
    border-color: #dedede
}

.border-disabled-light, .hover\:border-disabled-light:hover {
    border-color: #adadad
}

.border-disabled, .hover\:border-disabled:hover {
    border-color: #767676
}

.border-disabled-dark, .hover\:border-disabled-dark:hover {
    border-color: #5c5c5c
}

.border-disabled-darker, .hover\:border-disabled-darker:hover {
    border-color: #1b1b1b
}

.border-emergency, .hover\:border-emergency:hover {
    border-color: #9c3d10
}

.border-emergency-dark, .hover\:border-emergency-dark:hover {
    border-color: #332d29
}

.border-dashed {
    border-style: dashed
}

.border-dotted {
    border-style: dotted
}

.border-solid {
    border-style: solid
}

.border-width-1px {
    border-width: 1px
}

.border-y-width-1px {
    border-top-width: 1px;
    border-bottom-width: 1px
}

.border-x-width-1px {
    border-left-width: 1px;
    border-right-width: 1px
}

.border-top-width-1px {
    border-top-width: 1px
}

.border-right-width-1px {
    border-right-width: 1px
}

.border-bottom-width-1px {
    border-bottom-width: 1px
}

.border-left-width-1px {
    border-left-width: 1px
}

.border-width-2px {
    border-width: 2px
}

.border-y-width-2px {
    border-top-width: 2px;
    border-bottom-width: 2px
}

.border-x-width-2px {
    border-left-width: 2px;
    border-right-width: 2px
}

.border-top-width-2px {
    border-top-width: 2px
}

.border-right-width-2px {
    border-right-width: 2px
}

.border-bottom-width-2px {
    border-bottom-width: 2px
}

.border-left-width-2px {
    border-left-width: 2px
}

.border-width-05 {
    border-width: .25rem
}

.border-y-width-05 {
    border-top-width: .25rem;
    border-bottom-width: .25rem
}

.border-x-width-05 {
    border-left-width: .25rem;
    border-right-width: .25rem
}

.border-top-width-05 {
    border-top-width: .25rem
}

.border-right-width-05 {
    border-right-width: .25rem
}

.border-bottom-width-05 {
    border-bottom-width: .25rem
}

.border-left-width-05 {
    border-left-width: .25rem
}

.border-width-1 {
    border-width: .5rem
}

.border-y-width-1 {
    border-top-width: .5rem;
    border-bottom-width: .5rem
}

.border-x-width-1 {
    border-left-width: .5rem;
    border-right-width: .5rem
}

.border-top-width-1 {
    border-top-width: .5rem
}

.border-right-width-1 {
    border-right-width: .5rem
}

.border-bottom-width-1 {
    border-bottom-width: .5rem
}

.border-left-width-1 {
    border-left-width: .5rem
}

.border-width-105 {
    border-width: .75rem
}

.border-y-width-105 {
    border-top-width: .75rem;
    border-bottom-width: .75rem
}

.border-x-width-105 {
    border-left-width: .75rem;
    border-right-width: .75rem
}

.border-top-width-105 {
    border-top-width: .75rem
}

.border-right-width-105 {
    border-right-width: .75rem
}

.border-bottom-width-105 {
    border-bottom-width: .75rem
}

.border-left-width-105 {
    border-left-width: .75rem
}

.border-width-2 {
    border-width: 1rem
}

.border-y-width-2 {
    border-top-width: 1rem;
    border-bottom-width: 1rem
}

.border-x-width-2 {
    border-left-width: 1rem;
    border-right-width: 1rem
}

.border-top-width-2 {
    border-top-width: 1rem
}

.border-right-width-2 {
    border-right-width: 1rem
}

.border-bottom-width-2 {
    border-bottom-width: 1rem
}

.border-left-width-2 {
    border-left-width: 1rem
}

.border-width-205 {
    border-width: 1.25rem
}

.border-y-width-205 {
    border-top-width: 1.25rem;
    border-bottom-width: 1.25rem
}

.border-x-width-205 {
    border-left-width: 1.25rem;
    border-right-width: 1.25rem
}

.border-top-width-205 {
    border-top-width: 1.25rem
}

.border-right-width-205 {
    border-right-width: 1.25rem
}

.border-bottom-width-205 {
    border-bottom-width: 1.25rem
}

.border-left-width-205 {
    border-left-width: 1.25rem
}

.border-width-3 {
    border-width: 1.5rem
}

.border-y-width-3 {
    border-top-width: 1.5rem;
    border-bottom-width: 1.5rem
}

.border-x-width-3 {
    border-left-width: 1.5rem;
    border-right-width: 1.5rem
}

.border-top-width-3 {
    border-top-width: 1.5rem
}

.border-right-width-3 {
    border-right-width: 1.5rem
}

.border-bottom-width-3 {
    border-bottom-width: 1.5rem
}

.border-left-width-3 {
    border-left-width: 1.5rem
}

.border-width-0 {
    border-width: 0
}

.border-y-width-0 {
    border-top-width: 0;
    border-bottom-width: 0
}

.border-x-width-0 {
    border-left-width: 0;
    border-right-width: 0
}

.border-top-width-0 {
    border-top-width: 0
}

.border-right-width-0 {
    border-right-width: 0
}

.border-bottom-width-0 {
    border-bottom-width: 0
}

.border-left-width-0 {
    border-left-width: 0
}

.text-transparent, .hover\:text-transparent:hover {
    color: #0000
}

.text-black, .hover\:text-black:hover {
    color: #000
}

.text-white, .hover\:text-white:hover {
    color: #fff
}

.text-base-lightest, .hover\:text-base-lightest:hover {
    color: #f0f0f0
}

.text-base-lighter, .hover\:text-base-lighter:hover {
    color: #dedede
}

.text-base-light, .hover\:text-base-light:hover {
    color: #adadad
}

.text-base, .hover\:text-base:hover {
    color: #767676
}

.text-base-dark, .hover\:text-base-dark:hover {
    color: #5c5c5c
}

.text-base-darker, .hover\:text-base-darker:hover {
    color: #454545
}

.text-base-darkest, .hover\:text-base-darkest:hover {
    color: #1b1b1b
}

.text-ink, .hover\:text-ink:hover {
    color: #454545
}

.text-primary-lightest, .hover\:text-primary-lightest:hover {
    color: #f2f9ff
}

.text-primary-lighter, .hover\:text-primary-lighter:hover {
    color: #ebf3fa
}

.text-primary-light, .hover\:text-primary-light:hover {
    color: #cedced
}

.text-primary, .hover\:text-primary:hover, .text-primary-vivid, .hover\:text-primary-vivid:hover {
    color: #0071bb
}

.text-primary-dark, .hover\:text-primary-dark:hover {
    color: #205493
}

.text-primary-darker, .hover\:text-primary-darker:hover {
    color: #112e51
}

.text-primary-darkest, .hover\:text-primary-darkest:hover {
    color: #0c213a
}

.text-secondary-lightest, .hover\:text-secondary-lightest:hover {
    color: #fff0f3
}

.text-secondary-lighter, .hover\:text-secondary-lighter:hover {
    color: #f3b8be
}

.text-secondary-light, .hover\:text-secondary-light:hover {
    color: #ea7b85
}

.text-secondary, .hover\:text-secondary:hover {
    color: #e21c3d
}

.text-secondary-dark, .hover\:text-secondary-dark:hover {
    color: #ab142f
}

.text-secondary-darker, .hover\:text-secondary-darker:hover {
    color: #8b0a21
}

.text-secondary-darkest, .hover\:text-secondary-darkest:hover {
    color: #680617
}

.text-accent-warm-darker, .hover\:text-accent-warm-darker:hover {
    color: #775540
}

.text-accent-warm-dark, .hover\:text-accent-warm-dark:hover {
    color: #c05600
}

.text-accent-warm, .hover\:text-accent-warm:hover {
    color: #fa9441
}

.text-accent-warm-light, .hover\:text-accent-warm-light:hover {
    color: #ffbc78
}

.text-accent-warm-lighter, .hover\:text-accent-warm-lighter:hover {
    color: #f2e4d4
}

.text-accent-cool-darkest, .hover\:text-accent-cool-darkest:hover {
    color: #006175
}

.text-accent-cool-darker, .hover\:text-accent-cool-darker:hover {
    color: #007187
}

.text-accent-cool-dark, .hover\:text-accent-cool-dark:hover {
    color: #008099
}

.text-accent-cool, .hover\:text-accent-cool:hover {
    color: #00a2c4
}

.text-accent-cool-light, .hover\:text-accent-cool-light:hover {
    color: #7bbfd6
}

.text-accent-cool-lighter, .hover\:text-accent-cool-lighter:hover {
    color: #b7dde9
}

.text-accent-cool-lightest, .hover\:text-accent-cool-lightest:hover {
    color: #ecfcff
}

.text-error-lighter, .hover\:text-error-lighter:hover {
    color: #fff0f3
}

.text-error-light, .hover\:text-error-light:hover {
    color: #f3b8be
}

.text-error, .hover\:text-error:hover {
    color: #e21c3d
}

.text-error-dark, .hover\:text-error-dark:hover {
    color: #8b0a21
}

.text-error-darker, .hover\:text-error-darker:hover {
    color: #680617
}

.text-warning-lighter, .hover\:text-warning-lighter:hover {
    color: #fffdd7
}

.text-warning-light, .hover\:text-warning-light:hover {
    color: #fcf197
}

.text-warning, .hover\:text-warning:hover {
    color: #f5d600
}

.text-warning-dark, .hover\:text-warning-dark:hover {
    color: #847122
}

.text-warning-darker, .hover\:text-warning-darker:hover {
    color: #504332
}

.text-success-lighter, .hover\:text-success-lighter:hover {
    color: #ebfcef
}

.text-success-light, .hover\:text-success-light:hover {
    color: #a6d5af
}

.text-success, .hover\:text-success:hover {
    color: #18852e
}

.text-success-dark, .hover\:text-success-dark:hover {
    color: #0e581e
}

.text-success-darker, .hover\:text-success-darker:hover {
    color: #094316
}

.text-info-lighter, .hover\:text-info-lighter:hover {
    color: #ecfcff
}

.text-info-light, .hover\:text-info-light:hover {
    color: #b7dde9
}

.text-info, .hover\:text-info:hover {
    color: #00a2c4
}

.text-info-dark, .hover\:text-info-dark:hover {
    color: #007187
}

.text-info-darker, .hover\:text-info-darker:hover {
    color: #006175
}

.text-disabled-lighter, .hover\:text-disabled-lighter:hover {
    color: #dedede
}

.text-disabled-light, .hover\:text-disabled-light:hover {
    color: #adadad
}

.text-disabled, .hover\:text-disabled:hover {
    color: #767676
}

.text-disabled-dark, .hover\:text-disabled-dark:hover {
    color: #5c5c5c
}

.text-disabled-darker, .hover\:text-disabled-darker:hover {
    color: #1b1b1b
}

.text-emergency, .hover\:text-emergency:hover {
    color: #9c3d10
}

.text-emergency-dark, .hover\:text-emergency-dark:hover {
    color: #332d29
}

.display-block {
    display: block
}

.display-flex {
    display: flex
}

.display-none {
    display: none
}

.display-inline {
    display: inline
}

.display-inline-block {
    display: inline-block
}

.display-inline-flex {
    display: inline-flex
}

.display-table {
    display: table
}

.display-table-cell {
    display: table-cell
}

.display-table-row {
    display: table-row
}

.flex-1 {
    flex: 1
}

.flex-2 {
    flex: 2
}

.flex-3 {
    flex: 3
}

.flex-4 {
    flex: 4
}

.flex-5 {
    flex: 5
}

.flex-6 {
    flex: 6
}

.flex-7 {
    flex: 7
}

.flex-8 {
    flex: 8
}

.flex-9 {
    flex: 9
}

.flex-10 {
    flex: 10
}

.flex-11 {
    flex: 11
}

.flex-12 {
    flex: 12
}

.flex-fill {
    flex: 1
}

.flex-auto {
    flex: 0 auto
}

.float-left {
    float: left
}

.float-none {
    float: none
}

.float-right {
    float: right
}

.font-mono-3xs {
    font-size: .6rem
}

.font-mono-2xs {
    font-size: .77rem
}

.font-mono-xs {
    font-size: .89rem
}

.font-mono-sm {
    font-size: .95rem
}

.font-mono-md {
    font-size: 1.01rem
}

.font-mono-lg {
    font-size: 1.31rem
}

.font-mono-xl {
    font-size: 1.67rem
}

.font-mono-2xl {
    font-size: 2.38rem
}

.font-mono-3xl {
    font-size: 2.86rem
}

.font-sans-3xs {
    font-size: .63rem
}

.font-sans-2xs {
    font-size: .81rem
}

.font-sans-xs {
    font-size: .94rem
}

.font-sans-sm {
    font-size: 1rem
}

.font-sans-md {
    font-size: 1.06rem
}

.font-sans-lg {
    font-size: 1.38rem
}

.font-sans-xl {
    font-size: 1.75rem
}

.font-sans-2xl {
    font-size: 2.5rem
}

.font-sans-3xl {
    font-size: 3rem
}

.font-heading-3xs {
    font-size: .63rem
}

.font-heading-2xs {
    font-size: .81rem
}

.font-heading-xs {
    font-size: .94rem
}

.font-heading-sm {
    font-size: 1rem
}

.font-heading-md {
    font-size: 1.06rem
}

.font-heading-lg {
    font-size: 1.38rem
}

.font-heading-xl {
    font-size: 1.75rem
}

.font-heading-2xl {
    font-size: 2.5rem
}

.font-heading-3xl {
    font-size: 3rem
}

.font-body-3xs {
    font-size: .63rem
}

.font-body-2xs {
    font-size: .81rem
}

.font-body-xs {
    font-size: .94rem
}

.font-body-sm {
    font-size: 1rem
}

.font-body-md {
    font-size: 1.06rem
}

.font-body-lg {
    font-size: 1.38rem
}

.font-body-xl {
    font-size: 1.75rem
}

.font-body-2xl {
    font-size: 2.5rem
}

.font-body-3xl {
    font-size: 3rem
}

.font-code-3xs {
    font-size: .6rem
}

.font-code-2xs {
    font-size: .77rem
}

.font-code-xs {
    font-size: .89rem
}

.font-code-sm {
    font-size: .95rem
}

.font-code-md {
    font-size: 1.01rem
}

.font-code-lg {
    font-size: 1.31rem
}

.font-code-xl {
    font-size: 1.67rem
}

.font-code-2xl {
    font-size: 2.38rem
}

.font-code-3xl {
    font-size: 2.86rem
}

.font-alt-3xs {
    font-size: .63rem
}

.font-alt-2xs {
    font-size: .81rem
}

.font-alt-xs {
    font-size: .94rem
}

.font-alt-sm {
    font-size: 1rem
}

.font-alt-md {
    font-size: 1.06rem
}

.font-alt-lg {
    font-size: 1.38rem
}

.font-alt-xl {
    font-size: 1.75rem
}

.font-alt-2xl {
    font-size: 2.5rem
}

.font-alt-3xl {
    font-size: 3rem
}

.font-ui-3xs {
    font-size: .63rem
}

.font-ui-2xs {
    font-size: .81rem
}

.font-ui-xs {
    font-size: .94rem
}

.font-ui-sm {
    font-size: 1rem
}

.font-ui-md {
    font-size: 1.06rem
}

.font-ui-lg {
    font-size: 1.38rem
}

.font-ui-xl {
    font-size: 1.75rem
}

.font-ui-2xl {
    font-size: 2.5rem
}

.font-ui-3xl {
    font-size: 3rem
}

.font-family-mono {
    font-family: Roboto Mono Web,Bitstream Vera Sans Mono,Consolas,Courier,monospace
}

.font-family-sans, .font-family-ui, .font-family-heading, .font-family-body {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.font-family-code {
    font-family: Roboto Mono Web,Bitstream Vera Sans Mono,Consolas,Courier,monospace
}

.font-family-alt {
    font-family: Public Sans Web,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol
}

.text-italic {
    font-style: italic
}

.text-no-italic {
    font-style: normal
}

.text-normal {
    font-weight: 400
}

.text-bold {
    font-weight: 700
}

.height-1px {
    height: 1px
}

.height-2px {
    height: 2px
}

.height-05 {
    height: .25rem
}

.height-1 {
    height: .5rem
}

.height-105 {
    height: .75rem
}

.height-2 {
    height: 1rem
}

.height-205 {
    height: 1.25rem
}

.height-3 {
    height: 1.5rem
}

.height-4 {
    height: 2rem
}

.height-5 {
    height: 2.5rem
}

.height-6 {
    height: 3rem
}

.height-7 {
    height: 3.5rem
}

.height-8 {
    height: 4rem
}

.height-9 {
    height: 4.5rem
}

.height-10 {
    height: 5rem
}

.height-15 {
    height: 7.5rem
}

.height-card {
    height: 10rem
}

.height-card-lg {
    height: 15rem
}

.height-mobile {
    height: 20rem
}

.height-0 {
    height: 0
}

.height-auto {
    height: auto
}

.height-full {
    height: 100%
}

.height-viewport {
    height: 100vh
}

.flex-justify-center {
    justify-content: center
}

.flex-justify-start {
    justify-content: flex-start
}

.flex-justify-end {
    justify-content: flex-end
}

.flex-justify {
    justify-content: space-between
}

.margin-neg-1px {
    margin: -1px
}

.margin-neg-2px {
    margin: -2px
}

.margin-neg-05 {
    margin: -.25rem
}

.margin-neg-1 {
    margin: -.5rem
}

.margin-neg-105 {
    margin: -.75rem
}

.margin-neg-2 {
    margin: -1rem
}

.margin-neg-205 {
    margin: -1.25rem
}

.margin-neg-3 {
    margin: -1.5rem
}

.margin-1px {
    margin: 1px
}

.margin-2px {
    margin: 2px
}

.margin-05 {
    margin: .25rem
}

.margin-1 {
    margin: .5rem
}

.margin-105 {
    margin: .75rem
}

.margin-2 {
    margin: 1rem
}

.margin-205 {
    margin: 1.25rem
}

.margin-3 {
    margin: 1.5rem
}

.margin-neg-4 {
    margin: -2rem
}

.margin-neg-5 {
    margin: -2.5rem
}

.margin-neg-6 {
    margin: -3rem
}

.margin-neg-7 {
    margin: -3.5rem
}

.margin-neg-8 {
    margin: -4rem
}

.margin-neg-9 {
    margin: -4.5rem
}

.margin-neg-10 {
    margin: -5rem
}

.margin-neg-15 {
    margin: -7.5rem
}

.margin-4 {
    margin: 2rem
}

.margin-5 {
    margin: 2.5rem
}

.margin-6 {
    margin: 3rem
}

.margin-7 {
    margin: 3.5rem
}

.margin-8 {
    margin: 4rem
}

.margin-9 {
    margin: 4.5rem
}

.margin-10 {
    margin: 5rem
}

.margin-15 {
    margin: 7.5rem
}

.margin-05em {
    margin: .5em
}

.margin-1em {
    margin: 1em
}

.margin-105em {
    margin: 1.5em
}

.margin-2em {
    margin: 2em
}

.margin-0 {
    margin: 0
}

.margin-y-1px {
    margin-top: 1px;
    margin-bottom: 1px
}

.margin-top-1px {
    margin-top: 1px
}

.margin-bottom-1px {
    margin-bottom: 1px
}

.margin-y-2px {
    margin-top: 2px;
    margin-bottom: 2px
}

.margin-top-2px {
    margin-top: 2px
}

.margin-bottom-2px {
    margin-bottom: 2px
}

.margin-y-05 {
    margin-top: .25rem;
    margin-bottom: .25rem
}

.margin-top-05 {
    margin-top: .25rem
}

.margin-bottom-05 {
    margin-bottom: .25rem
}

.margin-y-1 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.margin-top-1 {
    margin-top: .5rem
}

.margin-bottom-1 {
    margin-bottom: .5rem
}

.margin-y-105 {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.margin-top-105 {
    margin-top: .75rem
}

.margin-bottom-105 {
    margin-bottom: .75rem
}

.margin-y-2 {
    margin-top: 1rem;
    margin-bottom: 1rem
}

.margin-top-2 {
    margin-top: 1rem
}

.margin-bottom-2 {
    margin-bottom: 1rem
}

.margin-y-205 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.margin-top-205 {
    margin-top: 1.25rem
}

.margin-bottom-205 {
    margin-bottom: 1.25rem
}

.margin-y-3 {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.margin-top-3 {
    margin-top: 1.5rem
}

.margin-bottom-3 {
    margin-bottom: 1.5rem
}

.margin-y-neg-1px {
    margin-top: -1px;
    margin-bottom: -1px
}

.margin-top-neg-1px {
    margin-top: -1px
}

.margin-bottom-neg-1px {
    margin-bottom: -1px
}

.margin-y-neg-2px {
    margin-top: -2px;
    margin-bottom: -2px
}

.margin-top-neg-2px {
    margin-top: -2px
}

.margin-bottom-neg-2px {
    margin-bottom: -2px
}

.margin-y-neg-05 {
    margin-top: -.25rem;
    margin-bottom: -.25rem
}

.margin-top-neg-05 {
    margin-top: -.25rem
}

.margin-bottom-neg-05 {
    margin-bottom: -.25rem
}

.margin-y-neg-1 {
    margin-top: -.5rem;
    margin-bottom: -.5rem
}

.margin-top-neg-1 {
    margin-top: -.5rem
}

.margin-bottom-neg-1 {
    margin-bottom: -.5rem
}

.margin-y-neg-105 {
    margin-top: -.75rem;
    margin-bottom: -.75rem
}

.margin-top-neg-105 {
    margin-top: -.75rem
}

.margin-bottom-neg-105 {
    margin-bottom: -.75rem
}

.margin-y-neg-2 {
    margin-top: -1rem;
    margin-bottom: -1rem
}

.margin-top-neg-2 {
    margin-top: -1rem
}

.margin-bottom-neg-2 {
    margin-bottom: -1rem
}

.margin-y-neg-205 {
    margin-top: -1.25rem;
    margin-bottom: -1.25rem
}

.margin-top-neg-205 {
    margin-top: -1.25rem
}

.margin-bottom-neg-205 {
    margin-bottom: -1.25rem
}

.margin-y-neg-3 {
    margin-top: -1.5rem;
    margin-bottom: -1.5rem
}

.margin-top-neg-3 {
    margin-top: -1.5rem
}

.margin-bottom-neg-3 {
    margin-bottom: -1.5rem
}

.margin-y-neg-4 {
    margin-top: -2rem;
    margin-bottom: -2rem
}

.margin-top-neg-4 {
    margin-top: -2rem
}

.margin-bottom-neg-4 {
    margin-bottom: -2rem
}

.margin-y-neg-5 {
    margin-top: -2.5rem;
    margin-bottom: -2.5rem
}

.margin-top-neg-5 {
    margin-top: -2.5rem
}

.margin-bottom-neg-5 {
    margin-bottom: -2.5rem
}

.margin-y-neg-6 {
    margin-top: -3rem;
    margin-bottom: -3rem
}

.margin-top-neg-6 {
    margin-top: -3rem
}

.margin-bottom-neg-6 {
    margin-bottom: -3rem
}

.margin-y-neg-7 {
    margin-top: -3.5rem;
    margin-bottom: -3.5rem
}

.margin-top-neg-7 {
    margin-top: -3.5rem
}

.margin-bottom-neg-7 {
    margin-bottom: -3.5rem
}

.margin-y-neg-8 {
    margin-top: -4rem;
    margin-bottom: -4rem
}

.margin-top-neg-8 {
    margin-top: -4rem
}

.margin-bottom-neg-8 {
    margin-bottom: -4rem
}

.margin-y-neg-9 {
    margin-top: -4.5rem;
    margin-bottom: -4.5rem
}

.margin-top-neg-9 {
    margin-top: -4.5rem
}

.margin-bottom-neg-9 {
    margin-bottom: -4.5rem
}

.margin-y-neg-10 {
    margin-top: -5rem;
    margin-bottom: -5rem
}

.margin-top-neg-10 {
    margin-top: -5rem
}

.margin-bottom-neg-10 {
    margin-bottom: -5rem
}

.margin-y-neg-15 {
    margin-top: -7.5rem;
    margin-bottom: -7.5rem
}

.margin-top-neg-15 {
    margin-top: -7.5rem
}

.margin-bottom-neg-15 {
    margin-bottom: -7.5rem
}

.margin-y-4 {
    margin-top: 2rem;
    margin-bottom: 2rem
}

.margin-top-4 {
    margin-top: 4rem
}

.margin-bottom-4 {
    margin-bottom: 2rem
}

.margin-y-5 {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem
}

.margin-top-5 {
    margin-top: 2.5rem
}

.margin-bottom-5 {
    margin-bottom: 2.5rem
}

.margin-y-6 {
    margin-top: 3rem;
    margin-bottom: 3rem
}

.margin-top-6 {
    margin-top: 3rem
}

.margin-bottom-6 {
    margin-bottom: 3rem
}

.margin-y-7 {
    margin-top: 3.5rem;
    margin-bottom: 3.5rem
}

.margin-top-7 {
    margin-top: 3.5rem
}

.margin-bottom-7 {
    margin-bottom: 3.5rem
}

.margin-y-8 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.margin-top-8 {
    margin-top: 4rem
}

.margin-bottom-8 {
    margin-bottom: 4rem
}

.margin-y-9 {
    margin-top: 4.5rem;
    margin-bottom: 4.5rem
}

.margin-top-9 {
    margin-top: 4.5rem
}

.margin-bottom-9 {
    margin-bottom: 4.5rem
}

.margin-y-10 {
    margin-top: 5rem;
    margin-bottom: 5rem
}

.margin-top-10 {
    margin-top: 5rem
}

.margin-bottom-10 {
    margin-bottom: 5rem
}

.margin-y-15 {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem
}

.margin-top-15 {
    margin-top: 7.5rem
}

.margin-bottom-15 {
    margin-bottom: 7.5rem
}

.margin-y-05em {
    margin-top: .5em;
    margin-bottom: .5em
}

.margin-top-05em {
    margin-top: .5em
}

.margin-bottom-05em {
    margin-bottom: .5em
}

.margin-y-1em {
    margin-top: 1em;
    margin-bottom: 1em
}

.margin-top-1em {
    margin-top: 1em
}

.margin-bottom-1em {
    margin-bottom: 1em
}

.margin-y-105em {
    margin-top: 1.5em;
    margin-bottom: 1.5em
}

.margin-top-105em {
    margin-top: 1.5em
}

.margin-bottom-105em {
    margin-bottom: 1.5em
}

.margin-y-2em {
    margin-top: 2em;
    margin-bottom: 2em
}

.margin-top-2em {
    margin-top: 2em
}

.margin-bottom-2em {
    margin-bottom: 2em
}

.margin-y-0 {
    margin-top: 0;
    margin-bottom: 0
}

.margin-top-0 {
    margin-top: 0
}

.margin-bottom-0 {
    margin-bottom: 0
}

.margin-y-auto {
    margin-top: auto;
    margin-bottom: auto
}

.margin-top-auto {
    margin-top: auto
}

.margin-bottom-auto {
    margin-bottom: auto
}

.margin-x-1px {
    margin-left: 1px;
    margin-right: 1px
}

.margin-right-1px {
    margin-right: 1px
}

.margin-left-1px {
    margin-left: 1px
}

.margin-x-2px {
    margin-left: 2px;
    margin-right: 2px
}

.margin-right-2px {
    margin-right: 2px
}

.margin-left-2px {
    margin-left: 2px
}

.margin-x-05 {
    margin-left: .25rem;
    margin-right: .25rem
}

.margin-right-05 {
    margin-right: .25rem
}

.margin-left-05 {
    margin-left: .25rem
}

.margin-x-1 {
    margin-left: .5rem;
    margin-right: .5rem
}

.margin-right-1 {
    margin-right: .5rem
}

.margin-left-1 {
    margin-left: .5rem
}

.margin-x-105 {
    margin-left: .75rem;
    margin-right: .75rem
}

.margin-right-105 {
    margin-right: .75rem
}

.margin-left-105 {
    margin-left: .75rem
}

.margin-x-2 {
    margin-left: 1rem;
    margin-right: 1rem
}

.margin-right-2 {
    margin-right: 1rem
}

.margin-left-2 {
    margin-left: 1rem
}

.margin-x-205 {
    margin-left: 1.25rem;
    margin-right: 1.25rem
}

.margin-right-205 {
    margin-right: 1.25rem
}

.margin-left-205 {
    margin-left: 1.25rem
}

.margin-x-3 {
    margin-left: 1.5rem;
    margin-right: 1.5rem
}

.margin-right-3 {
    margin-right: 1.5rem
}

.margin-left-3 {
    margin-left: 1.5rem
}

.margin-x-neg-1px {
    margin-left: -1px;
    margin-right: -1px
}

.margin-right-neg-1px {
    margin-right: -1px
}

.margin-left-neg-1px {
    margin-left: -1px
}

.margin-x-neg-2px {
    margin-left: -2px;
    margin-right: -2px
}

.margin-right-neg-2px {
    margin-right: -2px
}

.margin-left-neg-2px {
    margin-left: -2px
}

.margin-x-neg-05 {
    margin-left: -.25rem;
    margin-right: -.25rem
}

.margin-right-neg-05 {
    margin-right: -.25rem
}

.margin-left-neg-05 {
    margin-left: -.25rem
}

.margin-x-neg-1 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.margin-right-neg-1 {
    margin-right: -.5rem
}

.margin-left-neg-1 {
    margin-left: -.5rem
}

.margin-x-neg-105 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.margin-right-neg-105 {
    margin-right: -.75rem
}

.margin-left-neg-105 {
    margin-left: -.75rem
}

.margin-x-neg-2 {
    margin-left: -1rem;
    margin-right: -1rem
}

.margin-right-neg-2 {
    margin-right: -1rem
}

.margin-left-neg-2 {
    margin-left: -1rem
}

.margin-x-neg-205 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.margin-right-neg-205 {
    margin-right: -1.25rem
}

.margin-left-neg-205 {
    margin-left: -1.25rem
}

.margin-x-neg-3 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.margin-right-neg-3 {
    margin-right: -1.5rem
}

.margin-left-neg-3 {
    margin-left: -1.5rem
}

.margin-x-neg-4 {
    margin-left: -2rem;
    margin-right: -2rem
}

.margin-right-neg-4 {
    margin-right: -2rem
}

.margin-left-neg-4 {
    margin-left: -2rem
}

.margin-x-neg-5 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.margin-right-neg-5 {
    margin-right: -2.5rem
}

.margin-left-neg-5 {
    margin-left: -2.5rem
}

.margin-x-neg-6 {
    margin-left: -3rem;
    margin-right: -3rem
}

.margin-right-neg-6 {
    margin-right: -3rem
}

.margin-left-neg-6 {
    margin-left: -3rem
}

.margin-x-neg-7 {
    margin-left: -3.5rem;
    margin-right: -3.5rem
}

.margin-right-neg-7 {
    margin-right: -3.5rem
}

.margin-left-neg-7 {
    margin-left: -3.5rem
}

.margin-x-neg-8 {
    margin-left: -4rem;
    margin-right: -4rem
}

.margin-right-neg-8 {
    margin-right: -4rem
}

.margin-left-neg-8 {
    margin-left: -4rem
}

.margin-x-neg-9 {
    margin-left: -4.5rem;
    margin-right: -4.5rem
}

.margin-right-neg-9 {
    margin-right: -4.5rem
}

.margin-left-neg-9 {
    margin-left: -4.5rem
}

.margin-x-neg-10 {
    margin-left: -5rem;
    margin-right: -5rem
}

.margin-right-neg-10 {
    margin-right: -5rem
}

.margin-left-neg-10 {
    margin-left: -5rem
}

.margin-x-neg-15 {
    margin-left: -7.5rem;
    margin-right: -7.5rem
}

.margin-right-neg-15 {
    margin-right: -7.5rem
}

.margin-left-neg-15 {
    margin-left: -7.5rem
}

.margin-x-4 {
    margin-left: 2rem;
    margin-right: 2rem
}

.margin-right-4 {
    margin-right: 2rem
}

.margin-left-4 {
    margin-left: 2rem
}

.margin-x-5 {
    margin-left: 2.5rem;
    margin-right: 2.5rem
}

.margin-right-5 {
    margin-right: 2.5rem
}

.margin-left-5 {
    margin-left: 2.5rem
}

.margin-x-6 {
    margin-left: 3rem;
    margin-right: 3rem
}

.margin-right-6 {
    margin-right: 3rem
}

.margin-left-6 {
    margin-left: 3rem
}

.margin-x-7 {
    margin-left: 3.5rem;
    margin-right: 3.5rem
}

.margin-right-7 {
    margin-right: 3.5rem
}

.margin-left-7 {
    margin-left: 3.5rem
}

.margin-x-8 {
    margin-left: 4rem;
    margin-right: 4rem
}

.margin-right-8 {
    margin-right: 4rem
}

.margin-left-8 {
    margin-left: 4rem
}

.margin-x-9 {
    margin-left: 4.5rem;
    margin-right: 4.5rem
}

.margin-right-9 {
    margin-right: 4.5rem
}

.margin-left-9 {
    margin-left: 4.5rem
}

.margin-x-10 {
    margin-left: 5rem;
    margin-right: 5rem
}

.margin-right-10 {
    margin-right: 5rem
}

.margin-left-10 {
    margin-left: 5rem
}

.margin-x-15 {
    margin-left: 7.5rem;
    margin-right: 7.5rem
}

.margin-right-15 {
    margin-right: 7.5rem
}

.margin-left-15 {
    margin-left: 7.5rem
}

.margin-x-card {
    margin-left: 10rem;
    margin-right: 10rem
}

.margin-right-card {
    margin-right: 10rem
}

.margin-left-card {
    margin-left: 10rem
}

.margin-x-card-lg {
    margin-left: 15rem;
    margin-right: 15rem
}

.margin-right-card-lg {
    margin-right: 15rem
}

.margin-left-card-lg {
    margin-left: 15rem
}

.margin-x-mobile {
    margin-left: 20rem;
    margin-right: 20rem
}

.margin-right-mobile {
    margin-right: 20rem
}

.margin-left-mobile {
    margin-left: 20rem
}

.margin-x-05em {
    margin-left: .5em;
    margin-right: .5em
}

.margin-right-05em {
    margin-right: .5em
}

.margin-left-05em {
    margin-left: .5em
}

.margin-x-1em {
    margin-left: 1em;
    margin-right: 1em
}

.margin-right-1em {
    margin-right: 1em
}

.margin-left-1em {
    margin-left: 1em
}

.margin-x-105em {
    margin-left: 1.5em;
    margin-right: 1.5em
}

.margin-right-105em {
    margin-right: 1.5em
}

.margin-left-105em {
    margin-left: 1.5em
}

.margin-x-2em {
    margin-left: 2em;
    margin-right: 2em
}

.margin-right-2em {
    margin-right: 2em
}

.margin-left-2em {
    margin-left: 2em
}

.margin-x-0 {
    margin-left: 0;
    margin-right: 0
}

.margin-right-0 {
    margin-right: 0
}

.margin-left-0 {
    margin-left: 0
}

.margin-x-auto {
    margin-left: auto;
    margin-right: auto
}

.margin-right-auto {
    margin-right: auto
}

.margin-left-auto {
    margin-left: auto
}

.padding-1px {
    padding: 1px
}

.padding-y-1px {
    padding-top: 1px;
    padding-bottom: 1px
}

.padding-x-1px {
    padding-left: 1px;
    padding-right: 1px
}

.padding-top-1px {
    padding-top: 1px
}

.padding-right-1px {
    padding-right: 1px
}

.padding-bottom-1px {
    padding-bottom: 1px
}

.padding-left-1px {
    padding-left: 1px
}

.padding-2px {
    padding: 2px
}

.padding-y-2px {
    padding-top: 2px;
    padding-bottom: 2px
}

.padding-x-2px {
    padding-left: 2px;
    padding-right: 2px
}

.padding-top-2px {
    padding-top: 2px
}

.padding-right-2px {
    padding-right: 2px
}

.padding-bottom-2px {
    padding-bottom: 2px
}

.padding-left-2px {
    padding-left: 2px
}

.padding-05 {
    padding: .25rem
}

.padding-y-05 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.padding-x-05 {
    padding-left: .25rem;
    padding-right: .25rem
}

.padding-top-05 {
    padding-top: .25rem
}

.padding-right-05 {
    padding-right: .25rem
}

.padding-bottom-05 {
    padding-bottom: .25rem
}

.padding-left-05 {
    padding-left: .25rem
}

.padding-1 {
    padding: .5rem
}

.padding-y-1 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.padding-x-1 {
    padding-left: .5rem;
    padding-right: .5rem
}

.padding-top-1 {
    padding-top: .5rem
}

.padding-right-1 {
    padding-right: .5rem
}

.padding-bottom-1 {
    padding-bottom: .5rem
}

.padding-left-1 {
    padding-left: .5rem
}

.padding-105 {
    padding: .75rem
}

.padding-y-105 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.padding-x-105 {
    padding-left: .75rem;
    padding-right: .75rem
}

.padding-top-105 {
    padding-top: .75rem
}

.padding-right-105 {
    padding-right: .75rem
}

.padding-bottom-105 {
    padding-bottom: .75rem
}

.padding-left-105 {
    padding-left: .75rem
}

.padding-2 {
    padding: 1rem
}

.padding-y-2 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.padding-x-2 {
    padding-left: 1rem;
    padding-right: 1rem
}

.padding-top-2 {
    padding-top: 1rem
}

.padding-right-2 {
    padding-right: 1rem
}

.padding-bottom-2 {
    padding-bottom: 1rem
}

.padding-left-2 {
    padding-left: 1rem
}

.padding-205 {
    padding: 1.25rem
}

.padding-y-205 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.padding-x-205 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.padding-top-205 {
    padding-top: 1.25rem
}

.padding-right-205 {
    padding-right: 1.25rem
}

.padding-bottom-205 {
    padding-bottom: 1.25rem
}

.padding-left-205 {
    padding-left: 1.25rem
}

.padding-3 {
    padding: 1.5rem
}

.padding-y-3 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.padding-x-3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.padding-top-3 {
    padding-top: 1.5rem
}

.padding-right-3 {
    padding-right: 1.5rem
}

.padding-bottom-3 {
    padding-bottom: 1.5rem
}

.padding-left-3 {
    padding-left: 1.5rem
}

.padding-4 {
    padding: 2rem
}

.padding-y-4 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.padding-x-4 {
    padding-left: 2rem;
    padding-right: 2rem
}

.padding-top-4 {
    padding-top: 2rem
}

.padding-right-4 {
    padding-right: 2rem
}

.padding-bottom-4 {
    padding-bottom: 2rem
}

.padding-left-4 {
    padding-left: 2rem
}

.padding-5 {
    padding: 2.5rem
}

.padding-y-5 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.padding-x-5 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.padding-top-5 {
    padding-top: 2.5rem
}

.padding-right-5 {
    padding-right: 2.5rem
}

.padding-bottom-5 {
    padding-bottom: 2.5rem
}

.padding-left-5 {
    padding-left: 2.5rem
}

.padding-6 {
    padding: 3rem
}

.padding-y-6 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.padding-x-6 {
    padding-left: 3rem;
    padding-right: 3rem
}

.padding-top-6 {
    padding-top: 3rem
}

.padding-right-6 {
    padding-right: 3rem
}

.padding-bottom-6 {
    padding-bottom: 3rem
}

.padding-left-6 {
    padding-left: 3rem
}

.padding-7 {
    padding: 3.5rem
}

.padding-y-7 {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem
}

.padding-x-7 {
    padding-left: 3.5rem;
    padding-right: 3.5rem
}

.padding-top-7 {
    padding-top: 3.5rem
}

.padding-right-7 {
    padding-right: 3.5rem
}

.padding-bottom-7 {
    padding-bottom: 3.5rem
}

.padding-left-7 {
    padding-left: 3.5rem
}

.padding-8 {
    padding: 4rem
}

.padding-y-8 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.padding-x-8 {
    padding-left: 4rem;
    padding-right: 4rem
}

.padding-top-8 {
    padding-top: 4rem
}

.padding-right-8 {
    padding-right: 4rem
}

.padding-bottom-8 {
    padding-bottom: 4rem
}

.padding-left-8 {
    padding-left: 4rem
}

.padding-9 {
    padding: 4.5rem
}

.padding-y-9 {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem
}

.padding-x-9 {
    padding-left: 4.5rem;
    padding-right: 4.5rem
}

.padding-top-9 {
    padding-top: 4.5rem
}

.padding-right-9 {
    padding-right: 4.5rem
}

.padding-bottom-9 {
    padding-bottom: 4.5rem
}

.padding-left-9 {
    padding-left: 4.5rem
}

.padding-10 {
    padding: 5rem
}

.padding-y-10 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.padding-x-10 {
    padding-left: 5rem;
    padding-right: 5rem
}

.padding-top-10 {
    padding-top: 5rem
}

.padding-right-10 {
    padding-right: 5rem
}

.padding-bottom-10 {
    padding-bottom: 5rem
}

.padding-left-10 {
    padding-left: 5rem
}

.padding-15 {
    padding: 7.5rem
}

.padding-y-15 {
    padding-top: 7.5rem;
    padding-bottom: 7.5rem
}

.padding-x-15 {
    padding-left: 7.5rem;
    padding-right: 7.5rem
}

.padding-top-15 {
    padding-top: 7.5rem
}

.padding-right-15 {
    padding-right: 7.5rem
}

.padding-bottom-15 {
    padding-bottom: 7.5rem
}

.padding-left-15 {
    padding-left: 7.5rem
}

.padding-0 {
    padding: 0
}

.padding-y-0 {
    padding-top: 0;
    padding-bottom: 0
}

.padding-x-0 {
    padding-left: 0;
    padding-right: 0
}

.padding-top-0 {
    padding-top: 0
}

.padding-right-0 {
    padding-right: 0
}

.padding-bottom-0 {
    padding-bottom: 0
}

.padding-left-0 {
    padding-left: 0
}

.position-absolute {
    position: absolute
}

.position-fixed {
    position: fixed
}

.position-relative {
    position: relative
}

.position-static {
    position: static
}

.position-sticky {
    position: sticky
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-justify {
    text-align: justify
}

.text-right {
    text-align: right
}

.text-uppercase {
    text-transform: uppercase
}

.text-no-uppercase {
    text-transform: none
}

.text-lowercase {
    text-transform: lowercase
}

.text-no-lowercase {
    text-transform: none
}

.text-baseline {
    vertical-align: baseline
}

.text-bottom {
    vertical-align: bottom
}

.text-middle {
    vertical-align: middle
}

.text-sub {
    vertical-align: sub
}

.text-super {
    vertical-align: super
}

.text-tbottom {
    vertical-align: text-bottom
}

.text-ttop {
    vertical-align: text-top
}

.text-top {
    vertical-align: top
}

.text-pre {
    white-space: pre
}

.text-pre-line {
    white-space: pre-line
}

.text-pre-wrap {
    white-space: pre-wrap
}

.text-wrap {
    white-space: normal
}

.text-no-wrap {
    white-space: nowrap
}

.width-1px {
    width: 1px
}

.width-2px {
    width: 2px
}

.width-05 {
    width: .25rem
}

.width-1 {
    width: .5rem
}

.width-105 {
    width: .75rem
}

.width-2 {
    width: 1rem
}

.width-205 {
    width: 1.25rem
}

.width-3 {
    width: 1.5rem
}

.width-4 {
    width: 2rem
}

.width-5 {
    width: 2.5rem
}

.width-6 {
    width: 3rem
}

.width-7 {
    width: 3.5rem
}

.width-8 {
    width: 4rem
}

.width-9 {
    width: 4.5rem
}

.width-10 {
    width: 5rem
}

.width-15 {
    width: 7.5rem
}

.width-card {
    width: 10rem
}

.width-card-lg {
    width: 15rem
}

.width-mobile {
    width: 20rem
}

.width-mobile-lg {
    width: 30rem
}

.width-tablet {
    width: 40rem
}

.width-tablet-lg {
    width: 55rem
}

.width-desktop {
    width: 64rem
}

.width-desktop-lg {
    width: 75rem
}

.width-widescreen {
    width: 87.5rem
}

.width-0 {
    width: 0
}

.width-full {
    width: 100%
}

.width-auto {
    width: auto
}

@media (width>=640px) {
    .tablet\: border-1px, .tablet\:hover\:border-1px:hover {
        border: 1px solid
    }

    .tablet\:border-y-1px, .tablet\:hover\:border-y-1px:hover {
        border-top: 1px solid;
        border-bottom: 1px solid
    }

    .tablet\:border-x-1px, .tablet\:hover\:border-x-1px:hover {
        border-left: 1px solid;
        border-right: 1px solid
    }

    .tablet\:border-top-1px, .tablet\:hover\:border-top-1px:hover {
        border-top: 1px solid
    }

    .tablet\:border-right-1px, .tablet\:hover\:border-right-1px:hover {
        border-right: 1px solid
    }

    .tablet\:border-bottom-1px, .tablet\:hover\:border-bottom-1px:hover {
        border-bottom: 1px solid
    }

    .tablet\:border-left-1px, .tablet\:hover\:border-left-1px:hover {
        border-left: 1px solid
    }

    .tablet\:border-2px, .tablet\:hover\:border-2px:hover {
        border: 2px solid
    }

    .tablet\:border-y-2px, .tablet\:hover\:border-y-2px:hover {
        border-top: 2px solid;
        border-bottom: 2px solid
    }

    .tablet\:border-x-2px, .tablet\:hover\:border-x-2px:hover {
        border-left: 2px solid;
        border-right: 2px solid
    }

    .tablet\:border-top-2px, .tablet\:hover\:border-top-2px:hover {
        border-top: 2px solid
    }

    .tablet\:border-right-2px, .tablet\:hover\:border-right-2px:hover {
        border-right: 2px solid
    }

    .tablet\:border-bottom-2px, .tablet\:hover\:border-bottom-2px:hover {
        border-bottom: 2px solid
    }

    .tablet\:border-left-2px, .tablet\:hover\:border-left-2px:hover {
        border-left: 2px solid
    }

    .tablet\:border-05, .tablet\:hover\:border-05:hover {
        border: .25rem solid
    }

    .tablet\:border-y-05, .tablet\:hover\:border-y-05:hover {
        border-top: .25rem solid;
        border-bottom: .25rem solid
    }

    .tablet\:border-x-05, .tablet\:hover\:border-x-05:hover {
        border-left: .25rem solid;
        border-right: .25rem solid
    }

    .tablet\:border-top-05, .tablet\:hover\:border-top-05:hover {
        border-top: .25rem solid
    }

    .tablet\:border-right-05, .tablet\:hover\:border-right-05:hover {
        border-right: .25rem solid
    }

    .tablet\:border-bottom-05, .tablet\:hover\:border-bottom-05:hover {
        border-bottom: .25rem solid
    }

    .tablet\:border-left-05, .tablet\:hover\:border-left-05:hover {
        border-left: .25rem solid
    }

    .tablet\:border-1, .tablet\:hover\:border-1:hover {
        border: .5rem solid
    }

    .tablet\:border-y-1, .tablet\:hover\:border-y-1:hover {
        border-top: .5rem solid;
        border-bottom: .5rem solid
    }

    .tablet\:border-x-1, .tablet\:hover\:border-x-1:hover {
        border-left: .5rem solid;
        border-right: .5rem solid
    }

    .tablet\:border-top-1, .tablet\:hover\:border-top-1:hover {
        border-top: .5rem solid
    }

    .tablet\:border-right-1, .tablet\:hover\:border-right-1:hover {
        border-right: .5rem solid
    }

    .tablet\:border-bottom-1, .tablet\:hover\:border-bottom-1:hover {
        border-bottom: .5rem solid
    }

    .tablet\:border-left-1, .tablet\:hover\:border-left-1:hover {
        border-left: .5rem solid
    }

    .tablet\:border-105, .tablet\:hover\:border-105:hover {
        border: .75rem solid
    }

    .tablet\:border-y-105, .tablet\:hover\:border-y-105:hover {
        border-top: .75rem solid;
        border-bottom: .75rem solid
    }

    .tablet\:border-x-105, .tablet\:hover\:border-x-105:hover {
        border-left: .75rem solid;
        border-right: .75rem solid
    }

    .tablet\:border-top-105, .tablet\:hover\:border-top-105:hover {
        border-top: .75rem solid
    }

    .tablet\:border-right-105, .tablet\:hover\:border-right-105:hover {
        border-right: .75rem solid
    }

    .tablet\:border-bottom-105, .tablet\:hover\:border-bottom-105:hover {
        border-bottom: .75rem solid
    }

    .tablet\:border-left-105, .tablet\:hover\:border-left-105:hover {
        border-left: .75rem solid
    }

    .tablet\:border-2, .tablet\:hover\:border-2:hover {
        border: 1rem solid
    }

    .tablet\:border-y-2, .tablet\:hover\:border-y-2:hover {
        border-top: 1rem solid;
        border-bottom: 1rem solid
    }

    .tablet\:border-x-2, .tablet\:hover\:border-x-2:hover {
        border-left: 1rem solid;
        border-right: 1rem solid
    }

    .tablet\:border-top-2, .tablet\:hover\:border-top-2:hover {
        border-top: 1rem solid
    }

    .tablet\:border-right-2, .tablet\:hover\:border-right-2:hover {
        border-right: 1rem solid
    }

    .tablet\:border-bottom-2, .tablet\:hover\:border-bottom-2:hover {
        border-bottom: 1rem solid
    }

    .tablet\:border-left-2, .tablet\:hover\:border-left-2:hover {
        border-left: 1rem solid
    }

    .tablet\:border-205, .tablet\:hover\:border-205:hover {
        border: 1.25rem solid
    }

    .tablet\:border-y-205, .tablet\:hover\:border-y-205:hover {
        border-top: 1.25rem solid;
        border-bottom: 1.25rem solid
    }

    .tablet\:border-x-205, .tablet\:hover\:border-x-205:hover {
        border-left: 1.25rem solid;
        border-right: 1.25rem solid
    }

    .tablet\:border-top-205, .tablet\:hover\:border-top-205:hover {
        border-top: 1.25rem solid
    }

    .tablet\:border-right-205, .tablet\:hover\:border-right-205:hover {
        border-right: 1.25rem solid
    }

    .tablet\:border-bottom-205, .tablet\:hover\:border-bottom-205:hover {
        border-bottom: 1.25rem solid
    }

    .tablet\:border-left-205, .tablet\:hover\:border-left-205:hover {
        border-left: 1.25rem solid
    }

    .tablet\:border-3, .tablet\:hover\:border-3:hover {
        border: 1.5rem solid
    }

    .tablet\:border-y-3, .tablet\:hover\:border-y-3:hover {
        border-top: 1.5rem solid;
        border-bottom: 1.5rem solid
    }

    .tablet\:border-x-3, .tablet\:hover\:border-x-3:hover {
        border-left: 1.5rem solid;
        border-right: 1.5rem solid
    }

    .tablet\:border-top-3, .tablet\:hover\:border-top-3:hover {
        border-top: 1.5rem solid
    }

    .tablet\:border-right-3, .tablet\:hover\:border-right-3:hover {
        border-right: 1.5rem solid
    }

    .tablet\:border-bottom-3, .tablet\:hover\:border-bottom-3:hover {
        border-bottom: 1.5rem solid
    }

    .tablet\:border-left-3, .tablet\:hover\:border-left-3:hover {
        border-left: 1.5rem solid
    }

    .tablet\:border-0, .tablet\:hover\:border-0:hover {
        border: 0 solid
    }

    .tablet\:border-y-0, .tablet\:hover\:border-y-0:hover {
        border-top: 0 solid;
        border-bottom: 0 solid
    }

    .tablet\:border-x-0, .tablet\:hover\:border-x-0:hover {
        border-left: 0 solid;
        border-right: 0 solid
    }

    .tablet\:border-top-0, .tablet\:hover\:border-top-0:hover {
        border-top: 0 solid
    }

    .tablet\:border-right-0, .tablet\:hover\:border-right-0:hover {
        border-right: 0 solid
    }

    .tablet\:border-bottom-0, .tablet\:hover\:border-bottom-0:hover {
        border-bottom: 0 solid
    }

    .tablet\:border-left-0, .tablet\:hover\:border-left-0:hover {
        border-left: 0 solid
    }

    .tablet\:border, .tablet\:hover\:border:hover {
        border: 1px solid
    }

    .tablet\:border-y, .tablet\:hover\:border-y:hover {
        border-top: 1px solid;
        border-bottom: 1px solid
    }

    .tablet\:border-x, .tablet\:hover\:border-x:hover {
        border-left: 1px solid;
        border-right: 1px solid
    }

    .tablet\:border-top, .tablet\:hover\:border-top:hover {
        border-top: 1px solid
    }

    .tablet\:border-right, .tablet\:hover\:border-right:hover {
        border-right: 1px solid
    }

    .tablet\:border-bottom, .tablet\:hover\:border-bottom:hover {
        border-bottom: 1px solid
    }

    .tablet\:border-left, .tablet\:hover\:border-left:hover {
        border-left: 1px solid
    }

    .tablet\:border-transparent, .tablet\:hover\:border-transparent:hover {
        border-color: #0000
    }

    .tablet\:border-black, .tablet\:hover\:border-black:hover {
        border-color: #000
    }

    .tablet\:border-white, .tablet\:hover\:border-white:hover {
        border-color: #fff
    }

    .tablet\:border-base-lightest, .tablet\:hover\:border-base-lightest:hover {
        border-color: #f0f0f0
    }

    .tablet\:border-base-lighter, .tablet\:hover\:border-base-lighter:hover {
        border-color: #dedede
    }

    .tablet\:border-base-light, .tablet\:hover\:border-base-light:hover {
        border-color: #adadad
    }

    .tablet\:border-base, .tablet\:hover\:border-base:hover {
        border-color: #767676
    }

    .tablet\:border-base-dark, .tablet\:hover\:border-base-dark:hover {
        border-color: #5c5c5c
    }

    .tablet\:border-base-darker, .tablet\:hover\:border-base-darker:hover {
        border-color: #454545
    }

    .tablet\:border-base-darkest, .tablet\:hover\:border-base-darkest:hover {
        border-color: #1b1b1b
    }

    .tablet\:border-ink, .tablet\:hover\:border-ink:hover {
        border-color: #454545
    }

    .tablet\:border-primary-lightest, .tablet\:hover\:border-primary-lightest:hover {
        border-color: #f2f9ff
    }

    .tablet\:border-primary-lighter, .tablet\:hover\:border-primary-lighter:hover {
        border-color: #ebf3fa
    }

    .tablet\:border-primary-light, .tablet\:hover\:border-primary-light:hover {
        border-color: #cedced
    }

    .tablet\:border-primary, .tablet\:hover\:border-primary:hover, .tablet\:border-primary-vivid, .tablet\:hover\:border-primary-vivid:hover {
        border-color: #0071bb
    }

    .tablet\:border-primary-dark, .tablet\:hover\:border-primary-dark:hover {
        border-color: #205493
    }

    .tablet\:border-primary-darker, .tablet\:hover\:border-primary-darker:hover {
        border-color: #112e51
    }

    .tablet\:border-primary-darkest, .tablet\:hover\:border-primary-darkest:hover {
        border-color: #0c213a
    }

    .tablet\:border-secondary-lightest, .tablet\:hover\:border-secondary-lightest:hover {
        border-color: #fff0f3
    }

    .tablet\:border-secondary-lighter, .tablet\:hover\:border-secondary-lighter:hover {
        border-color: #f3b8be
    }

    .tablet\:border-secondary-light, .tablet\:hover\:border-secondary-light:hover {
        border-color: #ea7b85
    }

    .tablet\:border-secondary, .tablet\:hover\:border-secondary:hover {
        border-color: #e21c3d
    }

    .tablet\:border-secondary-dark, .tablet\:hover\:border-secondary-dark:hover {
        border-color: #ab142f
    }

    .tablet\:border-secondary-darker, .tablet\:hover\:border-secondary-darker:hover {
        border-color: #8b0a21
    }

    .tablet\:border-secondary-darkest, .tablet\:hover\:border-secondary-darkest:hover {
        border-color: #680617
    }

    .tablet\:border-accent-warm-darker, .tablet\:hover\:border-accent-warm-darker:hover {
        border-color: #775540
    }

    .tablet\:border-accent-warm-dark, .tablet\:hover\:border-accent-warm-dark:hover {
        border-color: #c05600
    }

    .tablet\:border-accent-warm, .tablet\:hover\:border-accent-warm:hover {
        border-color: #fa9441
    }

    .tablet\:border-accent-warm-light, .tablet\:hover\:border-accent-warm-light:hover {
        border-color: #ffbc78
    }

    .tablet\:border-accent-warm-lighter, .tablet\:hover\:border-accent-warm-lighter:hover {
        border-color: #f2e4d4
    }

    .tablet\:border-accent-cool-darkest, .tablet\:hover\:border-accent-cool-darkest:hover {
        border-color: #006175
    }

    .tablet\:border-accent-cool-darker, .tablet\:hover\:border-accent-cool-darker:hover {
        border-color: #007187
    }

    .tablet\:border-accent-cool-dark, .tablet\:hover\:border-accent-cool-dark:hover {
        border-color: #008099
    }

    .tablet\:border-accent-cool, .tablet\:hover\:border-accent-cool:hover {
        border-color: #00a2c4
    }

    .tablet\:border-accent-cool-light, .tablet\:hover\:border-accent-cool-light:hover {
        border-color: #7bbfd6
    }

    .tablet\:border-accent-cool-lighter, .tablet\:hover\:border-accent-cool-lighter:hover {
        border-color: #b7dde9
    }

    .tablet\:border-accent-cool-lightest, .tablet\:hover\:border-accent-cool-lightest:hover {
        border-color: #ecfcff
    }

    .tablet\:border-error-lighter, .tablet\:hover\:border-error-lighter:hover {
        border-color: #fff0f3
    }

    .tablet\:border-error-light, .tablet\:hover\:border-error-light:hover {
        border-color: #f3b8be
    }

    .tablet\:border-error, .tablet\:hover\:border-error:hover {
        border-color: #e21c3d
    }

    .tablet\:border-error-dark, .tablet\:hover\:border-error-dark:hover {
        border-color: #8b0a21
    }

    .tablet\:border-error-darker, .tablet\:hover\:border-error-darker:hover {
        border-color: #680617
    }

    .tablet\:border-warning-lighter, .tablet\:hover\:border-warning-lighter:hover {
        border-color: #fffdd7
    }

    .tablet\:border-warning-light, .tablet\:hover\:border-warning-light:hover {
        border-color: #fcf197
    }

    .tablet\:border-warning, .tablet\:hover\:border-warning:hover {
        border-color: #f5d600
    }

    .tablet\:border-warning-dark, .tablet\:hover\:border-warning-dark:hover {
        border-color: #847122
    }

    .tablet\:border-warning-darker, .tablet\:hover\:border-warning-darker:hover {
        border-color: #504332
    }

    .tablet\:border-success-lighter, .tablet\:hover\:border-success-lighter:hover {
        border-color: #ebfcef
    }

    .tablet\:border-success-light, .tablet\:hover\:border-success-light:hover {
        border-color: #a6d5af
    }

    .tablet\:border-success, .tablet\:hover\:border-success:hover {
        border-color: #18852e
    }

    .tablet\:border-success-dark, .tablet\:hover\:border-success-dark:hover {
        border-color: #0e581e
    }

    .tablet\:border-success-darker, .tablet\:hover\:border-success-darker:hover {
        border-color: #094316
    }

    .tablet\:border-info-lighter, .tablet\:hover\:border-info-lighter:hover {
        border-color: #ecfcff
    }

    .tablet\:border-info-light, .tablet\:hover\:border-info-light:hover {
        border-color: #b7dde9
    }

    .tablet\:border-info, .tablet\:hover\:border-info:hover {
        border-color: #00a2c4
    }

    .tablet\:border-info-dark, .tablet\:hover\:border-info-dark:hover {
        border-color: #007187
    }

    .tablet\:border-info-darker, .tablet\:hover\:border-info-darker:hover {
        border-color: #006175
    }

    .tablet\:border-disabled-lighter, .tablet\:hover\:border-disabled-lighter:hover {
        border-color: #dedede
    }

    .tablet\:border-disabled-light, .tablet\:hover\:border-disabled-light:hover {
        border-color: #adadad
    }

    .tablet\:border-disabled, .tablet\:hover\:border-disabled:hover {
        border-color: #767676
    }

    .tablet\:border-disabled-dark, .tablet\:hover\:border-disabled-dark:hover {
        border-color: #5c5c5c
    }

    .tablet\:border-disabled-darker, .tablet\:hover\:border-disabled-darker:hover {
        border-color: #1b1b1b
    }

    .tablet\:border-emergency, .tablet\:hover\:border-emergency:hover {
        border-color: #9c3d10
    }

    .tablet\:border-emergency-dark, .tablet\:hover\:border-emergency-dark:hover {
        border-color: #332d29
    }

    .tablet\:display-block {
        display: block
    }

    .tablet\:display-flex {
        display: flex
    }

    .tablet\:display-none {
        display: none
    }

    .tablet\:display-inline {
        display: inline
    }

    .tablet\:display-inline-block {
        display: inline-block
    }

    .tablet\:display-inline-flex {
        display: inline-flex
    }

    .tablet\:display-table {
        display: table
    }

    .tablet\:display-table-cell {
        display: table-cell
    }

    .tablet\:display-table-row {
        display: table-row
    }

    .tablet\:font-mono-3xs {
        font-size: .6rem
    }

    .tablet\:font-mono-2xs {
        font-size: .77rem
    }

    .tablet\:font-mono-xs {
        font-size: .89rem
    }

    .tablet\:font-mono-sm {
        font-size: .95rem
    }

    .tablet\:font-mono-md {
        font-size: 1.01rem
    }

    .tablet\:font-mono-lg {
        font-size: 1.31rem
    }

    .tablet\:font-mono-xl {
        font-size: 1.67rem
    }

    .tablet\:font-mono-2xl {
        font-size: 2.38rem
    }

    .tablet\:font-mono-3xl {
        font-size: 2.86rem
    }

    .tablet\:font-sans-3xs {
        font-size: .63rem
    }

    .tablet\:font-sans-2xs {
        font-size: .81rem
    }

    .tablet\:font-sans-xs {
        font-size: .94rem
    }

    .tablet\:font-sans-sm {
        font-size: 1rem
    }

    .tablet\:font-sans-md {
        font-size: 1.06rem
    }

    .tablet\:font-sans-lg {
        font-size: 1.38rem
    }

    .tablet\:font-sans-xl {
        font-size: 1.75rem
    }

    .tablet\:font-sans-2xl {
        font-size: 2.5rem
    }

    .tablet\:font-sans-3xl {
        font-size: 3rem
    }

    .tablet\:font-heading-3xs {
        font-size: .63rem
    }

    .tablet\:font-heading-2xs {
        font-size: .81rem
    }

    .tablet\:font-heading-xs {
        font-size: .94rem
    }

    .tablet\:font-heading-sm {
        font-size: 1rem
    }

    .tablet\:font-heading-md {
        font-size: 1.06rem
    }

    .tablet\:font-heading-lg {
        font-size: 1.38rem
    }

    .tablet\:font-heading-xl {
        font-size: 1.75rem
    }

    .tablet\:font-heading-2xl {
        font-size: 2.5rem
    }

    .tablet\:font-heading-3xl {
        font-size: 3rem
    }

    .tablet\:font-body-3xs {
        font-size: .63rem
    }

    .tablet\:font-body-2xs {
        font-size: .81rem
    }

    .tablet\:font-body-xs {
        font-size: .94rem
    }

    .tablet\:font-body-sm {
        font-size: 1rem
    }

    .tablet\:font-body-md {
        font-size: 1.06rem
    }

    .tablet\:font-body-lg {
        font-size: 1.38rem
    }

    .tablet\:font-body-xl {
        font-size: 1.75rem
    }

    .tablet\:font-body-2xl {
        font-size: 2.5rem
    }

    .tablet\:font-body-3xl {
        font-size: 3rem
    }

    .tablet\:font-code-3xs {
        font-size: .6rem
    }

    .tablet\:font-code-2xs {
        font-size: .77rem
    }

    .tablet\:font-code-xs {
        font-size: .89rem
    }

    .tablet\:font-code-sm {
        font-size: .95rem
    }

    .tablet\:font-code-md {
        font-size: 1.01rem
    }

    .tablet\:font-code-lg {
        font-size: 1.31rem
    }

    .tablet\:font-code-xl {
        font-size: 1.67rem
    }

    .tablet\:font-code-2xl {
        font-size: 2.38rem
    }

    .tablet\:font-code-3xl {
        font-size: 2.86rem
    }

    .tablet\:font-alt-3xs {
        font-size: .63rem
    }

    .tablet\:font-alt-2xs {
        font-size: .81rem
    }

    .tablet\:font-alt-xs {
        font-size: .94rem
    }

    .tablet\:font-alt-sm {
        font-size: 1rem
    }

    .tablet\:font-alt-md {
        font-size: 1.06rem
    }

    .tablet\:font-alt-lg {
        font-size: 1.38rem
    }

    .tablet\:font-alt-xl {
        font-size: 1.75rem
    }

    .tablet\:font-alt-2xl {
        font-size: 2.5rem
    }

    .tablet\:font-alt-3xl {
        font-size: 3rem
    }

    .tablet\:font-ui-3xs {
        font-size: .63rem
    }

    .tablet\:font-ui-2xs {
        font-size: .81rem
    }

    .tablet\:font-ui-xs {
        font-size: .94rem
    }

    .tablet\:font-ui-sm {
        font-size: 1rem
    }

    .tablet\:font-ui-md {
        font-size: 1.06rem
    }

    .tablet\:font-ui-lg {
        font-size: 1.38rem
    }

    .tablet\:font-ui-xl {
        font-size: 1.75rem
    }

    .tablet\:font-ui-2xl {
        font-size: 2.5rem
    }

    .tablet\:font-ui-3xl {
        font-size: 3rem
    }

    .tablet\:text-normal {
        font-weight: 400
    }

    .tablet\:text-bold {
        font-weight: 700
    }

    .tablet\:flex-justify-center {
        justify-content: center
    }

    .tablet\:flex-justify-start {
        justify-content: flex-start
    }

    .tablet\:flex-justify-end {
        justify-content: flex-end
    }

    .tablet\:flex-justify {
        justify-content: space-between
    }

    .tablet\:margin-neg-1px {
        margin: -1px
    }

    .tablet\:margin-neg-2px {
        margin: -2px
    }

    .tablet\:margin-neg-05 {
        margin: -.25rem
    }

    .tablet\:margin-neg-1 {
        margin: -.5rem
    }

    .tablet\:margin-neg-105 {
        margin: -.75rem
    }

    .tablet\:margin-neg-2 {
        margin: -1rem
    }

    .tablet\:margin-neg-205 {
        margin: -1.25rem
    }

    .tablet\:margin-neg-3 {
        margin: -1.5rem
    }

    .tablet\:margin-1px {
        margin: 1px
    }

    .tablet\:margin-2px {
        margin: 2px
    }

    .tablet\:margin-05 {
        margin: .25rem
    }

    .tablet\:margin-1 {
        margin: .5rem
    }

    .tablet\:margin-105 {
        margin: .75rem
    }

    .tablet\:margin-2 {
        margin: 1rem
    }

    .tablet\:margin-205 {
        margin: 1.25rem
    }

    .tablet\:margin-3 {
        margin: 1.5rem
    }

    .tablet\:margin-neg-4 {
        margin: -2rem
    }

    .tablet\:margin-neg-5 {
        margin: -2.5rem
    }

    .tablet\:margin-neg-6 {
        margin: -3rem
    }

    .tablet\:margin-neg-7 {
        margin: -3.5rem
    }

    .tablet\:margin-neg-8 {
        margin: -4rem
    }

    .tablet\:margin-neg-9 {
        margin: -4.5rem
    }

    .tablet\:margin-neg-10 {
        margin: -5rem
    }

    .tablet\:margin-neg-15 {
        margin: -7.5rem
    }

    .tablet\:margin-4 {
        margin: 2rem
    }

    .tablet\:margin-5 {
        margin: 2.5rem
    }

    .tablet\:margin-6 {
        margin: 3rem
    }

    .tablet\:margin-7 {
        margin: 3.5rem
    }

    .tablet\:margin-8 {
        margin: 4rem
    }

    .tablet\:margin-9 {
        margin: 4.5rem
    }

    .tablet\:margin-10 {
        margin: 5rem
    }

    .tablet\:margin-15 {
        margin: 7.5rem
    }

    .tablet\:margin-05em {
        margin: .5em
    }

    .tablet\:margin-1em {
        margin: 1em
    }

    .tablet\:margin-105em {
        margin: 1.5em
    }

    .tablet\:margin-2em {
        margin: 2em
    }

    .tablet\:margin-0 {
        margin: 0
    }

    .tablet\:margin-y-1px {
        margin-top: 1px;
        margin-bottom: 1px
    }

    .tablet\:margin-top-1px {
        margin-top: 1px
    }

    .tablet\:margin-bottom-1px {
        margin-bottom: 1px
    }

    .tablet\:margin-y-2px {
        margin-top: 2px;
        margin-bottom: 2px
    }

    .tablet\:margin-top-2px {
        margin-top: 2px
    }

    .tablet\:margin-bottom-2px {
        margin-bottom: 2px
    }

    .tablet\:margin-y-05 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .tablet\:margin-top-05 {
        margin-top: .25rem
    }

    .tablet\:margin-bottom-05 {
        margin-bottom: .25rem
    }

    .tablet\:margin-y-1 {
        margin-top: .5rem;
        margin-bottom: .5rem
    }

    .tablet\:margin-top-1 {
        margin-top: .5rem
    }

    .tablet\:margin-bottom-1 {
        margin-bottom: .5rem
    }

    .tablet\:margin-y-105 {
        margin-top: .75rem;
        margin-bottom: .75rem
    }

    .tablet\:margin-top-105 {
        margin-top: .75rem
    }

    .tablet\:margin-bottom-105 {
        margin-bottom: .75rem
    }

    .tablet\:margin-y-2 {
        margin-top: 1rem;
        margin-bottom: 1rem
    }

    .tablet\:margin-top-2 {
        margin-top: 1rem
    }

    .tablet\:margin-bottom-2 {
        margin-bottom: 1rem
    }

    .tablet\:margin-y-205 {
        margin-top: 1.25rem;
        margin-bottom: 1.25rem
    }

    .tablet\:margin-top-205 {
        margin-top: 1.25rem
    }

    .tablet\:margin-bottom-205 {
        margin-bottom: 1.25rem
    }

    .tablet\:margin-y-3 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .tablet\:margin-top-3 {
        margin-top: 1.5rem
    }

    .tablet\:margin-bottom-3 {
        margin-bottom: 1.5rem
    }

    .tablet\:margin-y-neg-1px {
        margin-top: -1px;
        margin-bottom: -1px
    }

    .tablet\:margin-top-neg-1px {
        margin-top: -1px
    }

    .tablet\:margin-bottom-neg-1px {
        margin-bottom: -1px
    }

    .tablet\:margin-y-neg-2px {
        margin-top: -2px;
        margin-bottom: -2px
    }

    .tablet\:margin-top-neg-2px {
        margin-top: -2px
    }

    .tablet\:margin-bottom-neg-2px {
        margin-bottom: -2px
    }

    .tablet\:margin-y-neg-05 {
        margin-top: -.25rem;
        margin-bottom: -.25rem
    }

    .tablet\:margin-top-neg-05 {
        margin-top: -.25rem
    }

    .tablet\:margin-bottom-neg-05 {
        margin-bottom: -.25rem
    }

    .tablet\:margin-y-neg-1 {
        margin-top: -.5rem;
        margin-bottom: -.5rem
    }

    .tablet\:margin-top-neg-1 {
        margin-top: -.5rem
    }

    .tablet\:margin-bottom-neg-1 {
        margin-bottom: -.5rem
    }

    .tablet\:margin-y-neg-105 {
        margin-top: -.75rem;
        margin-bottom: -.75rem
    }

    .tablet\:margin-top-neg-105 {
        margin-top: -.75rem
    }

    .tablet\:margin-bottom-neg-105 {
        margin-bottom: -.75rem
    }

    .tablet\:margin-y-neg-2 {
        margin-top: -1rem;
        margin-bottom: -1rem
    }

    .tablet\:margin-top-neg-2 {
        margin-top: -1rem
    }

    .tablet\:margin-bottom-neg-2 {
        margin-bottom: -1rem
    }

    .tablet\:margin-y-neg-205 {
        margin-top: -1.25rem;
        margin-bottom: -1.25rem
    }

    .tablet\:margin-top-neg-205 {
        margin-top: -1.25rem
    }

    .tablet\:margin-bottom-neg-205 {
        margin-bottom: -1.25rem
    }

    .tablet\:margin-y-neg-3 {
        margin-top: -1.5rem;
        margin-bottom: -1.5rem
    }

    .tablet\:margin-top-neg-3 {
        margin-top: -1.5rem
    }

    .tablet\:margin-bottom-neg-3 {
        margin-bottom: -1.5rem
    }

    .tablet\:margin-y-neg-4 {
        margin-top: -2rem;
        margin-bottom: -2rem
    }

    .tablet\:margin-top-neg-4 {
        margin-top: -2rem
    }

    .tablet\:margin-bottom-neg-4 {
        margin-bottom: -2rem
    }

    .tablet\:margin-y-neg-5 {
        margin-top: -2.5rem;
        margin-bottom: -2.5rem
    }

    .tablet\:margin-top-neg-5 {
        margin-top: -2.5rem
    }

    .tablet\:margin-bottom-neg-5 {
        margin-bottom: -2.5rem
    }

    .tablet\:margin-y-neg-6 {
        margin-top: -3rem;
        margin-bottom: -3rem
    }

    .tablet\:margin-top-neg-6 {
        margin-top: -3rem
    }

    .tablet\:margin-bottom-neg-6 {
        margin-bottom: -3rem
    }

    .tablet\:margin-y-neg-7 {
        margin-top: -3.5rem;
        margin-bottom: -3.5rem
    }

    .tablet\:margin-top-neg-7 {
        margin-top: -3.5rem
    }

    .tablet\:margin-bottom-neg-7 {
        margin-bottom: -3.5rem
    }

    .tablet\:margin-y-neg-8 {
        margin-top: -4rem;
        margin-bottom: -4rem
    }

    .tablet\:margin-top-neg-8 {
        margin-top: -4rem
    }

    .tablet\:margin-bottom-neg-8 {
        margin-bottom: -4rem
    }

    .tablet\:margin-y-neg-9 {
        margin-top: -4.5rem;
        margin-bottom: -4.5rem
    }

    .tablet\:margin-top-neg-9 {
        margin-top: -4.5rem
    }

    .tablet\:margin-bottom-neg-9 {
        margin-bottom: -4.5rem
    }

    .tablet\:margin-y-neg-10 {
        margin-top: -5rem;
        margin-bottom: -5rem
    }

    .tablet\:margin-top-neg-10 {
        margin-top: -5rem
    }

    .tablet\:margin-bottom-neg-10 {
        margin-bottom: -5rem
    }

    .tablet\:margin-y-neg-15 {
        margin-top: -7.5rem;
        margin-bottom: -7.5rem
    }

    .tablet\:margin-top-neg-15 {
        margin-top: -7.5rem
    }

    .tablet\:margin-bottom-neg-15 {
        margin-bottom: -7.5rem
    }

    .tablet\:margin-y-4 {
        margin-top: 2rem;
        margin-bottom: 2rem
    }

    .tablet\:margin-top-4 {
        margin-top: 2rem
    }

    .tablet\:margin-bottom-4 {
        margin-bottom: 2rem
    }

    .tablet\:margin-y-5 {
        margin-top: 2.5rem;
        margin-bottom: 2.5rem
    }

    .tablet\:margin-top-5 {
        margin-top: 2.5rem
    }

    .tablet\:margin-bottom-5 {
        margin-bottom: 2.5rem
    }

    .tablet\:margin-y-6 {
        margin-top: 3rem;
        margin-bottom: 3rem
    }

    .tablet\:margin-top-6 {
        margin-top: 3rem
    }

    .tablet\:margin-bottom-6 {
        margin-bottom: 3rem
    }

    .tablet\:margin-y-7 {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem
    }

    .tablet\:margin-top-7 {
        margin-top: 3.5rem
    }

    .tablet\:margin-bottom-7 {
        margin-bottom: 3.5rem
    }

    .tablet\:margin-y-8 {
        margin-top: 4rem;
        margin-bottom: 4rem
    }

    .tablet\:margin-top-8 {
        margin-top: 4rem
    }

    .tablet\:margin-bottom-8 {
        margin-bottom: 4rem
    }

    .tablet\:margin-y-9 {
        margin-top: 4.5rem;
        margin-bottom: 4.5rem
    }

    .tablet\:margin-top-9 {
        margin-top: 4.5rem
    }

    .tablet\:margin-bottom-9 {
        margin-bottom: 4.5rem
    }

    .tablet\:margin-y-10 {
        margin-top: 5rem;
        margin-bottom: 5rem
    }

    .tablet\:margin-top-10 {
        margin-top: 5rem
    }

    .tablet\:margin-bottom-10 {
        margin-bottom: 5rem
    }

    .tablet\:margin-y-15 {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }

    .tablet\:margin-top-15 {
        margin-top: 7.5rem
    }

    .tablet\:margin-bottom-15 {
        margin-bottom: 7.5rem
    }

    .tablet\:margin-y-05em {
        margin-top: .5em;
        margin-bottom: .5em
    }

    .tablet\:margin-top-05em {
        margin-top: .5em
    }

    .tablet\:margin-bottom-05em {
        margin-bottom: .5em
    }

    .tablet\:margin-y-1em {
        margin-top: 1em;
        margin-bottom: 1em
    }

    .tablet\:margin-top-1em {
        margin-top: 1em
    }

    .tablet\:margin-bottom-1em {
        margin-bottom: 1em
    }

    .tablet\:margin-y-105em {
        margin-top: 1.5em;
        margin-bottom: 1.5em
    }

    .tablet\:margin-top-105em {
        margin-top: 1.5em
    }

    .tablet\:margin-bottom-105em {
        margin-bottom: 1.5em
    }

    .tablet\:margin-y-2em {
        margin-top: 2em;
        margin-bottom: 2em
    }

    .tablet\:margin-top-2em {
        margin-top: 2em
    }

    .tablet\:margin-bottom-2em {
        margin-bottom: 2em
    }

    .tablet\:margin-y-0 {
        margin-top: 0;
        margin-bottom: 0
    }

    .tablet\:margin-top-0 {
        margin-top: 0
    }

    .tablet\:margin-bottom-0 {
        margin-bottom: 0
    }

    .tablet\:margin-y-auto {
        margin-top: auto;
        margin-bottom: auto
    }

    .tablet\:margin-top-auto {
        margin-top: auto
    }

    .tablet\:margin-bottom-auto {
        margin-bottom: auto
    }

    .tablet\:margin-x-1px {
        margin-left: 1px;
        margin-right: 1px
    }

    .tablet\:margin-right-1px {
        margin-right: 1px
    }

    .tablet\:margin-left-1px {
        margin-left: 1px
    }

    .tablet\:margin-x-2px {
        margin-left: 2px;
        margin-right: 2px
    }

    .tablet\:margin-right-2px {
        margin-right: 2px
    }

    .tablet\:margin-left-2px {
        margin-left: 2px
    }

    .tablet\:margin-x-05 {
        margin-left: .25rem;
        margin-right: .25rem
    }

    .tablet\:margin-right-05 {
        margin-right: .25rem
    }

    .tablet\:margin-left-05 {
        margin-left: .25rem
    }

    .tablet\:margin-x-1 {
        margin-left: .5rem;
        margin-right: .5rem
    }

    .tablet\:margin-right-1 {
        margin-right: .5rem
    }

    .tablet\:margin-left-1 {
        margin-left: .5rem
    }

    .tablet\:margin-x-105 {
        margin-left: .75rem;
        margin-right: .75rem
    }

    .tablet\:margin-right-105 {
        margin-right: .75rem
    }

    .tablet\:margin-left-105 {
        margin-left: .75rem
    }

    .tablet\:margin-x-2 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .tablet\:margin-right-2 {
        margin-right: 1rem
    }

    .tablet\:margin-left-2 {
        margin-left: 1rem
    }

    .tablet\:margin-x-205 {
        margin-left: 1.25rem;
        margin-right: 1.25rem
    }

    .tablet\:margin-right-205 {
        margin-right: 1.25rem
    }

    .tablet\:margin-left-205 {
        margin-left: 1.25rem
    }

    .tablet\:margin-x-3 {
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }

    .tablet\:margin-right-3 {
        margin-right: 1.5rem
    }

    .tablet\:margin-left-3 {
        margin-left: 1.5rem
    }

    .tablet\:margin-x-neg-1px {
        margin-left: -1px;
        margin-right: -1px
    }

    .tablet\:margin-right-neg-1px {
        margin-right: -1px
    }

    .tablet\:margin-left-neg-1px {
        margin-left: -1px
    }

    .tablet\:margin-x-neg-2px {
        margin-left: -2px;
        margin-right: -2px
    }

    .tablet\:margin-right-neg-2px {
        margin-right: -2px
    }

    .tablet\:margin-left-neg-2px {
        margin-left: -2px
    }

    .tablet\:margin-x-neg-05 {
        margin-left: -.25rem;
        margin-right: -.25rem
    }

    .tablet\:margin-right-neg-05 {
        margin-right: -.25rem
    }

    .tablet\:margin-left-neg-05 {
        margin-left: -.25rem
    }

    .tablet\:margin-x-neg-1 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .tablet\:margin-right-neg-1 {
        margin-right: -.5rem
    }

    .tablet\:margin-left-neg-1 {
        margin-left: -.5rem
    }

    .tablet\:margin-x-neg-105 {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .tablet\:margin-right-neg-105 {
        margin-right: -.75rem
    }

    .tablet\:margin-left-neg-105 {
        margin-left: -.75rem
    }

    .tablet\:margin-x-neg-2 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .tablet\:margin-right-neg-2 {
        margin-right: -1rem
    }

    .tablet\:margin-left-neg-2 {
        margin-left: -1rem
    }

    .tablet\:margin-x-neg-205 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .tablet\:margin-right-neg-205 {
        margin-right: -1.25rem
    }

    .tablet\:margin-left-neg-205 {
        margin-left: -1.25rem
    }

    .tablet\:margin-x-neg-3 {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .tablet\:margin-right-neg-3 {
        margin-right: -1.5rem
    }

    .tablet\:margin-left-neg-3 {
        margin-left: -1.5rem
    }

    .tablet\:margin-x-neg-4 {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .tablet\:margin-right-neg-4 {
        margin-right: -2rem
    }

    .tablet\:margin-left-neg-4 {
        margin-left: -2rem
    }

    .tablet\:margin-x-neg-5 {
        margin-left: -2.5rem;
        margin-right: -2.5rem
    }

    .tablet\:margin-right-neg-5 {
        margin-right: -2.5rem
    }

    .tablet\:margin-left-neg-5 {
        margin-left: -2.5rem
    }

    .tablet\:margin-x-neg-6 {
        margin-left: -3rem;
        margin-right: -3rem
    }

    .tablet\:margin-right-neg-6 {
        margin-right: -3rem
    }

    .tablet\:margin-left-neg-6 {
        margin-left: -3rem
    }

    .tablet\:margin-x-neg-7 {
        margin-left: -3.5rem;
        margin-right: -3.5rem
    }

    .tablet\:margin-right-neg-7 {
        margin-right: -3.5rem
    }

    .tablet\:margin-left-neg-7 {
        margin-left: -3.5rem
    }

    .tablet\:margin-x-neg-8 {
        margin-left: -4rem;
        margin-right: -4rem
    }

    .tablet\:margin-right-neg-8 {
        margin-right: -4rem
    }

    .tablet\:margin-left-neg-8 {
        margin-left: -4rem
    }

    .tablet\:margin-x-neg-9 {
        margin-left: -4.5rem;
        margin-right: -4.5rem
    }

    .tablet\:margin-right-neg-9 {
        margin-right: -4.5rem
    }

    .tablet\:margin-left-neg-9 {
        margin-left: -4.5rem
    }

    .tablet\:margin-x-neg-10 {
        margin-left: -5rem;
        margin-right: -5rem
    }

    .tablet\:margin-right-neg-10 {
        margin-right: -5rem
    }

    .tablet\:margin-left-neg-10 {
        margin-left: -5rem
    }

    .tablet\:margin-x-neg-15 {
        margin-left: -7.5rem;
        margin-right: -7.5rem
    }

    .tablet\:margin-right-neg-15 {
        margin-right: -7.5rem
    }

    .tablet\:margin-left-neg-15 {
        margin-left: -7.5rem
    }

    .tablet\:margin-x-4 {
        margin-left: 2rem;
        margin-right: 2rem
    }

    .tablet\:margin-right-4 {
        margin-right: 2rem
    }

    .tablet\:margin-left-4 {
        margin-left: 2rem
    }

    .tablet\:margin-x-5 {
        margin-left: 2.5rem;
        margin-right: 2.5rem
    }

    .tablet\:margin-right-5 {
        margin-right: 2.5rem
    }

    .tablet\:margin-left-5 {
        margin-left: 2.5rem
    }

    .tablet\:margin-x-6 {
        margin-left: 3rem;
        margin-right: 3rem
    }

    .tablet\:margin-right-6 {
        margin-right: 3rem
    }

    .tablet\:margin-left-6 {
        margin-left: 3rem
    }

    .tablet\:margin-x-7 {
        margin-left: 3.5rem;
        margin-right: 3.5rem
    }

    .tablet\:margin-right-7 {
        margin-right: 3.5rem
    }

    .tablet\:margin-left-7 {
        margin-left: 3.5rem
    }

    .tablet\:margin-x-8 {
        margin-left: 4rem;
        margin-right: 4rem
    }

    .tablet\:margin-right-8 {
        margin-right: 4rem
    }

    .tablet\:margin-left-8 {
        margin-left: 4rem
    }

    .tablet\:margin-x-9 {
        margin-left: 4.5rem;
        margin-right: 4.5rem
    }

    .tablet\:margin-right-9 {
        margin-right: 4.5rem
    }

    .tablet\:margin-left-9 {
        margin-left: 4.5rem
    }

    .tablet\:margin-x-10 {
        margin-left: 5rem;
        margin-right: 5rem
    }

    .tablet\:margin-right-10 {
        margin-right: 5rem
    }

    .tablet\:margin-left-10 {
        margin-left: 5rem
    }

    .tablet\:margin-x-15 {
        margin-left: 7.5rem;
        margin-right: 7.5rem
    }

    .tablet\:margin-right-15 {
        margin-right: 7.5rem
    }

    .tablet\:margin-left-15 {
        margin-left: 7.5rem
    }

    .tablet\:margin-x-card {
        margin-left: 10rem;
        margin-right: 10rem
    }

    .tablet\:margin-right-card {
        margin-right: 10rem
    }

    .tablet\:margin-left-card {
        margin-left: 10rem
    }

    .tablet\:margin-x-card-lg {
        margin-left: 15rem;
        margin-right: 15rem
    }

    .tablet\:margin-right-card-lg {
        margin-right: 15rem
    }

    .tablet\:margin-left-card-lg {
        margin-left: 15rem
    }

    .tablet\:margin-x-mobile {
        margin-left: 20rem;
        margin-right: 20rem
    }

    .tablet\:margin-right-mobile {
        margin-right: 20rem
    }

    .tablet\:margin-left-mobile {
        margin-left: 20rem
    }

    .tablet\:margin-x-05em {
        margin-left: .5em;
        margin-right: .5em
    }

    .tablet\:margin-right-05em {
        margin-right: .5em
    }

    .tablet\:margin-left-05em {
        margin-left: .5em
    }

    .tablet\:margin-x-1em {
        margin-left: 1em;
        margin-right: 1em
    }

    .tablet\:margin-right-1em {
        margin-right: 1em
    }

    .tablet\:margin-left-1em {
        margin-left: 1em
    }

    .tablet\:margin-x-105em {
        margin-left: 1.5em;
        margin-right: 1.5em
    }

    .tablet\:margin-right-105em {
        margin-right: 1.5em
    }

    .tablet\:margin-left-105em {
        margin-left: 1.5em
    }

    .tablet\:margin-x-2em {
        margin-left: 2em;
        margin-right: 2em
    }

    .tablet\:margin-right-2em {
        margin-right: 2em
    }

    .tablet\:margin-left-2em {
        margin-left: 2em
    }

    .tablet\:margin-x-0 {
        margin-left: 0;
        margin-right: 0
    }

    .tablet\:margin-right-0 {
        margin-right: 0
    }

    .tablet\:margin-left-0 {
        margin-left: 0
    }

    .tablet\:margin-x-auto {
        margin-left: auto;
        margin-right: auto
    }

    .tablet\:margin-right-auto {
        margin-right: auto
    }

    .tablet\:margin-left-auto {
        margin-left: auto
    }

    .tablet\:padding-1px {
        padding: 1px
    }

    .tablet\:padding-y-1px {
        padding-top: 1px;
        padding-bottom: 1px
    }

    .tablet\:padding-x-1px {
        padding-left: 1px;
        padding-right: 1px
    }

    .tablet\:padding-top-1px {
        padding-top: 1px
    }

    .tablet\:padding-right-1px {
        padding-right: 1px
    }

    .tablet\:padding-bottom-1px {
        padding-bottom: 1px
    }

    .tablet\:padding-left-1px {
        padding-left: 1px
    }

    .tablet\:padding-2px {
        padding: 2px
    }

    .tablet\:padding-y-2px {
        padding-top: 2px;
        padding-bottom: 2px
    }

    .tablet\:padding-x-2px {
        padding-left: 2px;
        padding-right: 2px
    }

    .tablet\:padding-top-2px {
        padding-top: 2px
    }

    .tablet\:padding-right-2px {
        padding-right: 2px
    }

    .tablet\:padding-bottom-2px {
        padding-bottom: 2px
    }

    .tablet\:padding-left-2px {
        padding-left: 2px
    }

    .tablet\:padding-05 {
        padding: .25rem
    }

    .tablet\:padding-y-05 {
        padding-top: .25rem;
        padding-bottom: .25rem
    }

    .tablet\:padding-x-05 {
        padding-left: .25rem;
        padding-right: .25rem
    }

    .tablet\:padding-top-05 {
        padding-top: .25rem
    }

    .tablet\:padding-right-05 {
        padding-right: .25rem
    }

    .tablet\:padding-bottom-05 {
        padding-bottom: .25rem
    }

    .tablet\:padding-left-05 {
        padding-left: .25rem
    }

    .tablet\:padding-1 {
        padding: .5rem
    }

    .tablet\:padding-y-1 {
        padding-top: .5rem;
        padding-bottom: .5rem
    }

    .tablet\:padding-x-1 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .tablet\:padding-top-1 {
        padding-top: .5rem
    }

    .tablet\:padding-right-1 {
        padding-right: .5rem
    }

    .tablet\:padding-bottom-1 {
        padding-bottom: .5rem
    }

    .tablet\:padding-left-1 {
        padding-left: .5rem
    }

    .tablet\:padding-105 {
        padding: .75rem
    }

    .tablet\:padding-y-105 {
        padding-top: .75rem;
        padding-bottom: .75rem
    }

    .tablet\:padding-x-105 {
        padding-left: .75rem;
        padding-right: .75rem
    }

    .tablet\:padding-top-105 {
        padding-top: .75rem
    }

    .tablet\:padding-right-105 {
        padding-right: .75rem
    }

    .tablet\:padding-bottom-105 {
        padding-bottom: .75rem
    }

    .tablet\:padding-left-105 {
        padding-left: .75rem
    }

    .tablet\:padding-2 {
        padding: 1rem
    }

    .tablet\:padding-y-2 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .tablet\:padding-x-2 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .tablet\:padding-top-2 {
        padding-top: 1rem
    }

    .tablet\:padding-right-2 {
        padding-right: 1rem
    }

    .tablet\:padding-bottom-2 {
        padding-bottom: 1rem
    }

    .tablet\:padding-left-2 {
        padding-left: 1rem
    }

    .tablet\:padding-205 {
        padding: 1.25rem
    }

    .tablet\:padding-y-205 {
        padding-top: 1.25rem;
        padding-bottom: 1.25rem
    }

    .tablet\:padding-x-205 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .tablet\:padding-top-205 {
        padding-top: 1.25rem
    }

    .tablet\:padding-right-205 {
        padding-right: 1.25rem
    }

    .tablet\:padding-bottom-205 {
        padding-bottom: 1.25rem
    }

    .tablet\:padding-left-205 {
        padding-left: 1.25rem
    }

    .tablet\:padding-3 {
        padding: 1.5rem
    }

    .tablet\:padding-y-3 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .tablet\:padding-x-3 {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .tablet\:padding-top-3 {
        padding-top: 1.5rem
    }

    .tablet\:padding-right-3 {
        padding-right: 1.5rem
    }

    .tablet\:padding-bottom-3 {
        padding-bottom: 1.5rem
    }

    .tablet\:padding-left-3 {
        padding-left: 1.5rem
    }

    .tablet\:padding-4 {
        padding: 2rem
    }

    .tablet\:padding-y-4 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .tablet\:padding-x-4 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet\:padding-top-4 {
        padding-top: 2rem
    }

    .tablet\:padding-right-4 {
        padding-right: 2rem
    }

    .tablet\:padding-bottom-4 {
        padding-bottom: 2rem
    }

    .tablet\:padding-left-4 {
        padding-left: 2rem
    }

    .tablet\:padding-5 {
        padding: 2.5rem
    }

    .tablet\:padding-y-5 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .tablet\:padding-x-5 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .tablet\:padding-top-5 {
        padding-top: 2.5rem
    }

    .tablet\:padding-right-5 {
        padding-right: 2.5rem
    }

    .tablet\:padding-bottom-5 {
        padding-bottom: 2.5rem
    }

    .tablet\:padding-left-5 {
        padding-left: 2.5rem
    }

    .tablet\:padding-6 {
        padding: 3rem
    }

    .tablet\:padding-y-6 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet\:padding-x-6 {
        padding-left: 3rem;
        padding-right: 3rem
    }

    .tablet\:padding-top-6 {
        padding-top: 3rem
    }

    .tablet\:padding-right-6 {
        padding-right: 3rem
    }

    .tablet\:padding-bottom-6 {
        padding-bottom: 3rem
    }

    .tablet\:padding-left-6 {
        padding-left: 3rem
    }

    .tablet\:padding-7 {
        padding: 3.5rem
    }

    .tablet\:padding-y-7 {
        padding-top: 3.5rem;
        padding-bottom: 3.5rem
    }

    .tablet\:padding-x-7 {
        padding-left: 3.5rem;
        padding-right: 3.5rem
    }

    .tablet\:padding-top-7 {
        padding-top: 3.5rem
    }

    .tablet\:padding-right-7 {
        padding-right: 3.5rem
    }

    .tablet\:padding-bottom-7 {
        padding-bottom: 3.5rem
    }

    .tablet\:padding-left-7 {
        padding-left: 3.5rem
    }

    .tablet\:padding-8 {
        padding: 4rem
    }

    .tablet\:padding-y-8 {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .tablet\:padding-x-8 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .tablet\:padding-top-8 {
        padding-top: 4rem
    }

    .tablet\:padding-right-8 {
        padding-right: 4rem
    }

    .tablet\:padding-bottom-8 {
        padding-bottom: 4rem
    }

    .tablet\:padding-left-8 {
        padding-left: 4rem
    }

    .tablet\:padding-9 {
        padding: 4.5rem
    }

    .tablet\:padding-y-9 {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem
    }

    .tablet\:padding-x-9 {
        padding-left: 4.5rem;
        padding-right: 4.5rem
    }

    .tablet\:padding-top-9 {
        padding-top: 4.5rem
    }

    .tablet\:padding-right-9 {
        padding-right: 4.5rem
    }

    .tablet\:padding-bottom-9 {
        padding-bottom: 4.5rem
    }

    .tablet\:padding-left-9 {
        padding-left: 4.5rem
    }

    .tablet\:padding-10 {
        padding: 5rem
    }

    .tablet\:padding-y-10 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .tablet\:padding-x-10 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .tablet\:padding-top-10 {
        padding-top: 5rem
    }

    .tablet\:padding-right-10 {
        padding-right: 5rem
    }

    .tablet\:padding-bottom-10 {
        padding-bottom: 5rem
    }

    .tablet\:padding-left-10 {
        padding-left: 5rem
    }

    .tablet\:padding-15 {
        padding: 7.5rem
    }

    .tablet\:padding-y-15 {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .tablet\:padding-x-15 {
        padding-left: 7.5rem;
        padding-right: 7.5rem
    }

    .tablet\:padding-top-15 {
        padding-top: 7.5rem
    }

    .tablet\:padding-right-15 {
        padding-right: 7.5rem
    }

    .tablet\:padding-bottom-15 {
        padding-bottom: 7.5rem
    }

    .tablet\:padding-left-15 {
        padding-left: 7.5rem
    }

    .tablet\:padding-0 {
        padding: 0
    }

    .tablet\:padding-y-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .tablet\:padding-x-0 {
        padding-left: 0;
        padding-right: 0
    }

    .tablet\:padding-top-0 {
        padding-top: 0
    }

    .tablet\:padding-right-0 {
        padding-right: 0
    }

    .tablet\:padding-bottom-0 {
        padding-bottom: 0
    }

    .tablet\:padding-left-0 {
        padding-left: 0
    }

    .tablet\:width-1px {
        width: 1px
    }

    .tablet\:width-2px {
        width: 2px
    }

    .tablet\:width-05 {
        width: .25rem
    }

    .tablet\:width-1 {
        width: .5rem
    }

    .tablet\:width-105 {
        width: .75rem
    }

    .tablet\:width-2 {
        width: 1rem
    }

    .tablet\:width-205 {
        width: 1.25rem
    }

    .tablet\:width-3 {
        width: 1.5rem
    }

    .tablet\:width-4 {
        width: 2rem
    }

    .tablet\:width-5 {
        width: 2.5rem
    }

    .tablet\:width-6 {
        width: 3rem
    }

    .tablet\:width-7 {
        width: 3.5rem
    }

    .tablet\:width-8 {
        width: 4rem
    }

    .tablet\:width-9 {
        width: 4.5rem
    }

    .tablet\:width-10 {
        width: 5rem
    }

    .tablet\:width-15 {
        width: 7.5rem
    }

    .tablet\:width-card {
        width: 10rem
    }

    .tablet\:width-card-lg {
        width: 15rem
    }

    .tablet\:width-mobile {
        width: 20rem
    }

    .tablet\:width-mobile-lg {
        width: 30rem
    }

    .tablet\:width-tablet {
        width: 40rem
    }

    .tablet\:width-tablet-lg {
        width: 55rem
    }

    .tablet\:width-desktop {
        width: 64rem
    }

    .tablet\:width-desktop-lg {
        width: 75rem
    }

    .tablet\:width-widescreen {
        width: 87.5rem
    }

    .tablet\:width-0 {
        width: 0
    }

    .tablet\:width-full {
        width: 100%
    }

    .tablet\:width-auto {
        width: auto
    }
}

.text-wrap {
    word-break: break-all
}

@media (width>=640px) {
    .tablet\: bg-primary-lighter {
        background-color: #ebf3fa
    }

    .tablet\:bg-primary-darker {
        background-color: #112e51
    }

    .tablet\:bg-transparent {
        background-color: #0000
    }
}

.rounded-xl {
    border-radius: 16px
}

.minw-full {
    min-width: 100%
}

.text-wrap-anywhere {
    overflow-wrap: anywhere
}

.fs-12p {
    font-size: 12px
}

.fs-20p {
    font-size: 20px
}

h1, .h1 {
    font-size: 1.5rem;
    line-height: 1.35
}

@media (width>=640px) {
    h1, .h1 {
        font-size: 1.75rem
    }
}

h2, .h2 {
    font-size: 1.25rem;
    line-height: 1.35
}

@media (width>=640px) {
    h2, .h2 {
        font-size: 1.375rem
    }
}

h3, .h3 {
    font-size: 1.125rem;
    line-height: 1.5
}

@media (width>=640px) {
    h3, .h3 {
        font-size: 1.125rem
    }
}

h4, .h4 {
    font-size: 1rem;
    line-height: 1.5
}

@media (width>=640px) {
    h4, .h4 {
        font-size: 1rem
    }
}

h5, .h5 {
    font-size: .875rem;
    line-height: 1.5
}

@media (width>=640px) {
    h5, .h5 {
        font-size: .875rem
    }
}

h6, .h6 {
    font-size: .75rem;
    line-height: 1.5
}

@media (width>=640px) {
    h6, .h6 {
        font-size: .75rem
    }
}

html.no-js .js, html.js .no-js {
    display: none
}

.scale-down {
    backface-visibility: hidden;
    transform: scale(.7)
}

.ims-logo {
    width: 120px;
    margin-right: 10px;
}

.w-80 {
    width: 80%
}

.mt-20 {
    margin-top: 20px;
}

.sign-in-gpo {
    width: 26%;
    margin-left: 10px;
}

.sign-in-login {
    width: 48%;
    margin-left: 10px;
}

.displayflex {
    display: flex;
    align-items: center;
}

.gpo-btn {
    background-color: #5d86a1 !important;
    height: 55px;
    outline: 2px solid #0071bb;
}

.login-btn {
    height: 55px;
    background-color: #f4f8fb !important;
    outline: 2px solid #0071bb;
}

.login-color {
    color: #112e51 !important;
}

input::placeholder {
    font-size: 16px;
}

html {
    background: url(/assets/images/main.jpeg);
    background-repeat: round;
}

.f-16 {
    font-size: 16px;
}

@media (width>=340px) {
    .tablet\:padding-x-10 {
        padding-left: 2rem;
        padding-right: 2rem
    }
}

@media (width>=340px) {
    .f-16 {
        font-size: 20px;
    }

    .gpo-btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .login-btn {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }
}

@media (width<=948px) {
    .w-115 {
        display: none !important;
    }
}

@media (width<=992px) {
    .hero-text-img {
        display: none !important;
    }
}

.large-card-width {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

hr {
    margin-bottom: 25px;
}

.white {
    color: white !important;
}

.mr-10px {
    margin-right: 10px;
}

.para {
    height: 547px;
}

input {
    height: auto;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    line-height: 1.5 !important;
    background-color: #eaeaea !important;
    border-color: #cedced !important;
}

.grid-container {
    overflow: auto;
}

.width-100 {
    width: 100%;
    justify-content: center;
}

.alert-warning-bar {
    color: #a94442 !important;
    background-color: #f2dede !important;
    border-left: .5rem solid #a94442 !important;
}

.pt-pb-15 {
    padding-top: 15px;
    padding-bottom: 15px;
}

.dropdown-toggle::after {
    margin-left: -5px !important;
}

.img-icon {
    width: 45px;
    height: 45px;
}

.nav-link {
    font-size: 15px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 0px;
}

.height-602 {
    height: 602px
}

.welcome-box {
    height: 186px;
    /* display: flex; */
    text-align: center;
    justify-content: center;
}

.welcome-p {
    text-align: center;
    color: white;
    font-size: 25px;
    margin-bottom: -10px;
}

.welcome-img {
    width: 45%;
    margin-left: auto;
    margin-right: auto;
    border-bottom: 1px solid #6f77e8;
}

.flex-display {
    display: flex;
    align-items: center;
}

.profile-img-uploaded {
    width: 15%;
    border-radius: 30px;
    /* border: 1px #0d0e0e; */
    border: var(--bs-border-width) solid #292a2b;
}

.admin-menu-image {
    width: 50%;
    border-radius: 30px;
    border: var(--bs-border-width) solid #292a2b;
}


.user-menu-profile-pic {
    border-radius: 10px;
    border: var(--bs-border-width) solid #fefeff;
}

.user-account-dropdown {
    margin-top: 22px !important;
    height: 130px;
    background: rgb(255 255 255);
}

.user-info {
    padding-top: 20px;
    padding-bottom: 20px;
    /* background: #112e51; */
    color: #112e51;992
    padding-left: 10px;
    padding-right: 10px;
    align-items: center;
    display: flex;
    text-align: left;
}
.cursor-pointer {
    cursor: pointer;
}

.h-577 {
    height: 577px;
}
.display-flex-sm-block{
    display: flex;
}
.ml-auto{
    margin-left: auto;
}
.about-us-div {
    background: #4748ee;
    padding: 20px;
    border-radius: 10px;
}

@media (min-width: 1700px) and (max-width: 1900px) {
    .h-760-login {
        height: 782px;
    }
}
@media (min-width: 1900px) and (max-width: 2000px) {
    .h-760-login {
        height: 787px !important;
    }
}
@media (min-width: 1700px) and (max-width: 1900px) {
    .h-615-login {
        height: 614px;
    }
}

@media (min-width: 1700px) and (max-width: 1900px) {
    .h-614-privacy {
        height: 614px;
    }
}

@media (min-width: 1900px) and (max-width: 2000px) {
    .h-716-privacy {
        height: 716px !important;
    }
    .welcome-box {
        height: 205px !important;
    }
}


@media (min-width: 1500px) and (max-width: 1700px) {
    .h-530-privacy {
        height: 530px;
    }
    .welcome-box {
        height: 225px !important;
    }
}

@media (min-width: 2000px) and (max-width: 2048px) {
    .h-778-privacy {
        height: 823px;
    }
    .welcome-box {
        height: 225px !important;
    }
    }

.width-80 {
    width: 80%!important;
    margin-left: auto;
    margin-right: auto;
}

.h-50{
    height: 50px
}

.overflow-none{
    overflow: hidden;
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .h-600-resend {
        height: 600px;
    }
}

.admin-nav {
    background-color: #112e51 !important;
    background: #223c5b;
}

.alert-information {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #0d3976;
    text-align: left;
}

.alert-information-btn {
    outline: 0px!important;
    color: #0d3976!important;
    background: #cee1fe!important;
}

.login-validation-field {
    outline: 2px solid #de3545!important;
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .h-560-verify {
        height: 560px;
    }
}

.h-65{
    height: 65px;
}

.profile-nav {
    width: 100%;
    /* height: 65px; */
    align-items: center;
    justify-content: space-around;
}

.nav-link:focus, .nav-link:hover {
    /* color: #707e89; */
    color: #112e51 !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    border-radius: 15px;
    padding-left: 28px !important;
    padding-right: 28px !important;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: var(--bs-navbar-active-color);
    color: #112e51 !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    background: #ffffff;
    border-radius: 15px;
    padding-left: 30px !important;
    padding-right: 30px !important;
    padding-top: 16px;
    padding-bottom: 16px;
    font-weight: 700;
}
.w-85-centered{
    width: 85%;
    margin-left: auto;
    margin-right: auto;
}

.w-50-centered{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}
.margin-top--15{
    margin-top: -15px;
}

.attachment {
    background: #ffffff;
    background-color: white !important;
    outline: 1px solid #c2c2c2 !important;
}

.text-align-end{
    text-align:end;
}

@media (min-width: 1500px) and (max-width: 1700px) {
    .h-596-privacy {
        height: 596px;
    }
}


@media (min-width: 1900px) and (max-width: 2000px) {
    .h-760-login {
        height: 787px !important;
    }
}

@media (min-width: 1700px) and (max-width: 1900px) {
    .h-615-login {
        height: 614px;
    }
}

@media (min-width: 1700px) and (max-width: 1900px) {
    .h-614-privacy {
        height: 614px;
    }
    .h-530-gpouser {
        height: 615px;
    }
    .H-530-UNLOCK {
        HEIGHT: 615PX;
    }
    .h-565-REGISTER-CONFIRM {
        height: 653px;
    }
    
}

@media (min-width: 1900px) and (max-width: 2000px) {
    .h-565-REGISTER-CONFIRM {
        height: 760px !important;
    }
    .h-716-privacy {
        height: 716px !important;
    }
    .h-717-login {
        height: 760px;
    }
    .H-530-UNLOCK {
        HEIGHT: 717PX;
    }

    .welcome-box {
        height: 205px !important;
    }
    .h-530-gpouser {
        height: 717px;
    }
}


@media (min-width: 1500px) and (max-width: 1700px) {
    .h-565-REGISTER-CONFIRM {
        height: 565px;
    }
    .h-530-privacy {
        height: 530px;
    }
    .h-615 {
        height: 615px;
    }
    .H-530-UNLOCK {
        HEIGHT: 530PX;
    }

    .welcome-box {
        height: 225px !important;
    }
    .h-530-gpouser{
        height: 530px;
    }
}

.h-1088 {
    height: 1088px;
}

.h-800{
    height: 825px;
}

.fw-700 {
    font-weight: 700;
}
.align-items-center{
    align-items: center;
}
.center {
    text-align: center;
    justify-content: center;
    display: flex;
}
.key {
    padding: 5px;
    border: 1px solid #0f2045;
    border-radius: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: 10px;
    /* background: #0d5f61; */
    /* color: white; */
    font-weight: 600;
}

.REGISTER-CONFIRMATION-DIV {
    WIDTH: 75%;
    /* JUSTIFY-CONTENT: center; */
    MARGIN-LEFT: auto;
    MARGIN-RIGHT: auto;
    TEXT-ALIGN: left;
    MARGIN-TOP: 40PX;
}

.confirm-email-p {
    text-align: center;
    margin-bottom: 45px;
}

.width-5i{
    width: 5%!important;
}