/* =============================================================================================
   SalX.UI — utilities  (GENERATED by docs/design-system/tools/gen-utilities.mjs — do not edit)
   MudBlazor's utility class names, verbatim, on MudBlazor's exact 4px arithmetic. Hard
   compatibility target for ~2,392 untouched Class= strings (AUDIT.md §4). !important matches Mud.

   Loaded app-wide from index.html since the Phase 7 cutover. Not reproduced on purpose: mud-height-full, mud-elevation-* (one site each,
   rewritten by hand at cutover).
   ============================================================================================= */

/* ---- spacing: m{side}-{0..16|auto|n1..n16}, p{side}-{0..16} ---- */
.ma-0{margin:0px !important}
.ma-1{margin:4px !important}
.ma-2{margin:8px !important}
.ma-3{margin:12px !important}
.ma-4{margin:16px !important}
.ma-5{margin:20px !important}
.ma-6{margin:24px !important}
.ma-7{margin:28px !important}
.ma-8{margin:32px !important}
.ma-9{margin:36px !important}
.ma-10{margin:40px !important}
.ma-11{margin:44px !important}
.ma-12{margin:48px !important}
.ma-13{margin:52px !important}
.ma-14{margin:56px !important}
.ma-15{margin:60px !important}
.ma-16{margin:64px !important}
.ma-auto{margin:auto !important}
.ma-n1{margin:-4px !important}
.ma-n2{margin:-8px !important}
.ma-n3{margin:-12px !important}
.ma-n4{margin:-16px !important}
.ma-n5{margin:-20px !important}
.ma-n6{margin:-24px !important}
.ma-n7{margin:-28px !important}
.ma-n8{margin:-32px !important}
.ma-n9{margin:-36px !important}
.ma-n10{margin:-40px !important}
.ma-n11{margin:-44px !important}
.ma-n12{margin:-48px !important}
.ma-n13{margin:-52px !important}
.ma-n14{margin:-56px !important}
.ma-n15{margin:-60px !important}
.ma-n16{margin:-64px !important}
.pa-0{padding:0px !important}
.pa-1{padding:4px !important}
.pa-2{padding:8px !important}
.pa-3{padding:12px !important}
.pa-4{padding:16px !important}
.pa-5{padding:20px !important}
.pa-6{padding:24px !important}
.pa-7{padding:28px !important}
.pa-8{padding:32px !important}
.pa-9{padding:36px !important}
.pa-10{padding:40px !important}
.pa-11{padding:44px !important}
.pa-12{padding:48px !important}
.pa-13{padding:52px !important}
.pa-14{padding:56px !important}
.pa-15{padding:60px !important}
.pa-16{padding:64px !important}
.mt-0{margin-top:0px !important}
.mt-1{margin-top:4px !important}
.mt-2{margin-top:8px !important}
.mt-3{margin-top:12px !important}
.mt-4{margin-top:16px !important}
.mt-5{margin-top:20px !important}
.mt-6{margin-top:24px !important}
.mt-7{margin-top:28px !important}
.mt-8{margin-top:32px !important}
.mt-9{margin-top:36px !important}
.mt-10{margin-top:40px !important}
.mt-11{margin-top:44px !important}
.mt-12{margin-top:48px !important}
.mt-13{margin-top:52px !important}
.mt-14{margin-top:56px !important}
.mt-15{margin-top:60px !important}
.mt-16{margin-top:64px !important}
.mt-auto{margin-top:auto !important}
.mt-n1{margin-top:-4px !important}
.mt-n2{margin-top:-8px !important}
.mt-n3{margin-top:-12px !important}
.mt-n4{margin-top:-16px !important}
.mt-n5{margin-top:-20px !important}
.mt-n6{margin-top:-24px !important}
.mt-n7{margin-top:-28px !important}
.mt-n8{margin-top:-32px !important}
.mt-n9{margin-top:-36px !important}
.mt-n10{margin-top:-40px !important}
.mt-n11{margin-top:-44px !important}
.mt-n12{margin-top:-48px !important}
.mt-n13{margin-top:-52px !important}
.mt-n14{margin-top:-56px !important}
.mt-n15{margin-top:-60px !important}
.mt-n16{margin-top:-64px !important}
.pt-0{padding-top:0px !important}
.pt-1{padding-top:4px !important}
.pt-2{padding-top:8px !important}
.pt-3{padding-top:12px !important}
.pt-4{padding-top:16px !important}
.pt-5{padding-top:20px !important}
.pt-6{padding-top:24px !important}
.pt-7{padding-top:28px !important}
.pt-8{padding-top:32px !important}
.pt-9{padding-top:36px !important}
.pt-10{padding-top:40px !important}
.pt-11{padding-top:44px !important}
.pt-12{padding-top:48px !important}
.pt-13{padding-top:52px !important}
.pt-14{padding-top:56px !important}
.pt-15{padding-top:60px !important}
.pt-16{padding-top:64px !important}
.mr-0{margin-right:0px !important}
.mr-1{margin-right:4px !important}
.mr-2{margin-right:8px !important}
.mr-3{margin-right:12px !important}
.mr-4{margin-right:16px !important}
.mr-5{margin-right:20px !important}
.mr-6{margin-right:24px !important}
.mr-7{margin-right:28px !important}
.mr-8{margin-right:32px !important}
.mr-9{margin-right:36px !important}
.mr-10{margin-right:40px !important}
.mr-11{margin-right:44px !important}
.mr-12{margin-right:48px !important}
.mr-13{margin-right:52px !important}
.mr-14{margin-right:56px !important}
.mr-15{margin-right:60px !important}
.mr-16{margin-right:64px !important}
.mr-auto{margin-right:auto !important}
.mr-n1{margin-right:-4px !important}
.mr-n2{margin-right:-8px !important}
.mr-n3{margin-right:-12px !important}
.mr-n4{margin-right:-16px !important}
.mr-n5{margin-right:-20px !important}
.mr-n6{margin-right:-24px !important}
.mr-n7{margin-right:-28px !important}
.mr-n8{margin-right:-32px !important}
.mr-n9{margin-right:-36px !important}
.mr-n10{margin-right:-40px !important}
.mr-n11{margin-right:-44px !important}
.mr-n12{margin-right:-48px !important}
.mr-n13{margin-right:-52px !important}
.mr-n14{margin-right:-56px !important}
.mr-n15{margin-right:-60px !important}
.mr-n16{margin-right:-64px !important}
.pr-0{padding-right:0px !important}
.pr-1{padding-right:4px !important}
.pr-2{padding-right:8px !important}
.pr-3{padding-right:12px !important}
.pr-4{padding-right:16px !important}
.pr-5{padding-right:20px !important}
.pr-6{padding-right:24px !important}
.pr-7{padding-right:28px !important}
.pr-8{padding-right:32px !important}
.pr-9{padding-right:36px !important}
.pr-10{padding-right:40px !important}
.pr-11{padding-right:44px !important}
.pr-12{padding-right:48px !important}
.pr-13{padding-right:52px !important}
.pr-14{padding-right:56px !important}
.pr-15{padding-right:60px !important}
.pr-16{padding-right:64px !important}
.mb-0{margin-bottom:0px !important}
.mb-1{margin-bottom:4px !important}
.mb-2{margin-bottom:8px !important}
.mb-3{margin-bottom:12px !important}
.mb-4{margin-bottom:16px !important}
.mb-5{margin-bottom:20px !important}
.mb-6{margin-bottom:24px !important}
.mb-7{margin-bottom:28px !important}
.mb-8{margin-bottom:32px !important}
.mb-9{margin-bottom:36px !important}
.mb-10{margin-bottom:40px !important}
.mb-11{margin-bottom:44px !important}
.mb-12{margin-bottom:48px !important}
.mb-13{margin-bottom:52px !important}
.mb-14{margin-bottom:56px !important}
.mb-15{margin-bottom:60px !important}
.mb-16{margin-bottom:64px !important}
.mb-auto{margin-bottom:auto !important}
.mb-n1{margin-bottom:-4px !important}
.mb-n2{margin-bottom:-8px !important}
.mb-n3{margin-bottom:-12px !important}
.mb-n4{margin-bottom:-16px !important}
.mb-n5{margin-bottom:-20px !important}
.mb-n6{margin-bottom:-24px !important}
.mb-n7{margin-bottom:-28px !important}
.mb-n8{margin-bottom:-32px !important}
.mb-n9{margin-bottom:-36px !important}
.mb-n10{margin-bottom:-40px !important}
.mb-n11{margin-bottom:-44px !important}
.mb-n12{margin-bottom:-48px !important}
.mb-n13{margin-bottom:-52px !important}
.mb-n14{margin-bottom:-56px !important}
.mb-n15{margin-bottom:-60px !important}
.mb-n16{margin-bottom:-64px !important}
.pb-0{padding-bottom:0px !important}
.pb-1{padding-bottom:4px !important}
.pb-2{padding-bottom:8px !important}
.pb-3{padding-bottom:12px !important}
.pb-4{padding-bottom:16px !important}
.pb-5{padding-bottom:20px !important}
.pb-6{padding-bottom:24px !important}
.pb-7{padding-bottom:28px !important}
.pb-8{padding-bottom:32px !important}
.pb-9{padding-bottom:36px !important}
.pb-10{padding-bottom:40px !important}
.pb-11{padding-bottom:44px !important}
.pb-12{padding-bottom:48px !important}
.pb-13{padding-bottom:52px !important}
.pb-14{padding-bottom:56px !important}
.pb-15{padding-bottom:60px !important}
.pb-16{padding-bottom:64px !important}
.ml-0{margin-left:0px !important}
.ml-1{margin-left:4px !important}
.ml-2{margin-left:8px !important}
.ml-3{margin-left:12px !important}
.ml-4{margin-left:16px !important}
.ml-5{margin-left:20px !important}
.ml-6{margin-left:24px !important}
.ml-7{margin-left:28px !important}
.ml-8{margin-left:32px !important}
.ml-9{margin-left:36px !important}
.ml-10{margin-left:40px !important}
.ml-11{margin-left:44px !important}
.ml-12{margin-left:48px !important}
.ml-13{margin-left:52px !important}
.ml-14{margin-left:56px !important}
.ml-15{margin-left:60px !important}
.ml-16{margin-left:64px !important}
.ml-auto{margin-left:auto !important}
.ml-n1{margin-left:-4px !important}
.ml-n2{margin-left:-8px !important}
.ml-n3{margin-left:-12px !important}
.ml-n4{margin-left:-16px !important}
.ml-n5{margin-left:-20px !important}
.ml-n6{margin-left:-24px !important}
.ml-n7{margin-left:-28px !important}
.ml-n8{margin-left:-32px !important}
.ml-n9{margin-left:-36px !important}
.ml-n10{margin-left:-40px !important}
.ml-n11{margin-left:-44px !important}
.ml-n12{margin-left:-48px !important}
.ml-n13{margin-left:-52px !important}
.ml-n14{margin-left:-56px !important}
.ml-n15{margin-left:-60px !important}
.ml-n16{margin-left:-64px !important}
.pl-0{padding-left:0px !important}
.pl-1{padding-left:4px !important}
.pl-2{padding-left:8px !important}
.pl-3{padding-left:12px !important}
.pl-4{padding-left:16px !important}
.pl-5{padding-left:20px !important}
.pl-6{padding-left:24px !important}
.pl-7{padding-left:28px !important}
.pl-8{padding-left:32px !important}
.pl-9{padding-left:36px !important}
.pl-10{padding-left:40px !important}
.pl-11{padding-left:44px !important}
.pl-12{padding-left:48px !important}
.pl-13{padding-left:52px !important}
.pl-14{padding-left:56px !important}
.pl-15{padding-left:60px !important}
.pl-16{padding-left:64px !important}
.mx-0{margin-left:0px !important;margin-right:0px !important}
.mx-1{margin-left:4px !important;margin-right:4px !important}
.mx-2{margin-left:8px !important;margin-right:8px !important}
.mx-3{margin-left:12px !important;margin-right:12px !important}
.mx-4{margin-left:16px !important;margin-right:16px !important}
.mx-5{margin-left:20px !important;margin-right:20px !important}
.mx-6{margin-left:24px !important;margin-right:24px !important}
.mx-7{margin-left:28px !important;margin-right:28px !important}
.mx-8{margin-left:32px !important;margin-right:32px !important}
.mx-9{margin-left:36px !important;margin-right:36px !important}
.mx-10{margin-left:40px !important;margin-right:40px !important}
.mx-11{margin-left:44px !important;margin-right:44px !important}
.mx-12{margin-left:48px !important;margin-right:48px !important}
.mx-13{margin-left:52px !important;margin-right:52px !important}
.mx-14{margin-left:56px !important;margin-right:56px !important}
.mx-15{margin-left:60px !important;margin-right:60px !important}
.mx-16{margin-left:64px !important;margin-right:64px !important}
.mx-auto{margin-left:auto !important;margin-right:auto !important}
.mx-n1{margin-left:-4px !important;margin-right:-4px !important}
.mx-n2{margin-left:-8px !important;margin-right:-8px !important}
.mx-n3{margin-left:-12px !important;margin-right:-12px !important}
.mx-n4{margin-left:-16px !important;margin-right:-16px !important}
.mx-n5{margin-left:-20px !important;margin-right:-20px !important}
.mx-n6{margin-left:-24px !important;margin-right:-24px !important}
.mx-n7{margin-left:-28px !important;margin-right:-28px !important}
.mx-n8{margin-left:-32px !important;margin-right:-32px !important}
.mx-n9{margin-left:-36px !important;margin-right:-36px !important}
.mx-n10{margin-left:-40px !important;margin-right:-40px !important}
.mx-n11{margin-left:-44px !important;margin-right:-44px !important}
.mx-n12{margin-left:-48px !important;margin-right:-48px !important}
.mx-n13{margin-left:-52px !important;margin-right:-52px !important}
.mx-n14{margin-left:-56px !important;margin-right:-56px !important}
.mx-n15{margin-left:-60px !important;margin-right:-60px !important}
.mx-n16{margin-left:-64px !important;margin-right:-64px !important}
.px-0{padding-left:0px !important;padding-right:0px !important}
.px-1{padding-left:4px !important;padding-right:4px !important}
.px-2{padding-left:8px !important;padding-right:8px !important}
.px-3{padding-left:12px !important;padding-right:12px !important}
.px-4{padding-left:16px !important;padding-right:16px !important}
.px-5{padding-left:20px !important;padding-right:20px !important}
.px-6{padding-left:24px !important;padding-right:24px !important}
.px-7{padding-left:28px !important;padding-right:28px !important}
.px-8{padding-left:32px !important;padding-right:32px !important}
.px-9{padding-left:36px !important;padding-right:36px !important}
.px-10{padding-left:40px !important;padding-right:40px !important}
.px-11{padding-left:44px !important;padding-right:44px !important}
.px-12{padding-left:48px !important;padding-right:48px !important}
.px-13{padding-left:52px !important;padding-right:52px !important}
.px-14{padding-left:56px !important;padding-right:56px !important}
.px-15{padding-left:60px !important;padding-right:60px !important}
.px-16{padding-left:64px !important;padding-right:64px !important}
.my-0{margin-top:0px !important;margin-bottom:0px !important}
.my-1{margin-top:4px !important;margin-bottom:4px !important}
.my-2{margin-top:8px !important;margin-bottom:8px !important}
.my-3{margin-top:12px !important;margin-bottom:12px !important}
.my-4{margin-top:16px !important;margin-bottom:16px !important}
.my-5{margin-top:20px !important;margin-bottom:20px !important}
.my-6{margin-top:24px !important;margin-bottom:24px !important}
.my-7{margin-top:28px !important;margin-bottom:28px !important}
.my-8{margin-top:32px !important;margin-bottom:32px !important}
.my-9{margin-top:36px !important;margin-bottom:36px !important}
.my-10{margin-top:40px !important;margin-bottom:40px !important}
.my-11{margin-top:44px !important;margin-bottom:44px !important}
.my-12{margin-top:48px !important;margin-bottom:48px !important}
.my-13{margin-top:52px !important;margin-bottom:52px !important}
.my-14{margin-top:56px !important;margin-bottom:56px !important}
.my-15{margin-top:60px !important;margin-bottom:60px !important}
.my-16{margin-top:64px !important;margin-bottom:64px !important}
.my-auto{margin-top:auto !important;margin-bottom:auto !important}
.my-n1{margin-top:-4px !important;margin-bottom:-4px !important}
.my-n2{margin-top:-8px !important;margin-bottom:-8px !important}
.my-n3{margin-top:-12px !important;margin-bottom:-12px !important}
.my-n4{margin-top:-16px !important;margin-bottom:-16px !important}
.my-n5{margin-top:-20px !important;margin-bottom:-20px !important}
.my-n6{margin-top:-24px !important;margin-bottom:-24px !important}
.my-n7{margin-top:-28px !important;margin-bottom:-28px !important}
.my-n8{margin-top:-32px !important;margin-bottom:-32px !important}
.my-n9{margin-top:-36px !important;margin-bottom:-36px !important}
.my-n10{margin-top:-40px !important;margin-bottom:-40px !important}
.my-n11{margin-top:-44px !important;margin-bottom:-44px !important}
.my-n12{margin-top:-48px !important;margin-bottom:-48px !important}
.my-n13{margin-top:-52px !important;margin-bottom:-52px !important}
.my-n14{margin-top:-56px !important;margin-bottom:-56px !important}
.my-n15{margin-top:-60px !important;margin-bottom:-60px !important}
.my-n16{margin-top:-64px !important;margin-bottom:-64px !important}
.py-0{padding-top:0px !important;padding-bottom:0px !important}
.py-1{padding-top:4px !important;padding-bottom:4px !important}
.py-2{padding-top:8px !important;padding-bottom:8px !important}
.py-3{padding-top:12px !important;padding-bottom:12px !important}
.py-4{padding-top:16px !important;padding-bottom:16px !important}
.py-5{padding-top:20px !important;padding-bottom:20px !important}
.py-6{padding-top:24px !important;padding-bottom:24px !important}
.py-7{padding-top:28px !important;padding-bottom:28px !important}
.py-8{padding-top:32px !important;padding-bottom:32px !important}
.py-9{padding-top:36px !important;padding-bottom:36px !important}
.py-10{padding-top:40px !important;padding-bottom:40px !important}
.py-11{padding-top:44px !important;padding-bottom:44px !important}
.py-12{padding-top:48px !important;padding-bottom:48px !important}
.py-13{padding-top:52px !important;padding-bottom:52px !important}
.py-14{padding-top:56px !important;padding-bottom:56px !important}
.py-15{padding-top:60px !important;padding-bottom:60px !important}
.py-16{padding-top:64px !important;padding-bottom:64px !important}
.ms-0{margin-inline-start:0px !important}
.ms-1{margin-inline-start:4px !important}
.ms-2{margin-inline-start:8px !important}
.ms-3{margin-inline-start:12px !important}
.ms-4{margin-inline-start:16px !important}
.ms-5{margin-inline-start:20px !important}
.ms-6{margin-inline-start:24px !important}
.ms-7{margin-inline-start:28px !important}
.ms-8{margin-inline-start:32px !important}
.ms-9{margin-inline-start:36px !important}
.ms-10{margin-inline-start:40px !important}
.ms-11{margin-inline-start:44px !important}
.ms-12{margin-inline-start:48px !important}
.ms-13{margin-inline-start:52px !important}
.ms-14{margin-inline-start:56px !important}
.ms-15{margin-inline-start:60px !important}
.ms-16{margin-inline-start:64px !important}
.ms-auto{margin-inline-start:auto !important}
.ms-n1{margin-inline-start:-4px !important}
.ms-n2{margin-inline-start:-8px !important}
.ms-n3{margin-inline-start:-12px !important}
.ms-n4{margin-inline-start:-16px !important}
.ms-n5{margin-inline-start:-20px !important}
.ms-n6{margin-inline-start:-24px !important}
.ms-n7{margin-inline-start:-28px !important}
.ms-n8{margin-inline-start:-32px !important}
.ms-n9{margin-inline-start:-36px !important}
.ms-n10{margin-inline-start:-40px !important}
.ms-n11{margin-inline-start:-44px !important}
.ms-n12{margin-inline-start:-48px !important}
.ms-n13{margin-inline-start:-52px !important}
.ms-n14{margin-inline-start:-56px !important}
.ms-n15{margin-inline-start:-60px !important}
.ms-n16{margin-inline-start:-64px !important}
.ps-0{padding-inline-start:0px !important}
.ps-1{padding-inline-start:4px !important}
.ps-2{padding-inline-start:8px !important}
.ps-3{padding-inline-start:12px !important}
.ps-4{padding-inline-start:16px !important}
.ps-5{padding-inline-start:20px !important}
.ps-6{padding-inline-start:24px !important}
.ps-7{padding-inline-start:28px !important}
.ps-8{padding-inline-start:32px !important}
.ps-9{padding-inline-start:36px !important}
.ps-10{padding-inline-start:40px !important}
.ps-11{padding-inline-start:44px !important}
.ps-12{padding-inline-start:48px !important}
.ps-13{padding-inline-start:52px !important}
.ps-14{padding-inline-start:56px !important}
.ps-15{padding-inline-start:60px !important}
.ps-16{padding-inline-start:64px !important}
.me-0{margin-inline-end:0px !important}
.me-1{margin-inline-end:4px !important}
.me-2{margin-inline-end:8px !important}
.me-3{margin-inline-end:12px !important}
.me-4{margin-inline-end:16px !important}
.me-5{margin-inline-end:20px !important}
.me-6{margin-inline-end:24px !important}
.me-7{margin-inline-end:28px !important}
.me-8{margin-inline-end:32px !important}
.me-9{margin-inline-end:36px !important}
.me-10{margin-inline-end:40px !important}
.me-11{margin-inline-end:44px !important}
.me-12{margin-inline-end:48px !important}
.me-13{margin-inline-end:52px !important}
.me-14{margin-inline-end:56px !important}
.me-15{margin-inline-end:60px !important}
.me-16{margin-inline-end:64px !important}
.me-auto{margin-inline-end:auto !important}
.me-n1{margin-inline-end:-4px !important}
.me-n2{margin-inline-end:-8px !important}
.me-n3{margin-inline-end:-12px !important}
.me-n4{margin-inline-end:-16px !important}
.me-n5{margin-inline-end:-20px !important}
.me-n6{margin-inline-end:-24px !important}
.me-n7{margin-inline-end:-28px !important}
.me-n8{margin-inline-end:-32px !important}
.me-n9{margin-inline-end:-36px !important}
.me-n10{margin-inline-end:-40px !important}
.me-n11{margin-inline-end:-44px !important}
.me-n12{margin-inline-end:-48px !important}
.me-n13{margin-inline-end:-52px !important}
.me-n14{margin-inline-end:-56px !important}
.me-n15{margin-inline-end:-60px !important}
.me-n16{margin-inline-end:-64px !important}
.pe-0{padding-inline-end:0px !important}
.pe-1{padding-inline-end:4px !important}
.pe-2{padding-inline-end:8px !important}
.pe-3{padding-inline-end:12px !important}
.pe-4{padding-inline-end:16px !important}
.pe-5{padding-inline-end:20px !important}
.pe-6{padding-inline-end:24px !important}
.pe-7{padding-inline-end:28px !important}
.pe-8{padding-inline-end:32px !important}
.pe-9{padding-inline-end:36px !important}
.pe-10{padding-inline-end:40px !important}
.pe-11{padding-inline-end:44px !important}
.pe-12{padding-inline-end:48px !important}
.pe-13{padding-inline-end:52px !important}
.pe-14{padding-inline-end:56px !important}
.pe-15{padding-inline-end:60px !important}
.pe-16{padding-inline-end:64px !important}

/* ---- display ---- */
.d-none{display:none !important}
.d-inline{display:inline !important}
.d-inline-block{display:inline-block !important}
.d-block{display:block !important}
.d-table{display:table !important}
.d-table-row{display:table-row !important}
.d-table-cell{display:table-cell !important}
.d-flex{display:flex !important}
.d-inline-flex{display:inline-flex !important}
.d-grid{display:grid !important}
@media (min-width:600px){
.d-sm-none{display:none !important}
.d-sm-inline{display:inline !important}
.d-sm-inline-block{display:inline-block !important}
.d-sm-block{display:block !important}
.d-sm-table{display:table !important}
.d-sm-table-row{display:table-row !important}
.d-sm-table-cell{display:table-cell !important}
.d-sm-flex{display:flex !important}
.d-sm-inline-flex{display:inline-flex !important}
.d-sm-grid{display:grid !important}
}
@media (min-width:960px){
.d-md-none{display:none !important}
.d-md-inline{display:inline !important}
.d-md-inline-block{display:inline-block !important}
.d-md-block{display:block !important}
.d-md-table{display:table !important}
.d-md-table-row{display:table-row !important}
.d-md-table-cell{display:table-cell !important}
.d-md-flex{display:flex !important}
.d-md-inline-flex{display:inline-flex !important}
.d-md-grid{display:grid !important}
}
@media (min-width:1280px){
.d-lg-none{display:none !important}
.d-lg-inline{display:inline !important}
.d-lg-inline-block{display:inline-block !important}
.d-lg-block{display:block !important}
.d-lg-table{display:table !important}
.d-lg-table-row{display:table-row !important}
.d-lg-table-cell{display:table-cell !important}
.d-lg-flex{display:flex !important}
.d-lg-inline-flex{display:inline-flex !important}
.d-lg-grid{display:grid !important}
}
@media (min-width:1920px){
.d-xl-none{display:none !important}
.d-xl-inline{display:inline !important}
.d-xl-inline-block{display:inline-block !important}
.d-xl-block{display:block !important}
.d-xl-table{display:table !important}
.d-xl-table-row{display:table-row !important}
.d-xl-table-cell{display:table-cell !important}
.d-xl-flex{display:flex !important}
.d-xl-inline-flex{display:inline-flex !important}
.d-xl-grid{display:grid !important}
}

/* ---- flex ---- */
.flex-row{flex-direction:row !important}
.flex-row-reverse{flex-direction:row-reverse !important}
.flex-column{flex-direction:column !important}
.flex-column-reverse{flex-direction:column-reverse !important}
.flex-wrap{flex-wrap:wrap !important}
.flex-nowrap{flex-wrap:nowrap !important}
.flex-wrap-reverse{flex-wrap:wrap-reverse !important}
.flex-grow-0{flex-grow:0 !important}
.flex-grow-1{flex-grow:1 !important}
.flex-shrink-0{flex-shrink:0 !important}
.flex-shrink-1{flex-shrink:1 !important}
.flex-fill{flex:1 1 auto !important}
.flex-none{flex:none !important}
.justify-start{justify-content:flex-start !important}
.justify-end{justify-content:flex-end !important}
.justify-center{justify-content:center !important}
.justify-space-between{justify-content:space-between !important}
.justify-space-around{justify-content:space-around !important}
.justify-space-evenly{justify-content:space-evenly !important}
.align-start{align-items:flex-start !important}
.align-end{align-items:flex-end !important}
.align-center{align-items:center !important}
.align-baseline{align-items:baseline !important}
.align-stretch{align-items:stretch !important}
.align-self-start{align-self:flex-start !important}
.align-self-end{align-self:flex-end !important}
.align-self-center{align-self:center !important}
.align-self-baseline{align-self:baseline !important}
.align-self-stretch{align-self:stretch !important}
.align-self-auto{align-self:auto !important}
.align-content-start{align-content:flex-start !important}
.align-content-end{align-content:flex-end !important}
.align-content-center{align-content:center !important}
.align-content-space-between{align-content:space-between !important}
.align-content-space-around{align-content:space-around !important}
.align-content-space-evenly{align-content:space-evenly !important}
.align-content-stretch{align-content:stretch !important}
.gap-0{gap:0px !important}
.gap-1{gap:4px !important}
.gap-2{gap:8px !important}
.gap-3{gap:12px !important}
.gap-4{gap:16px !important}
.gap-5{gap:20px !important}
.gap-6{gap:24px !important}
.gap-7{gap:28px !important}
.gap-8{gap:32px !important}
.gap-9{gap:36px !important}
.gap-10{gap:40px !important}
.gap-11{gap:44px !important}
.gap-12{gap:48px !important}
.gap-13{gap:52px !important}
.gap-14{gap:56px !important}
.gap-15{gap:60px !important}
.gap-16{gap:64px !important}
.row-gap-0{row-gap:0px !important}
.row-gap-1{row-gap:4px !important}
.row-gap-2{row-gap:8px !important}
.row-gap-3{row-gap:12px !important}
.row-gap-4{row-gap:16px !important}
.row-gap-5{row-gap:20px !important}
.row-gap-6{row-gap:24px !important}
.row-gap-7{row-gap:28px !important}
.row-gap-8{row-gap:32px !important}
.row-gap-9{row-gap:36px !important}
.row-gap-10{row-gap:40px !important}
.row-gap-11{row-gap:44px !important}
.row-gap-12{row-gap:48px !important}
.row-gap-13{row-gap:52px !important}
.row-gap-14{row-gap:56px !important}
.row-gap-15{row-gap:60px !important}
.row-gap-16{row-gap:64px !important}
.column-gap-0{column-gap:0px !important}
.column-gap-1{column-gap:4px !important}
.column-gap-2{column-gap:8px !important}
.column-gap-3{column-gap:12px !important}
.column-gap-4{column-gap:16px !important}
.column-gap-5{column-gap:20px !important}
.column-gap-6{column-gap:24px !important}
.column-gap-7{column-gap:28px !important}
.column-gap-8{column-gap:32px !important}
.column-gap-9{column-gap:36px !important}
.column-gap-10{column-gap:40px !important}
.column-gap-11{column-gap:44px !important}
.column-gap-12{column-gap:48px !important}
.column-gap-13{column-gap:52px !important}
.column-gap-14{column-gap:56px !important}
.column-gap-15{column-gap:60px !important}
.column-gap-16{column-gap:64px !important}
.order-0{order:0 !important}
.order-1{order:1 !important}
.order-2{order:2 !important}
.order-3{order:3 !important}
.order-4{order:4 !important}
.order-5{order:5 !important}
.order-6{order:6 !important}
.order-7{order:7 !important}
.order-8{order:8 !important}
.order-9{order:9 !important}
.order-10{order:10 !important}
.order-11{order:11 !important}
.order-12{order:12 !important}
.order-first{order:-1 !important}
.order-last{order:13 !important}

/* ---- sizing / position / overflow ---- */
.h-100{height:100% !important}
.w-100{width:100% !important}
.mw-100{max-width:100% !important}
.mh-100{max-height:100% !important}
.vh-100{height:100vh !important}
.vw-100{width:100vw !important}
.position-static{position:static !important}
.position-relative{position:relative !important}
.position-absolute{position:absolute !important}
.position-fixed{position:fixed !important}
.position-sticky{position:sticky !important}
.overflow-hidden{overflow:hidden !important}
.overflow-x-hidden{overflow-x:hidden !important}
.overflow-y-hidden{overflow-y:hidden !important}
.overflow-auto{overflow:auto !important}
.overflow-x-auto{overflow-x:auto !important}
.overflow-y-auto{overflow-y:auto !important}
.overflow-visible{overflow:visible !important}
.overflow-x-visible{overflow-x:visible !important}
.overflow-y-visible{overflow-y:visible !important}
.overflow-scroll{overflow:scroll !important}
.overflow-x-scroll{overflow-x:scroll !important}
.overflow-y-scroll{overflow-y:scroll !important}
.z-0{z-index:0 !important}
.z-10{z-index:10 !important}
.z-20{z-index:20 !important}
.z-30{z-index:30 !important}
.z-40{z-index:40 !important}
.z-50{z-index:50 !important}
.z-100{z-index:100 !important}
.top-0{top:0 !important}
.bottom-0{bottom:0 !important}
.left-0{left:0 !important}
.right-0{right:0 !important}

/* ---- typography ---- */
.font-weight-thin{font-weight:100 !important}
.font-weight-light{font-weight:300 !important}
.font-weight-regular{font-weight:400 !important}
.font-weight-medium{font-weight:500 !important}
.font-weight-semibold{font-weight:600 !important}
.font-weight-bold{font-weight:700 !important}
.font-weight-black{font-weight:900 !important}
.font-italic{font-style:italic !important}
.text-left{text-align:left !important}
.text-center{text-align:center !important}
.text-right{text-align:right !important}
.text-justify{text-align:justify !important}
.text-uppercase{text-transform:uppercase !important}
.text-lowercase{text-transform:lowercase !important}
.text-capitalize{text-transform:capitalize !important}
.text-none{text-transform:none !important}
.text-nowrap{white-space:nowrap !important}
.text-wrap{white-space:normal !important}
.text-truncate{overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}
.text-decoration-none{text-decoration:none !important}
.text-break{word-break:break-word !important;overflow-wrap:anywhere !important}

/* ---- radius ---- */
.rounded{border-radius:var(--sx-radius-sm,10px) !important}
.rounded-0{border-radius:0 !important}
.rounded-xs{border-radius:var(--sx-radius-xs,6px) !important}
.rounded-sm{border-radius:var(--sx-radius-sm,10px) !important}
.rounded-lg{border-radius:var(--sx-radius-lg,18px) !important}
.rounded-xl{border-radius:var(--sx-radius-xl,24px) !important}
.rounded-pill{border-radius:var(--sx-radius-full,9999px) !important}
.rounded-circle{border-radius:50% !important}
.rounded-t{border-top-left-radius:var(--sx-radius-sm,10px) !important;border-top-right-radius:var(--sx-radius-sm,10px) !important}
.rounded-b{border-bottom-left-radius:var(--sx-radius-sm,10px) !important;border-bottom-right-radius:var(--sx-radius-sm,10px) !important}
.rounded-l{border-top-left-radius:var(--sx-radius-sm,10px) !important;border-bottom-left-radius:var(--sx-radius-sm,10px) !important}
.rounded-r{border-top-right-radius:var(--sx-radius-sm,10px) !important;border-bottom-right-radius:var(--sx-radius-sm,10px) !important}
.border-none{border:none !important}

/* ---- cursor / misc ---- */
.cursor-pointer{cursor:pointer !important}
.cursor-default{cursor:default !important}
.cursor-text{cursor:text !important}
.cursor-move{cursor:move !important}
.cursor-not-allowed{cursor:not-allowed !important}
.cursor-grab{cursor:grab !important}
.cursor-grabbing{cursor:grabbing !important}
.cursor-wait{cursor:wait !important}
.cursor-help{cursor:help !important}
.user-select-none{user-select:none !important}
.user-select-all{user-select:all !important}
.pointer-events-none{pointer-events:none !important}
.invisible{visibility:hidden !important}
.visible{visibility:visible !important}
.object-cover{object-fit:cover !important}
.object-contain{object-fit:contain !important}

/* ---- cutover additions: used by the app, previously supplied only by MudBlazor ---- */
.flex-1{flex:1 1 0% !important}
.pb-20{padding-bottom:80px !important}
.gap-x-3{column-gap:12px}
.gap-y-1{row-gap:4px}