/* /Components/Layout/MainLayout.razor.rz.scp.css */
#blazor-error-ui[b-vm6qbonbfz] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-vm6qbonbfz] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/Checkout_Payment.razor.rz.scp.css */
h1[b-wbyh54vmf3] {
    font-weight: 700;

    @container page (inline-size <= 430px) {
        font-weight: 700;
        font-size: 24px;
    }
}

.checkout_container[b-wbyh54vmf3] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.05fr auto;
    height: 100vh;
    width: 100vw;
    background-color: var(--primary-neutral);
}

.page-title[b-wbyh54vmf3] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 5vh;
    margin-left: 5vw;
    padding-top: 40px;

    @container page (inline-size <= 430px) {
        padding-top: 10px;
    }
}

.basket_container[b-wbyh54vmf3] {
    justify-self: center;
    grid-row: 2;
    grid-column: 1;
    background-color: var(--font-white);
    border-radius: 20px;
    width: 1056px;
    height: 700px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr 0.5fr 0.5fr 1fr 1fr;
    padding: 60px 120px 40px 80px;

    @container page (inline-size <= 430px) {
        width: 92cqi;
        margin-top: 10px;
        height: 100%;
        grid-template-rows: 40px 1fr 0.5fr 0.5fr 0.1fr 0.1fr;
        padding: 5px 0px 0px 30px;
    }
}

.basket_header[b-wbyh54vmf3] {
    grid-row: 1;
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 40px;

    @container page (inline-size <= 430px) {
        font-size: 20px;
    }
}

.product_container[b-wbyh54vmf3] {
    grid-row: 2;
    display: grid;
    grid-template-columns: 15% 65% 20%;
    grid-template-rows: auto;
    border-bottom-style: solid;
    border-bottom-color: var(--primary-wrapper);
    border-bottom-width: 2px;

    @container page (inline-size <= 430px) {
        grid-row: 2;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

.product_icon[b-wbyh54vmf3] {
    grid-column: 1;
    height: 80px;
    width: 80px;
    justify-self: center;
    margin-top: 20px;

    @container page (inline-size <= 430px) {
        height: 50px;
        width: 50px;
    }
}

.product_description[b-wbyh54vmf3] {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    font-size: 20px;
    font-weight: 400;
    margin-top: 20px;
}

.product_name[b-wbyh54vmf3] {
    font-size: 30px;
    font-weight: 600;

    @container page (inline-size <= 430px) {
        font-size: 22px;
    }
}

.product_description_list ul[b-wbyh54vmf3] {
    list-style: none;
    font-size: 14px;
    font-weight: 300;
    color: var(--primary-black);
    margin-bottom: 10px;
}

ul[b-wbyh54vmf3] {
    margin-block-start: 1em;
    padding-inline-start: 0px;
}

.product_price[b-wbyh54vmf3] {
    grid-column: 3;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    align-items: center;

    @container page (inline-size <= 430px) {
        align-items: flex-start;
    }
}

.price_icon[b-wbyh54vmf3] {
    height: 50px;
    width: 50px;
    justify-self: center;
    margin-top: 20px;
    margin-bottom: 10px;

    @container page (inline-size <= 430px) {
        height: 40px;
        width: 40px;
    }
}

.price[b-wbyh54vmf3] {
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
}

.product_price_total[b-wbyh54vmf3] {
    grid-column: 3;
    font-size: 20px;
    font-weight: 400;
    text-align: right;
}

.device_container[b-wbyh54vmf3] {
    grid-row: 3;
    display: grid;
    grid-template-columns: 15% 65% 20%;
    grid-template-rows: auto;
    border-bottom-style: solid;
    border-bottom-color: var(--primary-wrapper);
    border-bottom-width: 2px;

    @container page (inline-size <= 430px) {
        display: flex;
        flex-direction: column;
        justify-items: flex-start;
    }
}

.device_icon[b-wbyh54vmf3] {
    grid-column: 1;
    height: 80px;
    width: 80px;
    justify-self: center;
    margin-top: 20px;
    margin-bottom: 10px;

    @container page (inline-size <= 430px) {
        height: 50px;
        width: 50px;
    }
}

.device_description[b-wbyh54vmf3] {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;

    @container page (inline-size <= 430px) {
        font-size: 20px;
    }
}

.device_price[b-wbyh54vmf3] {
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    padding-top: 0.7em;

    @container page (inline-size <= 430px) {
        padding-bottom: 12px;
        padding-top: 0.4rem;
        align-items: start;
    }
}

.taxes_container[b-wbyh54vmf3] {
    grid-row: 4;
    display:flex;
    flex-direction:column;
    margin-top: 20px;
    border-bottom-style: solid;
    border-bottom-color: var(--primary-wrapper);
    border-bottom-width: 2px;

    @container page (inline-size <= 430px) {
        display: flex;
        flex-direction: column;
    }
}

.tax_label[b-wbyh54vmf3] {
    grid-column: 1;
    justify-self: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
}

.tax_summary[b-wbyh54vmf3] {
    display: flex;
    flex-direction: column;
}

.taxes_amounts[b-wbyh54vmf3] {
    display: flex;
    font-size: 30px;
    font-weight: 600;
    margin-top: 20px;
    grid-column: 3;
    justify-self: end;
    margin-right: 41px;
    flex-direction: column;
    align-items: flex-end;
}

.summary_container[b-wbyh54vmf3] {
    grid-row: 5;
    display: grid;
    margin-top: 40px;
    grid-template-columns: 15% 1fr 20%;

    @container page (inline-size <= 430px) {
        display: flex;
        flex-direction: row;
        gap: 1px;
        margin-top: 10px;
        justify-content: space-between;
        align-items: center;
        width:100cqi;
    }
}

.summary_title[b-wbyh54vmf3] {
    grid-column: 2;
    justify-self: self-start;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
}

.summary_amount[b-wbyh54vmf3] {
    grid-column: 3;
    justify-self: end;
    margin-right: 41px;
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    @container page (inline-size <= 430px) {
        margin-right: 65px;
    }
}

.actions_container[b-wbyh54vmf3] {
    grid-row: 6;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: end;
    @container page (inline-size <= 430px){
        display:flex;
        flex-direction:column;
        gap:10px;
        align-items:center;
        width:90cqi;
    }
}

.tnc_text[b-wbyh54vmf3]{

    font-size:13px;
    @container page (inline-size <= 430px){
        width:80cqi;
        margin-right:30px;
    }
}

.button_pay[b-wbyh54vmf3] {
    grid-column: 2;
    justify-self: end;
    align-self: end;
    background-color: var(--primary-red);
    border: none;
    width: 400px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
    @container page (inline-size <= 430px){
        width:40cqi;
        align-self:center;
        margin-right:30px
    }
}

.loading[b-wbyh54vmf3] {
    grid-row: 2;
    justify-self: center;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 30px;
    font-weight: 600;
}

.tax_row[b-wbyh54vmf3] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    @container page (inline-size <= 430px) {
        padding-right: 10px;
        width:100cqi;
    }
}

.taxable_ammount_label[b-wbyh54vmf3] {
    font-size: 30px;
    padding-left: 10px;
    margin-left: 30px;
    margin-bottom: 30px;
    margin-top: 26px;

    @container page (inline-size <= 430px) {
        font-size: 20px;
        padding-left: 0px;
        margin-left: 0px;
    }
}

.tax_ammount_label[b-wbyh54vmf3] {
    font-size: 30px;
    padding-left: 40px;

    @container page (inline-size <= 430px) {
        font-size: 20px;
        padding-left: 0px;
    }
}

.tax_ammount[b-wbyh54vmf3] {
    margin-top: 20px;
    font-size: 30px;
    font-weight: 600;
    padding-right: 50px;

    @container page (inline-size <= 430px) {
        margin-top: 0px;
        padding-right: 65px;
    }
}

.taxable_ammount[b-wbyh54vmf3] {
    font-size: 30px;
    font-weight: 600;
    padding-right: 50px;

    @container page (inline-size <= 430px) {
        padding-left: unset;
        padding-right: 65px;
    }
}

.summary_ammount[b-wbyh54vmf3] {
    font-size: 30px;
    font-weight: 600;
    padding-right: 50px;
}

.footer-text[b-wbyh54vmf3] {
    position: fixed;
    bottom: 0;
}

.footer-container[b-wbyh54vmf3] {
    position: fixed;
    bottom: 0;
}
/* /Components/Pages/CustomerProfile.razor.rz.scp.css */

.customer-container[b-66kr5cngv3] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.05fr auto;
    height: 100%;
    width: 100vw;
    background-color: var(--primary-neutral);
   
}

.page-title[b-66kr5cngv3] {
    grid-row:1;
    grid-column:1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items:center;
    height: 5vh;
    margin-left: 5vw;
    padding-top:40px;
}

.profile-form-container[b-66kr5cngv3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    justify-self:center;
    grid-row: 2;
    grid-column: 1  ;
    background-color: var(--font-white);
    border-radius:20px;
    width:1056px;
    margin-top:40px;    
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);

@container page (inline-size <= 430px) {
    display: flex;
    flex-direction: column;
    width: 90cqi;
    gap: 0;
    padding-bottom: 20px;
    }   
}

.profile-form[b-66kr5cngv3] {
    display: flex;
    flex-direction: column;
    width: 910px;
    margin: 10px 10px 10px 10px;

}

.text-danger[b-66kr5cngv3] {
    color: var(--danger);
}

.form-label[b-66kr5cngv3] {
    font-size: 20px;
    font-weight:500;
    color: var(--font-black);
    margin-left:60px;
}

.form-input[b-66kr5cngv3] {
    width: 100%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--primary-neutral);
    font-size: 18px;
}

.form-field[b-66kr5cngv3] {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 10px;
    margin-top:10px;
    width: 100%;
    font-size: 24px;
}

.button_continuar[b-66kr5cngv3] {
    justify-self: center;
    align-self: center;
    background-color: var(--primary-red);
    border: none;
    width: 300px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
}

.text_danger[b-66kr5cngv3] {
    color: var(--primary-red);
    margin-left: 60px;
    font-size: 20px;
}
/* /Components/Pages/FailedPayment.razor.rz.scp.css */
.w-container[b-gcmm34zzpd] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F7F7F7;
    height: 100vh;
}

.error_title[b-gcmm34zzpd] {
    font-size: 32px;
    font-weight: 600;
    margin-top: 40px;

    @container page (inline-size <= 430px) {
        font-size: 22px;
        margin-top: 20px;
    }
}

.e_description[b-gcmm34zzpd] {
    width: 50%;
    font-size: 20px;

    @container page (inline-size <= 430px) {
        width: 96cqi;
    }
}

.button_pay[b-gcmm34zzpd] {
    grid-column: 2;
    justify-self: end;
    align-self: end;
    background-color: var(--primary-red);
    border: none;
    width: 400px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
    margin-top: 40px;
}
/* /Components/Pages/Header.razor.rz.scp.css */
.stepper[b-7w4d8ctwnj] {
    grid-column: 2;
    grid-row: 1;
    width:1400px;
    margin-left: 90px;
    border-radius: 8px;
    border: var(--primary-wrapper);
    border-style: solid;
    border-width: 1px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}

    .stepper .step[b-7w4d8ctwnj] {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 260px;
        height: 72px;
        padding-left: 20px;
        gap: 10px;
        cursor: pointer;
    }

.step .step-number[b-7w4d8ctwnj] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--font-black);
    border-color: var(--primary-wrapper);
    border-style: solid;
    border-width: 1px;
    background-color: var(--font-white);
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 14px;
}

.number-selected[b-7w4d8ctwnj] {
    color: var(--font-white);
    background-color: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border-color: var(--font-white);
    border-style: solid;
    border-width: 1px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 14px;
}

.stepper .step-selected[b-7w4d8ctwnj] {
    background-color: var(--primary-red);
    border-radius: 6px;

}

.step .step-label[b-7w4d8ctwnj] {
    margin-top: 8px;
    font-size: 14px;
    font-weight:300;
    padding-left:10px;
}
    .step .step-label.active[b-7w4d8ctwnj] {
        font-weight: bold;
        color: var(--font-white);
    }
/* /Components/Pages/Payment.razor.rz.scp.css */
.payment_container[b-rq6yskb7j4] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.05fr auto;
    height: 100vh;
    width: 100vw;
    background-color: var(--primary-neutral);
     
}

.page-title[b-rq6yskb7j4] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 5vh;
    margin-left: 5vw;
    padding-top: 40px;
}

.title_header[b-rq6yskb7j4] {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 40px;
}

.payment_header[b-rq6yskb7j4] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: start;
    height: 5vh;
    font-size: 30px;
    font-weight: 500;
}

.creditcard_container[b-rq6yskb7j4] {
    justify-self: center;
    grid-row: 2;
    grid-column: 1;
    background-color: var(--font-white);
    border-radius: 20px;
    width: 1056px;
    height: 600px;
    margin-top: 40px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 50px 1fr;
    padding: 60px 120px 40px 80px;
}

.split_container[b-rq6yskb7j4] {
    grid-row: 2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 60px;
}

.button_pay[b-rq6yskb7j4] {
    grid-column: 2;
    justify-self: end;
    align-self: end;
    background-color: var(--primary-red);
    border: none;
    width: 200px;
    height: 52px;
    font-size: 20px;
    margin-top: 60px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
}

.right_split[b-rq6yskb7j4] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: start;
    border-left: solid;
    border-color: var(--primary-wrapper);
    margin-left: 60px;
    color: dimgrey;
}
/* /Components/Pages/ProcessingPayment.razor.rz.scp.css */
/* Example custom spinner CSS */
.container[b-as3lx2y6tz] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 80px 80px 200px;
    height: 100vh;
    width: 100vw;
    background-color: var(--primary-neutral);
}

.page-title[b-as3lx2y6tz] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 5vh;
    margin-left: 100px;
    margin-top: 40px;
}

.title_header[b-as3lx2y6tz] {
    font-size: 28px;
    font-weight: 400;
    margin-bottom: 40px;
}

.description[b-as3lx2y6tz] {
    grid-row: 2;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 80px;
    margin-left: 100px;
    
}

.spinner[b-as3lx2y6tz] {
    grid-row: 3;
    display: flex;
    flex-direction: row;
    align-items: center;
    height: 200px;
    margin-left: 100px;
    margin-top: 40px;
    justify-content: center;
    height: 8em;
}


/* /Components/Pages/ProductSelection.razor.rz.scp.css */
.grid-product-selection[b-0115lr74d6] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 0.05fr 0.05fr 0.88fr 0.02fr;
    height: 100%;
    background-color: var(--primary-neutral);
}

.PageHeader[b-0115lr74d6] {
    display: flex;
    justify-content: center;
    text-wrap-style: balance;
    text-align: center;
}

.title-label[b-0115lr74d6] {
    grid-column: 1;
    grid-row: 1;
    font-size: 40px;
    font-weight: 600;
    color: var(--font-black);
}

.mode-selector[b-0115lr74d6] {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.selector[b-0115lr74d6] {
    display: flex;
    flex-direction: row;
    padding-bottom: 20px;
    align-items:center;
}


.info[b-0115lr74d6] {
    width: 30px;
    min-height: 30px;
    background-image: url("/images/icon-i.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
}
    .info:hover[b-0115lr74d6] {
        background-image: url("/images/icon-i-hover.svg");
    }

.button-selected[b-0115lr74d6] {
    padding: 10px 25px 10px 25px;
    border-radius: 6px;
    color: var(--font-white);
    border: none;
    background-color: var(--primary-red);
    cursor: pointer;
}

.button-option[b-0115lr74d6] {
    padding: 10px 25px 10px 25px;
    border-radius: 6px;
    color: var(--font-black);
    border: none;
    background-color: var(--font-white);
    cursor: pointer;
}

    .button-option:hover[b-0115lr74d6] {
        box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
    }

.button-more[b-0115lr74d6] {
    padding: 10px 25px 10px 25px;
    border-radius: 6px;
    color: var(--font-black);
    border: none;
    text-decoration: none;
    background-color: var(--font-white);
    cursor: pointer;
    border: 2px solid var(--primary-red)
}

.offer-container[b-0115lr74d6] {
    grid-row: 3;
    grid-column: 1;
    width: 1620px;
    height: 100%;
    justify-self: center;
}

@container (max-width:430px) {
    .standard-offer[b-0115lr74d6] {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-direction: row;
        background-color: var(--font-white);
        border-radius: 20px;
        box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
    }

    .offer-container[b-0115lr74d6] {
        width: 100%;
        height: 100%;
        justify-self: center;
    }

    .pricing_card_std[b-0115lr74d6] {
        display: flex;
        flex-direction: column;
        padding: 10px 20px 30px 20px;
        background-color: var(--font-white);
        margin: 12px;
        height: auto;
        width: 100%;
    }
}

.standard-offer[b-0115lr74d6] {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    background-color: var(--font-white);
    border-radius: 20px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
}

.pricing_card_std[b-0115lr74d6] {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 10px 20px;
    background-color: var(--font-white);
    margin: 12px;
    height: 540px;
    width: 100%;
}

.turbo-offer[b-0115lr74d6] {
    grid-column: 2;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    background-color: var(--primary-red);
    border-radius: 20px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
}

.pricing_card_turbo[b-0115lr74d6] {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 10px 20px;
    background-color: var(--primary-red);
    color: var(--font-white);
    margin: 12px;
    height: 540px;
    width: 100%;
}

.full-offer[b-0115lr74d6] {
    grid-column: 3;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    background-color: var(--font-white);
    border-radius: 20px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
}

.pricing_card_full[b-0115lr74d6] {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 10px 20px;
    background-color: var(--font-white);
    margin: 12px;
    height: 540px;
    width: 100%;
}

.enterprise-offer[b-0115lr74d6] {
    grid-column: 4;
    grid-row: 1;
    display: flex;
    flex-direction: row;
    background-color: var(--font-white);
    border-radius: 20px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
}

.pricing_card_enterprise[b-0115lr74d6] {
    display: flex;
    flex-direction: column;
    padding: 30px 20px 10px 20px;
    background-color: var(--font-white);
    margin: 12px;
    height: 540px;
    width: 100%;
}

.ul[b-0115lr74d6] {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 10px;
    unicode-bidi: isolate;
}

.button_contratar[b-0115lr74d6] {
    align-self: center;
    background-color: var(--primary-red);
    border: none;
    width: 300px;
    height: 72px;
    min-height:72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
}
/* /Components/Pages/VehicleFleet.razor.rz.scp.css */


.page-title[b-x59uxtfz92] {
    grid-row: 1;
    grid-column: 1;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    height: 5vh;
    margin-left: 5vw;
    padding-top: 40px;
}

.fleet-form-container[b-x59uxtfz92] {
    justify-self: center;
    grid-row: 2;
    grid-column: 1;
    background-color: var(--font-white);
    border-radius: 20px;
    width: 1056px;
    height: 740px;
    margin-top: 40px;
    box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
}

.file-drop-zone[b-x59uxtfz92] {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-items: center;
    justify-content: center;
    width: 70%;
    height: 200px;
    border: 2px solid var(--primary-wrapper);
    border-radius: 8px;
    align-items: center;
    margin-bottom: 2px;
}

.hover[b-x59uxtfz92] {
    background-color: #ffbcbcb1
}

[b-x59uxtfz92] input[type=file] {
    width: 50%;
    padding: 10px;
    border-radius: 8px;
    border: 1px solid var(--primary-wrapper);
    font-size: 18px;
}

.fleet-form[b-x59uxtfz92] {
    padding-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    height: 100%;
    gap: 14px
}

.button-next[b-x59uxtfz92] {
    justify-self: center;
    align-self: center;
    background-color: var(--primary-red);
    border: none;
    width: 300px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    margin-bottom: 20px;
    cursor: pointer;
}

.disabled[b-x59uxtfz92] {
    opacity: 0.5;
    cursor: not-allowed;
    border: none;
}

.button-dowload[b-x59uxtfz92] {
    justify-self: center;
    align-self: center;
    background-color: var(--primary-red);
    border: none;
    width: 300px;
    height: 72px;
    font-size: 20px;
    font-weight: 600;
    color: var(--font-white);
    cursor: pointer;
}

@container(max-width: 430px) {

    .fleet-container[b-x59uxtfz92] {
        display: flex;
        flex-direction: column;
        height: auto;
        width: 100%;
        background-color: var(--primary-neutral);
        gap: 10px;
    }

    .buttn-next[b-x59uxtfz92] {
        font-size: 16px;
        font-weight: 500;
    }

    .infoHeader[b-x59uxtfz92] {
        font-size: 20px;
    }

    .description[b-x59uxtfz92] {
        justify-content: center;
        font-size: 12px
    }

    .FileFormats[b-x59uxtfz92] {
        font-size: 10px;
        text-align: center;
        padding: 14px;
    }

    .UploadZone[b-x59uxtfz92] {
        width: 20px;
        height: 20px;
    }

    .UploadMessage[b-x59uxtfz92] {
        font-size: 18px;
        text-align: center;
        text-wrap-style: balance;
    }

    .fleet-form-container[b-x59uxtfz92] {
        justify-self: center;
        grid-row: 2;
        grid-column: 1;
        background-color: var(--font-white);
        border-radius: 20px;
        width: 100%;
        height: auto;
        margin-top: 10px;
        box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
    }

    [b-x59uxtfz92] input {
        width: 300px;
        height: 30px;
        border-radius: 6px;
        font-size: medium;
        padding-left: 10px;
    }

    .page-title[b-x59uxtfz92] {
        margin-left: 0;
        padding-top: 20px;
    }

    .button-next[b-x59uxtfz92], .button-dowload[b-x59uxtfz92] {
        width: 105%;
    }

    [b-x59uxtfz92] form{
        padding-left:40px;
    }
}

@container(min-width: 430px) {
    .fleet-container[b-x59uxtfz92] {
        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: 0.05fr auto;
        height: 100vh;
        width: 100vw;
        background-color: var(--primary-neutral);
    }

    .fleet-form-container[b-x59uxtfz92] {
        justify-self: center;
        grid-row: 2;
        grid-column: 1;
        background-color: var(--font-white);
        border-radius: 20px;
        width: 1056px;
        height: 740px;
        margin-top: 40px;
        box-shadow: 0px 0px 6px 4px rgb(0 0 0 / 6%);
    }

    .infoHeader[b-x59uxtfz92] {
        font-size: 32px;
    }

    .description[b-x59uxtfz92] {
        justify-content: center;
        font-size: 20px
    }

    .FileFormats[b-x59uxtfz92] {
        font-size: 10px;
        text-align: center;
        padding: 14px;
    }

    .UploadZone[b-x59uxtfz92] {
        height: 20px;
        width: 20px;
    }

    .UploadMessage[b-x59uxtfz92] {
        font-size: 24px;
        text-align: center;
        text-wrap-style: balance;
    }


    .page-title[b-x59uxtfz92] {
        margin-left: 5vw;
        padding-top: 40px;
    }

    .button-next[b-x59uxtfz92], .button-dowload[b-x59uxtfz92] {
        width: 300px;
    }

    [b-x59uxtfz92] input {
        width: 400px;
        height: 30px;
        border-radius: 6px;
        font-size: medium;
        padding-left: 10px;
    }
}
/* /Components/Pages/Welcome.razor.rz.scp.css */
.w-container[b-97tu7r1ys2] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #F7F7F7;
    height: 100%;
}

.w_image[b-97tu7r1ys2] {
    height: 480px;
    width: 720px;
    margin-top: 20px;
    border-radius: 20px;

    @container page (inline-size <= 430px) {
        width: 90cqi;
        height: 250px;
    }
}

.w_text[b-97tu7r1ys2] {
    width: 50%;
    @container page (inline-size <= 430px) {
        width: 96cqi;
    }
}
/* /Components/Shared/LoadingSpinner.razor.rz.scp.css */
/* Example custom spinner CSS */
.spinner-border[b-iglkrm4rjw] {
    width: 6rem;
    height: 6rem;
    border: 1em solid #ccc;
    border-top: 1em solid var(--primary-red);
    border-radius: 50%;
    animation: spin-b-iglkrm4rjw 1s linear infinite;
}

@keyframes spin-b-iglkrm4rjw {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/* /Components/Shared/NextFooter.razor.rz.scp.css */
.footer-container[b-hxdxrwofff] {
    height: 48px;
    width: 100vw;
    background-color: black;
    margin-top: 5px;
    position: fixed;
    bottom: 0;
    left:0;
}

.footer-text[b-hxdxrwofff] {
    color: white;
    font-size: 14px;
    text-align: center;
    padding-top: 10px;
}