/* _content/AVMH.Web.App/Pages/Dashboard/Vehicles/Damages/VehicleDamageEditor.razor.rz.scp.css */
body[b-ugrxdna9ib], html[b-ugrxdna9ib] {
    --header-height: calc(6rem + env(safe-area-inset-top));
    --footer-height: 3rem;
    --gutter-width: 1.3rem;
    --inverse-text-color: white;
    --theme-color: #E85757;
    --theme-color-dark: #BD3938;
    --overlay-darken: rgba(0,0,0,0.3);
    --overlay-darken-slight: rgba(0,0,0,0.1);
    --container-border-radius: 0.3rem;
    --vehicle-3d-view-height: 30vh;
    --big-vertical-gutter-height: 10vh;
    overflow: hidden;
    margin: 0;
    padding: 0;
    height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, Roboto, "Helvetica Neue", sans-serif;
    font-size: 15px;
    line-height: 20px;
    background-color: #e7e7e7;
}

.vehicle-viewer[b-ugrxdna9ib] {
    border: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--vehicle-3d-view-height);
    max-height: var(--vehicle-3d-view-height);
    position: relative;
    flex-shrink: 0;
}

.vehicle-editor[b-ugrxdna9ib] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    z-index: 1;
}


@media (orientation: landscape) {
    main.vehicle-details[b-ugrxdna9ib] {
        flex-direction: row;
    }

    .vehicle-viewer[b-ugrxdna9ib] {
        width: 30vw;
        min-width: 20rem;
        height: 100%;
        flex-shrink: 0;
    }

    .vehicle-summary[b-ugrxdna9ib] {
        bottom: unset;
        top: 0;
        --background-direction: 180deg;
    }
}

@media (orientation: portrait) {
    .vehicle-editor .note > span[b-ugrxdna9ib] {
        -webkit-line-clamp: 2;
    }
}


/* _content/AVMH.Web.App/Shared/Layouts/MainLayout.razor.rz.scp.css */
#page-container > #page-header .content-header[b-b5h9gfmpq4],
#page-container > #page-header .content[b-b5h9gfmpq4],
#page-container > #main-container .content[b-b5h9gfmpq4],
#page-container > #page-footer .content[b-b5h9gfmpq4] {
    max-width: 2500px !important;
}