/* CortenDesk spacing scale. Stock Bootstrap builds its spacing utilities (m-*, p-*, gap-*, g-*) on a 1rem step. The console was laid out on a 1.5rem step, so every utility is restated here at that scale, with the same breakpoints and !important as Bootstrap's own. Load after bootstrap.min.css. 1 = 0.375rem 2 = 0.75rem 3 = 1.5rem 4 = 2.25rem 5 = 4.5rem 0 and auto are unchanged and not repeated. Gutters follow the same scale, and the default row / container gutter is 1.25rem. */ .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl, .row { --bs-gutter-x: 1.25rem; } .g-1, .gx-1 { --bs-gutter-x: 0.375rem; } .g-1, .gy-1 { --bs-gutter-y: 0.375rem; } .g-2, .gx-2 { --bs-gutter-x: 0.75rem; } .g-2, .gy-2 { --bs-gutter-y: 0.75rem; } .g-3, .gx-3 { --bs-gutter-x: 1.5rem; } .g-3, .gy-3 { --bs-gutter-y: 1.5rem; } .g-4, .gx-4 { --bs-gutter-x: 2.25rem; } .g-4, .gy-4 { --bs-gutter-y: 2.25rem; } .g-5, .gx-5 { --bs-gutter-x: 4.5rem; } .g-5, .gy-5 { --bs-gutter-y: 4.5rem; } .m-1 { margin: 0.375rem !important; } .m-2 { margin: 0.75rem !important; } .m-3 { margin: 1.5rem !important; } .m-4 { margin: 2.25rem !important; } .m-5 { margin: 4.5rem !important; } .mt-1 { margin-top: 0.375rem !important; } .mt-2 { margin-top: 0.75rem !important; } .mt-3 { margin-top: 1.5rem !important; } .mt-4 { margin-top: 2.25rem !important; } .mt-5 { margin-top: 4.5rem !important; } .me-1 { margin-right: 0.375rem !important; } .me-2 { margin-right: 0.75rem !important; } .me-3 { margin-right: 1.5rem !important; } .me-4 { margin-right: 2.25rem !important; } .me-5 { margin-right: 4.5rem !important; } .mb-1 { margin-bottom: 0.375rem !important; } .mb-2 { margin-bottom: 0.75rem !important; } .mb-3 { margin-bottom: 1.5rem !important; } .mb-4 { margin-bottom: 2.25rem !important; } .mb-5 { margin-bottom: 4.5rem !important; } .ms-1 { margin-left: 0.375rem !important; } .ms-2 { margin-left: 0.75rem !important; } .ms-3 { margin-left: 1.5rem !important; } .ms-4 { margin-left: 2.25rem !important; } .ms-5 { margin-left: 4.5rem !important; } .mx-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-1 { padding: 0.375rem !important; } .p-2 { padding: 0.75rem !important; } .p-3 { padding: 1.5rem !important; } .p-4 { padding: 2.25rem !important; } .p-5 { padding: 4.5rem !important; } .pt-1 { padding-top: 0.375rem !important; } .pt-2 { padding-top: 0.75rem !important; } .pt-3 { padding-top: 1.5rem !important; } .pt-4 { padding-top: 2.25rem !important; } .pt-5 { padding-top: 4.5rem !important; } .pe-1 { padding-right: 0.375rem !important; } .pe-2 { padding-right: 0.75rem !important; } .pe-3 { padding-right: 1.5rem !important; } .pe-4 { padding-right: 2.25rem !important; } .pe-5 { padding-right: 4.5rem !important; } .pb-1 { padding-bottom: 0.375rem !important; } .pb-2 { padding-bottom: 0.75rem !important; } .pb-3 { padding-bottom: 1.5rem !important; } .pb-4 { padding-bottom: 2.25rem !important; } .pb-5 { padding-bottom: 4.5rem !important; } .ps-1 { padding-left: 0.375rem !important; } .ps-2 { padding-left: 0.75rem !important; } .ps-3 { padding-left: 1.5rem !important; } .ps-4 { padding-left: 2.25rem !important; } .ps-5 { padding-left: 4.5rem !important; } .px-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-1 { gap: 0.375rem !important; } .gap-2 { gap: 0.75rem !important; } .gap-3 { gap: 1.5rem !important; } .gap-4 { gap: 2.25rem !important; } .gap-5 { gap: 4.5rem !important; } .row-gap-1 { row-gap: 0.375rem !important; } .row-gap-2 { row-gap: 0.75rem !important; } .row-gap-3 { row-gap: 1.5rem !important; } .row-gap-4 { row-gap: 2.25rem !important; } .row-gap-5 { row-gap: 4.5rem !important; } .column-gap-1 { column-gap: 0.375rem !important; } .column-gap-2 { column-gap: 0.75rem !important; } .column-gap-3 { column-gap: 1.5rem !important; } .column-gap-4 { column-gap: 2.25rem !important; } .column-gap-5 { column-gap: 4.5rem !important; } @media (min-width: 576px) { .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.375rem; } .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.375rem; } .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.75rem; } .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.75rem; } .g-sm-3, .gx-sm-3 { --bs-gutter-x: 1.5rem; } .g-sm-3, .gy-sm-3 { --bs-gutter-y: 1.5rem; } .g-sm-4, .gx-sm-4 { --bs-gutter-x: 2.25rem; } .g-sm-4, .gy-sm-4 { --bs-gutter-y: 2.25rem; } .g-sm-5, .gx-sm-5 { --bs-gutter-x: 4.5rem; } .g-sm-5, .gy-sm-5 { --bs-gutter-y: 4.5rem; } .m-sm-1 { margin: 0.375rem !important; } .m-sm-2 { margin: 0.75rem !important; } .m-sm-3 { margin: 1.5rem !important; } .m-sm-4 { margin: 2.25rem !important; } .m-sm-5 { margin: 4.5rem !important; } .mt-sm-1 { margin-top: 0.375rem !important; } .mt-sm-2 { margin-top: 0.75rem !important; } .mt-sm-3 { margin-top: 1.5rem !important; } .mt-sm-4 { margin-top: 2.25rem !important; } .mt-sm-5 { margin-top: 4.5rem !important; } .me-sm-1 { margin-right: 0.375rem !important; } .me-sm-2 { margin-right: 0.75rem !important; } .me-sm-3 { margin-right: 1.5rem !important; } .me-sm-4 { margin-right: 2.25rem !important; } .me-sm-5 { margin-right: 4.5rem !important; } .mb-sm-1 { margin-bottom: 0.375rem !important; } .mb-sm-2 { margin-bottom: 0.75rem !important; } .mb-sm-3 { margin-bottom: 1.5rem !important; } .mb-sm-4 { margin-bottom: 2.25rem !important; } .mb-sm-5 { margin-bottom: 4.5rem !important; } .ms-sm-1 { margin-left: 0.375rem !important; } .ms-sm-2 { margin-left: 0.75rem !important; } .ms-sm-3 { margin-left: 1.5rem !important; } .ms-sm-4 { margin-left: 2.25rem !important; } .ms-sm-5 { margin-left: 4.5rem !important; } .mx-sm-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-sm-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-sm-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-sm-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-sm-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-sm-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-sm-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-sm-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-sm-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-sm-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-sm-1 { padding: 0.375rem !important; } .p-sm-2 { padding: 0.75rem !important; } .p-sm-3 { padding: 1.5rem !important; } .p-sm-4 { padding: 2.25rem !important; } .p-sm-5 { padding: 4.5rem !important; } .pt-sm-1 { padding-top: 0.375rem !important; } .pt-sm-2 { padding-top: 0.75rem !important; } .pt-sm-3 { padding-top: 1.5rem !important; } .pt-sm-4 { padding-top: 2.25rem !important; } .pt-sm-5 { padding-top: 4.5rem !important; } .pe-sm-1 { padding-right: 0.375rem !important; } .pe-sm-2 { padding-right: 0.75rem !important; } .pe-sm-3 { padding-right: 1.5rem !important; } .pe-sm-4 { padding-right: 2.25rem !important; } .pe-sm-5 { padding-right: 4.5rem !important; } .pb-sm-1 { padding-bottom: 0.375rem !important; } .pb-sm-2 { padding-bottom: 0.75rem !important; } .pb-sm-3 { padding-bottom: 1.5rem !important; } .pb-sm-4 { padding-bottom: 2.25rem !important; } .pb-sm-5 { padding-bottom: 4.5rem !important; } .ps-sm-1 { padding-left: 0.375rem !important; } .ps-sm-2 { padding-left: 0.75rem !important; } .ps-sm-3 { padding-left: 1.5rem !important; } .ps-sm-4 { padding-left: 2.25rem !important; } .ps-sm-5 { padding-left: 4.5rem !important; } .px-sm-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-sm-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-sm-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-sm-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-sm-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-sm-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-sm-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-sm-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-sm-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-sm-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-sm-1 { gap: 0.375rem !important; } .gap-sm-2 { gap: 0.75rem !important; } .gap-sm-3 { gap: 1.5rem !important; } .gap-sm-4 { gap: 2.25rem !important; } .gap-sm-5 { gap: 4.5rem !important; } .row-gap-sm-1 { row-gap: 0.375rem !important; } .row-gap-sm-2 { row-gap: 0.75rem !important; } .row-gap-sm-3 { row-gap: 1.5rem !important; } .row-gap-sm-4 { row-gap: 2.25rem !important; } .row-gap-sm-5 { row-gap: 4.5rem !important; } .column-gap-sm-1 { column-gap: 0.375rem !important; } .column-gap-sm-2 { column-gap: 0.75rem !important; } .column-gap-sm-3 { column-gap: 1.5rem !important; } .column-gap-sm-4 { column-gap: 2.25rem !important; } .column-gap-sm-5 { column-gap: 4.5rem !important; } } @media (min-width: 768px) { .g-md-1, .gx-md-1 { --bs-gutter-x: 0.375rem; } .g-md-1, .gy-md-1 { --bs-gutter-y: 0.375rem; } .g-md-2, .gx-md-2 { --bs-gutter-x: 0.75rem; } .g-md-2, .gy-md-2 { --bs-gutter-y: 0.75rem; } .g-md-3, .gx-md-3 { --bs-gutter-x: 1.5rem; } .g-md-3, .gy-md-3 { --bs-gutter-y: 1.5rem; } .g-md-4, .gx-md-4 { --bs-gutter-x: 2.25rem; } .g-md-4, .gy-md-4 { --bs-gutter-y: 2.25rem; } .g-md-5, .gx-md-5 { --bs-gutter-x: 4.5rem; } .g-md-5, .gy-md-5 { --bs-gutter-y: 4.5rem; } .m-md-1 { margin: 0.375rem !important; } .m-md-2 { margin: 0.75rem !important; } .m-md-3 { margin: 1.5rem !important; } .m-md-4 { margin: 2.25rem !important; } .m-md-5 { margin: 4.5rem !important; } .mt-md-1 { margin-top: 0.375rem !important; } .mt-md-2 { margin-top: 0.75rem !important; } .mt-md-3 { margin-top: 1.5rem !important; } .mt-md-4 { margin-top: 2.25rem !important; } .mt-md-5 { margin-top: 4.5rem !important; } .me-md-1 { margin-right: 0.375rem !important; } .me-md-2 { margin-right: 0.75rem !important; } .me-md-3 { margin-right: 1.5rem !important; } .me-md-4 { margin-right: 2.25rem !important; } .me-md-5 { margin-right: 4.5rem !important; } .mb-md-1 { margin-bottom: 0.375rem !important; } .mb-md-2 { margin-bottom: 0.75rem !important; } .mb-md-3 { margin-bottom: 1.5rem !important; } .mb-md-4 { margin-bottom: 2.25rem !important; } .mb-md-5 { margin-bottom: 4.5rem !important; } .ms-md-1 { margin-left: 0.375rem !important; } .ms-md-2 { margin-left: 0.75rem !important; } .ms-md-3 { margin-left: 1.5rem !important; } .ms-md-4 { margin-left: 2.25rem !important; } .ms-md-5 { margin-left: 4.5rem !important; } .mx-md-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-md-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-md-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-md-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-md-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-md-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-md-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-md-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-md-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-md-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-md-1 { padding: 0.375rem !important; } .p-md-2 { padding: 0.75rem !important; } .p-md-3 { padding: 1.5rem !important; } .p-md-4 { padding: 2.25rem !important; } .p-md-5 { padding: 4.5rem !important; } .pt-md-1 { padding-top: 0.375rem !important; } .pt-md-2 { padding-top: 0.75rem !important; } .pt-md-3 { padding-top: 1.5rem !important; } .pt-md-4 { padding-top: 2.25rem !important; } .pt-md-5 { padding-top: 4.5rem !important; } .pe-md-1 { padding-right: 0.375rem !important; } .pe-md-2 { padding-right: 0.75rem !important; } .pe-md-3 { padding-right: 1.5rem !important; } .pe-md-4 { padding-right: 2.25rem !important; } .pe-md-5 { padding-right: 4.5rem !important; } .pb-md-1 { padding-bottom: 0.375rem !important; } .pb-md-2 { padding-bottom: 0.75rem !important; } .pb-md-3 { padding-bottom: 1.5rem !important; } .pb-md-4 { padding-bottom: 2.25rem !important; } .pb-md-5 { padding-bottom: 4.5rem !important; } .ps-md-1 { padding-left: 0.375rem !important; } .ps-md-2 { padding-left: 0.75rem !important; } .ps-md-3 { padding-left: 1.5rem !important; } .ps-md-4 { padding-left: 2.25rem !important; } .ps-md-5 { padding-left: 4.5rem !important; } .px-md-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-md-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-md-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-md-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-md-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-md-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-md-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-md-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-md-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-md-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-md-1 { gap: 0.375rem !important; } .gap-md-2 { gap: 0.75rem !important; } .gap-md-3 { gap: 1.5rem !important; } .gap-md-4 { gap: 2.25rem !important; } .gap-md-5 { gap: 4.5rem !important; } .row-gap-md-1 { row-gap: 0.375rem !important; } .row-gap-md-2 { row-gap: 0.75rem !important; } .row-gap-md-3 { row-gap: 1.5rem !important; } .row-gap-md-4 { row-gap: 2.25rem !important; } .row-gap-md-5 { row-gap: 4.5rem !important; } .column-gap-md-1 { column-gap: 0.375rem !important; } .column-gap-md-2 { column-gap: 0.75rem !important; } .column-gap-md-3 { column-gap: 1.5rem !important; } .column-gap-md-4 { column-gap: 2.25rem !important; } .column-gap-md-5 { column-gap: 4.5rem !important; } } @media (min-width: 992px) { .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.375rem; } .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.375rem; } .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.75rem; } .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.75rem; } .g-lg-3, .gx-lg-3 { --bs-gutter-x: 1.5rem; } .g-lg-3, .gy-lg-3 { --bs-gutter-y: 1.5rem; } .g-lg-4, .gx-lg-4 { --bs-gutter-x: 2.25rem; } .g-lg-4, .gy-lg-4 { --bs-gutter-y: 2.25rem; } .g-lg-5, .gx-lg-5 { --bs-gutter-x: 4.5rem; } .g-lg-5, .gy-lg-5 { --bs-gutter-y: 4.5rem; } .m-lg-1 { margin: 0.375rem !important; } .m-lg-2 { margin: 0.75rem !important; } .m-lg-3 { margin: 1.5rem !important; } .m-lg-4 { margin: 2.25rem !important; } .m-lg-5 { margin: 4.5rem !important; } .mt-lg-1 { margin-top: 0.375rem !important; } .mt-lg-2 { margin-top: 0.75rem !important; } .mt-lg-3 { margin-top: 1.5rem !important; } .mt-lg-4 { margin-top: 2.25rem !important; } .mt-lg-5 { margin-top: 4.5rem !important; } .me-lg-1 { margin-right: 0.375rem !important; } .me-lg-2 { margin-right: 0.75rem !important; } .me-lg-3 { margin-right: 1.5rem !important; } .me-lg-4 { margin-right: 2.25rem !important; } .me-lg-5 { margin-right: 4.5rem !important; } .mb-lg-1 { margin-bottom: 0.375rem !important; } .mb-lg-2 { margin-bottom: 0.75rem !important; } .mb-lg-3 { margin-bottom: 1.5rem !important; } .mb-lg-4 { margin-bottom: 2.25rem !important; } .mb-lg-5 { margin-bottom: 4.5rem !important; } .ms-lg-1 { margin-left: 0.375rem !important; } .ms-lg-2 { margin-left: 0.75rem !important; } .ms-lg-3 { margin-left: 1.5rem !important; } .ms-lg-4 { margin-left: 2.25rem !important; } .ms-lg-5 { margin-left: 4.5rem !important; } .mx-lg-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-lg-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-lg-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-lg-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-lg-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-lg-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-lg-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-lg-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-lg-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-lg-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-lg-1 { padding: 0.375rem !important; } .p-lg-2 { padding: 0.75rem !important; } .p-lg-3 { padding: 1.5rem !important; } .p-lg-4 { padding: 2.25rem !important; } .p-lg-5 { padding: 4.5rem !important; } .pt-lg-1 { padding-top: 0.375rem !important; } .pt-lg-2 { padding-top: 0.75rem !important; } .pt-lg-3 { padding-top: 1.5rem !important; } .pt-lg-4 { padding-top: 2.25rem !important; } .pt-lg-5 { padding-top: 4.5rem !important; } .pe-lg-1 { padding-right: 0.375rem !important; } .pe-lg-2 { padding-right: 0.75rem !important; } .pe-lg-3 { padding-right: 1.5rem !important; } .pe-lg-4 { padding-right: 2.25rem !important; } .pe-lg-5 { padding-right: 4.5rem !important; } .pb-lg-1 { padding-bottom: 0.375rem !important; } .pb-lg-2 { padding-bottom: 0.75rem !important; } .pb-lg-3 { padding-bottom: 1.5rem !important; } .pb-lg-4 { padding-bottom: 2.25rem !important; } .pb-lg-5 { padding-bottom: 4.5rem !important; } .ps-lg-1 { padding-left: 0.375rem !important; } .ps-lg-2 { padding-left: 0.75rem !important; } .ps-lg-3 { padding-left: 1.5rem !important; } .ps-lg-4 { padding-left: 2.25rem !important; } .ps-lg-5 { padding-left: 4.5rem !important; } .px-lg-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-lg-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-lg-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-lg-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-lg-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-lg-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-lg-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-lg-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-lg-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-lg-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-lg-1 { gap: 0.375rem !important; } .gap-lg-2 { gap: 0.75rem !important; } .gap-lg-3 { gap: 1.5rem !important; } .gap-lg-4 { gap: 2.25rem !important; } .gap-lg-5 { gap: 4.5rem !important; } .row-gap-lg-1 { row-gap: 0.375rem !important; } .row-gap-lg-2 { row-gap: 0.75rem !important; } .row-gap-lg-3 { row-gap: 1.5rem !important; } .row-gap-lg-4 { row-gap: 2.25rem !important; } .row-gap-lg-5 { row-gap: 4.5rem !important; } .column-gap-lg-1 { column-gap: 0.375rem !important; } .column-gap-lg-2 { column-gap: 0.75rem !important; } .column-gap-lg-3 { column-gap: 1.5rem !important; } .column-gap-lg-4 { column-gap: 2.25rem !important; } .column-gap-lg-5 { column-gap: 4.5rem !important; } } @media (min-width: 1200px) { .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.375rem; } .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.375rem; } .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.75rem; } .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.75rem; } .g-xl-3, .gx-xl-3 { --bs-gutter-x: 1.5rem; } .g-xl-3, .gy-xl-3 { --bs-gutter-y: 1.5rem; } .g-xl-4, .gx-xl-4 { --bs-gutter-x: 2.25rem; } .g-xl-4, .gy-xl-4 { --bs-gutter-y: 2.25rem; } .g-xl-5, .gx-xl-5 { --bs-gutter-x: 4.5rem; } .g-xl-5, .gy-xl-5 { --bs-gutter-y: 4.5rem; } .m-xl-1 { margin: 0.375rem !important; } .m-xl-2 { margin: 0.75rem !important; } .m-xl-3 { margin: 1.5rem !important; } .m-xl-4 { margin: 2.25rem !important; } .m-xl-5 { margin: 4.5rem !important; } .mt-xl-1 { margin-top: 0.375rem !important; } .mt-xl-2 { margin-top: 0.75rem !important; } .mt-xl-3 { margin-top: 1.5rem !important; } .mt-xl-4 { margin-top: 2.25rem !important; } .mt-xl-5 { margin-top: 4.5rem !important; } .me-xl-1 { margin-right: 0.375rem !important; } .me-xl-2 { margin-right: 0.75rem !important; } .me-xl-3 { margin-right: 1.5rem !important; } .me-xl-4 { margin-right: 2.25rem !important; } .me-xl-5 { margin-right: 4.5rem !important; } .mb-xl-1 { margin-bottom: 0.375rem !important; } .mb-xl-2 { margin-bottom: 0.75rem !important; } .mb-xl-3 { margin-bottom: 1.5rem !important; } .mb-xl-4 { margin-bottom: 2.25rem !important; } .mb-xl-5 { margin-bottom: 4.5rem !important; } .ms-xl-1 { margin-left: 0.375rem !important; } .ms-xl-2 { margin-left: 0.75rem !important; } .ms-xl-3 { margin-left: 1.5rem !important; } .ms-xl-4 { margin-left: 2.25rem !important; } .ms-xl-5 { margin-left: 4.5rem !important; } .mx-xl-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-xl-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-xl-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xl-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-xl-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-xl-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-xl-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-xl-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xl-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-xl-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-xl-1 { padding: 0.375rem !important; } .p-xl-2 { padding: 0.75rem !important; } .p-xl-3 { padding: 1.5rem !important; } .p-xl-4 { padding: 2.25rem !important; } .p-xl-5 { padding: 4.5rem !important; } .pt-xl-1 { padding-top: 0.375rem !important; } .pt-xl-2 { padding-top: 0.75rem !important; } .pt-xl-3 { padding-top: 1.5rem !important; } .pt-xl-4 { padding-top: 2.25rem !important; } .pt-xl-5 { padding-top: 4.5rem !important; } .pe-xl-1 { padding-right: 0.375rem !important; } .pe-xl-2 { padding-right: 0.75rem !important; } .pe-xl-3 { padding-right: 1.5rem !important; } .pe-xl-4 { padding-right: 2.25rem !important; } .pe-xl-5 { padding-right: 4.5rem !important; } .pb-xl-1 { padding-bottom: 0.375rem !important; } .pb-xl-2 { padding-bottom: 0.75rem !important; } .pb-xl-3 { padding-bottom: 1.5rem !important; } .pb-xl-4 { padding-bottom: 2.25rem !important; } .pb-xl-5 { padding-bottom: 4.5rem !important; } .ps-xl-1 { padding-left: 0.375rem !important; } .ps-xl-2 { padding-left: 0.75rem !important; } .ps-xl-3 { padding-left: 1.5rem !important; } .ps-xl-4 { padding-left: 2.25rem !important; } .ps-xl-5 { padding-left: 4.5rem !important; } .px-xl-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-xl-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-xl-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xl-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-xl-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-xl-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-xl-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-xl-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xl-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-xl-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-xl-1 { gap: 0.375rem !important; } .gap-xl-2 { gap: 0.75rem !important; } .gap-xl-3 { gap: 1.5rem !important; } .gap-xl-4 { gap: 2.25rem !important; } .gap-xl-5 { gap: 4.5rem !important; } .row-gap-xl-1 { row-gap: 0.375rem !important; } .row-gap-xl-2 { row-gap: 0.75rem !important; } .row-gap-xl-3 { row-gap: 1.5rem !important; } .row-gap-xl-4 { row-gap: 2.25rem !important; } .row-gap-xl-5 { row-gap: 4.5rem !important; } .column-gap-xl-1 { column-gap: 0.375rem !important; } .column-gap-xl-2 { column-gap: 0.75rem !important; } .column-gap-xl-3 { column-gap: 1.5rem !important; } .column-gap-xl-4 { column-gap: 2.25rem !important; } .column-gap-xl-5 { column-gap: 4.5rem !important; } } @media (min-width: 1400px) { .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.375rem; } .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.375rem; } .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.75rem; } .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.75rem; } .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 1.5rem; } .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 1.5rem; } .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 2.25rem; } .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 2.25rem; } .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 4.5rem; } .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 4.5rem; } .m-xxl-1 { margin: 0.375rem !important; } .m-xxl-2 { margin: 0.75rem !important; } .m-xxl-3 { margin: 1.5rem !important; } .m-xxl-4 { margin: 2.25rem !important; } .m-xxl-5 { margin: 4.5rem !important; } .mt-xxl-1 { margin-top: 0.375rem !important; } .mt-xxl-2 { margin-top: 0.75rem !important; } .mt-xxl-3 { margin-top: 1.5rem !important; } .mt-xxl-4 { margin-top: 2.25rem !important; } .mt-xxl-5 { margin-top: 4.5rem !important; } .me-xxl-1 { margin-right: 0.375rem !important; } .me-xxl-2 { margin-right: 0.75rem !important; } .me-xxl-3 { margin-right: 1.5rem !important; } .me-xxl-4 { margin-right: 2.25rem !important; } .me-xxl-5 { margin-right: 4.5rem !important; } .mb-xxl-1 { margin-bottom: 0.375rem !important; } .mb-xxl-2 { margin-bottom: 0.75rem !important; } .mb-xxl-3 { margin-bottom: 1.5rem !important; } .mb-xxl-4 { margin-bottom: 2.25rem !important; } .mb-xxl-5 { margin-bottom: 4.5rem !important; } .ms-xxl-1 { margin-left: 0.375rem !important; } .ms-xxl-2 { margin-left: 0.75rem !important; } .ms-xxl-3 { margin-left: 1.5rem !important; } .ms-xxl-4 { margin-left: 2.25rem !important; } .ms-xxl-5 { margin-left: 4.5rem !important; } .mx-xxl-1 { margin-right: 0.375rem !important; margin-left: 0.375rem !important; } .mx-xxl-2 { margin-right: 0.75rem !important; margin-left: 0.75rem !important; } .mx-xxl-3 { margin-right: 1.5rem !important; margin-left: 1.5rem !important; } .mx-xxl-4 { margin-right: 2.25rem !important; margin-left: 2.25rem !important; } .mx-xxl-5 { margin-right: 4.5rem !important; margin-left: 4.5rem !important; } .my-xxl-1 { margin-top: 0.375rem !important; margin-bottom: 0.375rem !important; } .my-xxl-2 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; } .my-xxl-3 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; } .my-xxl-4 { margin-top: 2.25rem !important; margin-bottom: 2.25rem !important; } .my-xxl-5 { margin-top: 4.5rem !important; margin-bottom: 4.5rem !important; } .p-xxl-1 { padding: 0.375rem !important; } .p-xxl-2 { padding: 0.75rem !important; } .p-xxl-3 { padding: 1.5rem !important; } .p-xxl-4 { padding: 2.25rem !important; } .p-xxl-5 { padding: 4.5rem !important; } .pt-xxl-1 { padding-top: 0.375rem !important; } .pt-xxl-2 { padding-top: 0.75rem !important; } .pt-xxl-3 { padding-top: 1.5rem !important; } .pt-xxl-4 { padding-top: 2.25rem !important; } .pt-xxl-5 { padding-top: 4.5rem !important; } .pe-xxl-1 { padding-right: 0.375rem !important; } .pe-xxl-2 { padding-right: 0.75rem !important; } .pe-xxl-3 { padding-right: 1.5rem !important; } .pe-xxl-4 { padding-right: 2.25rem !important; } .pe-xxl-5 { padding-right: 4.5rem !important; } .pb-xxl-1 { padding-bottom: 0.375rem !important; } .pb-xxl-2 { padding-bottom: 0.75rem !important; } .pb-xxl-3 { padding-bottom: 1.5rem !important; } .pb-xxl-4 { padding-bottom: 2.25rem !important; } .pb-xxl-5 { padding-bottom: 4.5rem !important; } .ps-xxl-1 { padding-left: 0.375rem !important; } .ps-xxl-2 { padding-left: 0.75rem !important; } .ps-xxl-3 { padding-left: 1.5rem !important; } .ps-xxl-4 { padding-left: 2.25rem !important; } .ps-xxl-5 { padding-left: 4.5rem !important; } .px-xxl-1 { padding-right: 0.375rem !important; padding-left: 0.375rem !important; } .px-xxl-2 { padding-right: 0.75rem !important; padding-left: 0.75rem !important; } .px-xxl-3 { padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .px-xxl-4 { padding-right: 2.25rem !important; padding-left: 2.25rem !important; } .px-xxl-5 { padding-right: 4.5rem !important; padding-left: 4.5rem !important; } .py-xxl-1 { padding-top: 0.375rem !important; padding-bottom: 0.375rem !important; } .py-xxl-2 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } .py-xxl-3 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .py-xxl-4 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; } .py-xxl-5 { padding-top: 4.5rem !important; padding-bottom: 4.5rem !important; } .gap-xxl-1 { gap: 0.375rem !important; } .gap-xxl-2 { gap: 0.75rem !important; } .gap-xxl-3 { gap: 1.5rem !important; } .gap-xxl-4 { gap: 2.25rem !important; } .gap-xxl-5 { gap: 4.5rem !important; } .row-gap-xxl-1 { row-gap: 0.375rem !important; } .row-gap-xxl-2 { row-gap: 0.75rem !important; } .row-gap-xxl-3 { row-gap: 1.5rem !important; } .row-gap-xxl-4 { row-gap: 2.25rem !important; } .row-gap-xxl-5 { row-gap: 4.5rem !important; } .column-gap-xxl-1 { column-gap: 0.375rem !important; } .column-gap-xxl-2 { column-gap: 0.75rem !important; } .column-gap-xxl-3 { column-gap: 1.5rem !important; } .column-gap-xxl-4 { column-gap: 2.25rem !important; } .column-gap-xxl-5 { column-gap: 4.5rem !important; } }