@dialpad/dialtone 9.123.2 → 9.125.0

package/dist/css/dialtone-default-theme.css

@@ -5765,119 +5765,96 @@ legend .d-label--md {
   border-style: unset !important;
 }
 .d-baw0 {
-  border-width: 0 !important;
+  border-width: var(--dt-size-border-0) !important;
 }
 .d-baw1 {
-  border-width: var(--dt-size-100) !important;
+  border-width: var(--dt-size-border-100) !important;
 }
 .d-baw2 {
-  border-width: var(--dt-size-200) !important;
+  border-width: var(--dt-size-border-200) !important;
 }
 .d-baw4 {
-  border-width: var(--dt-size-300) !important;
-}
-.d-baw6 {
-  border-width: var(--dt-size-350) !important;
+  border-width: var(--dt-size-border-300) !important;
 }
 .d-btw0 {
-  border-top-width: 0 !important;
+  border-top-width: var(--dt-size-border-0) !important;
 }
 .d-btw1 {
-  border-top-width: var(--dt-size-100) !important;
+  border-top-width: var(--dt-size-border-100) !important;
 }
 .d-btw2 {
-  border-top-width: var(--dt-size-200) !important;
+  border-top-width: var(--dt-size-border-200) !important;
 }
 .d-btw4 {
-  border-top-width: var(--dt-size-300) !important;
-}
-.d-btw6 {
-  border-top-width: var(--dt-size-350) !important;
+  border-top-width: var(--dt-size-border-300) !important;
 }
 .d-brw0 {
-  border-right-width: 0 !important;
+  border-right-width: var(--dt-size-border-0) !important;
 }
 .d-brw1 {
-  border-right-width: var(--dt-size-100) !important;
+  border-right-width: var(--dt-size-border-100) !important;
 }
 .d-brw2 {
-  border-right-width: var(--dt-size-200) !important;
+  border-right-width: var(--dt-size-border-200) !important;
 }
 .d-brw4 {
-  border-right-width: var(--dt-size-300) !important;
-}
-.d-brw6 {
-  border-right-width: var(--dt-size-350) !important;
+  border-right-width: var(--dt-size-border-300) !important;
 }
 .d-bbw0 {
-  border-bottom-width: 0 !important;
+  border-bottom-width: var(--dt-size-border-0) !important;
 }
 .d-bbw1 {
-  border-bottom-width: var(--dt-size-100) !important;
+  border-bottom-width: var(--dt-size-border-100) !important;
 }
 .d-bbw2 {
-  border-bottom-width: var(--dt-size-200) !important;
+  border-bottom-width: var(--dt-size-border-200) !important;
 }
 .d-bbw4 {
-  border-bottom-width: var(--dt-size-300) !important;
-}
-.d-bbw6 {
-  border-bottom-width: var(--dt-size-350) !important;
+  border-bottom-width: var(--dt-size-border-300) !important;
 }
 .d-blw0 {
-  border-left-width: 0 !important;
+  border-left-width: var(--dt-size-border-0) !important;
 }
 .d-blw1 {
-  border-left-width: var(--dt-size-100) !important;
+  border-left-width: var(--dt-size-border-100) !important;
 }
 .d-blw2 {
-  border-left-width: var(--dt-size-200) !important;
+  border-left-width: var(--dt-size-border-200) !important;
 }
 .d-blw4 {
-  border-left-width: var(--dt-size-300) !important;
-}
-.d-blw6 {
-  border-left-width: var(--dt-size-350) !important;
+  border-left-width: var(--dt-size-border-300) !important;
 }
 .d-bxw0 {
-  border-right-width: 0 !important;
-  border-left-width: 0 !important;
+  border-right-width: var(--dt-size-border-0) !important;
+  border-left-width: var(--dt-size-border-0) !important;
 }
 .d-bxw1 {
-  border-right-width: var(--dt-size-100) !important;
-  border-left-width: var(--dt-size-100) !important;
+  border-right-width: var(--dt-size-border-100) !important;
+  border-left-width: var(--dt-size-border-100) !important;
 }
 .d-bxw2 {
-  border-right-width: var(--dt-size-200) !important;
-  border-left-width: var(--dt-size-200) !important;
+  border-right-width: var(--dt-size-border-200) !important;
+  border-left-width: var(--dt-size-border-200) !important;
 }
 .d-bxw4 {
-  border-right-width: var(--dt-size-300) !important;
-  border-left-width: var(--dt-size-300) !important;
-}
-.d-bxw6 {
-  border-right-width: var(--dt-size-350) !important;
-  border-left-width: var(--dt-size-350) !important;
+  border-right-width: var(--dt-size-border-300) !important;
+  border-left-width: var(--dt-size-border-300) !important;
 }
 .d-byw0 {
-  border-top-width: 0 !important;
-  border-bottom-width: 0 !important;
+  border-top-width: var(--dt-size-border-0) !important;
+  border-bottom-width: var(--dt-size-border-0) !important;
 }
 .d-byw1 {
-  border-top-width: var(--dt-size-100) !important;
-  border-bottom-width: var(--dt-size-100) !important;
+  border-top-width: var(--dt-size-border-100) !important;
+  border-bottom-width: var(--dt-size-border-100) !important;
 }
 .d-byw2 {
-  border-top-width: var(--dt-size-200) !important;
-  border-bottom-width: var(--dt-size-200) !important;
+  border-top-width: var(--dt-size-border-200) !important;
+  border-bottom-width: var(--dt-size-border-200) !important;
 }
 .d-byw4 {
-  border-top-width: var(--dt-size-300) !important;
-  border-bottom-width: var(--dt-size-300) !important;
-}
-.d-byw6 {
-  border-top-width: var(--dt-size-350) !important;
-  border-bottom-width: var(--dt-size-350) !important;
+  border-top-width: var(--dt-size-border-300) !important;
+  border-bottom-width: var(--dt-size-border-300) !important;
 }
 .d-divide-y > * + * {
   --divide-y-reverse: 0;
@@ -7804,6 +7781,9 @@ legend .d-label--md {
 .d-stack16 > * + * {
   margin-top: var(--dt-space-500) !important;
 }
+.d-stack20 > * + * {
+  margin-top: var(--dt-space-525) !important;
+}
 .d-stack24 > * + * {
   margin-top: var(--dt-space-550) !important;
 }
@@ -7858,6 +7838,9 @@ legend .d-label--md {
 .d-flow16 > * + * {
   margin-left: var(--dt-space-500) !important;
 }
+.d-flow20 > * + * {
+  margin-left: var(--dt-space-525) !important;
+}
 .d-flow24 > * + * {
   margin-left: var(--dt-space-550) !important;
 }
@@ -24022,6 +24005,10 @@ body {
   border-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-bar1 {
+  border-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-bar2 {
   border-radius: var(--dt-size-radius-200) !important;
 }
@@ -24035,7 +24022,7 @@ body {
 }
 
 .d-bar12 {
-  border-radius: var(--dt-size-450) !important;
+  border-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-bar16 {
@@ -24054,6 +24041,10 @@ body {
   border-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-bar1 {
+  border-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-bar2 {
   border-radius: var(--dt-size-radius-200) !important;
 }
@@ -24067,7 +24058,7 @@ body {
 }
 
 .d-bar12 {
-  border-radius: var(--dt-size-450) !important;
+  border-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-bar16 {
@@ -24087,6 +24078,11 @@ body {
   border-top-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-btr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-btr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-top-right-radius: var(--dt-size-radius-200) !important;
@@ -24103,8 +24099,8 @@ body {
 }
 
 .d-btr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-top-right-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-btr16 {
@@ -24127,6 +24123,11 @@ body {
   border-top-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-btr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-btr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-top-right-radius: var(--dt-size-radius-200) !important;
@@ -24143,8 +24144,8 @@ body {
 }
 
 .d-btr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-top-right-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-btr16 {
@@ -24167,6 +24168,11 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-brr1 {
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-brr2 {
   border-top-right-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -24183,8 +24189,8 @@ body {
 }
 
 .d-brr12 {
-  border-top-right-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-brr16 {
@@ -24207,6 +24213,11 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-brr1 {
+  border-top-right-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-brr2 {
   border-top-right-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -24223,8 +24234,8 @@ body {
 }
 
 .d-brr12 {
-  border-top-right-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-top-right-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-brr16 {
@@ -24247,6 +24258,11 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-bbr1 {
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-bbr2 {
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -24263,8 +24279,8 @@ body {
 }
 
 .d-bbr12 {
-  border-bottom-left-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-bbr16 {
@@ -24287,6 +24303,11 @@ body {
   border-bottom-right-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-bbr1 {
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-right-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-bbr2 {
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-right-radius: var(--dt-size-radius-200) !important;
@@ -24303,8 +24324,8 @@ body {
 }
 
 .d-bbr12 {
-  border-bottom-left-radius: var(--dt-size-450) !important;
-  border-bottom-right-radius: var(--dt-size-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-right-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-bbr16 {
@@ -24327,6 +24348,11 @@ body {
   border-bottom-left-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-blr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-blr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
@@ -24343,8 +24369,8 @@ body {
 }
 
 .d-blr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-bottom-left-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-blr16 {
@@ -24367,6 +24393,11 @@ body {
   border-bottom-left-radius: var(--dt-size-radius-0) !important;
 }
 
+.d-blr1 {
+  border-top-left-radius: var(--dt-size-radius-100) !important;
+  border-bottom-left-radius: var(--dt-size-radius-100) !important;
+}
+
 .d-blr2 {
   border-top-left-radius: var(--dt-size-radius-200) !important;
   border-bottom-left-radius: var(--dt-size-radius-200) !important;
@@ -24383,8 +24414,8 @@ body {
 }
 
 .d-blr12 {
-  border-top-left-radius: var(--dt-size-450) !important;
-  border-bottom-left-radius: var(--dt-size-450) !important;
+  border-top-left-radius: var(--dt-size-radius-450) !important;
+  border-bottom-left-radius: var(--dt-size-radius-450) !important;
 }
 
 .d-blr16 {
@@ -24434,6 +24465,10 @@ body {
   gap: var(--dt-space-500) !important;
 }
 
+.d-g20 {
+  gap: var(--dt-space-525) !important;
+}
+
 .d-g24 {
   gap: var(--dt-space-550) !important;
 }
@@ -24482,6 +24517,10 @@ body {
   gap: var(--dt-space-500) !important;
 }
 
+.d-g20 {
+  gap: var(--dt-space-525) !important;
+}
+
 .d-g24 {
   gap: var(--dt-space-550) !important;
 }
@@ -24530,6 +24569,10 @@ body {
   row-gap: var(--dt-space-500) !important;
 }
 
+.d-rg20 {
+  row-gap: var(--dt-space-525) !important;
+}
+
 .d-rg24 {
   row-gap: var(--dt-space-550) !important;
 }
@@ -24578,6 +24621,10 @@ body {
   row-gap: var(--dt-space-500) !important;
 }
 
+.d-rg20 {
+  row-gap: var(--dt-space-525) !important;
+}
+
 .d-rg24 {
   row-gap: var(--dt-space-550) !important;
 }
@@ -24642,6 +24689,12 @@ body {
           column-gap: var(--dt-space-500) !important;
 }
 
+.d-cg20 {
+  -webkit-column-gap: var(--dt-space-525) !important;
+     -moz-column-gap: var(--dt-space-525) !important;
+          column-gap: var(--dt-space-525) !important;
+}
+
 .d-cg24 {
   -webkit-column-gap: var(--dt-space-550) !important;
      -moz-column-gap: var(--dt-space-550) !important;
@@ -24714,6 +24767,12 @@ body {
           column-gap: var(--dt-space-500) !important;
 }
 
+.d-cg20 {
+  -webkit-column-gap: var(--dt-space-525) !important;
+     -moz-column-gap: var(--dt-space-525) !important;
+          column-gap: var(--dt-space-525) !important;
+}
+
 .d-cg24 {
   -webkit-column-gap: var(--dt-space-550) !important;
      -moz-column-gap: var(--dt-space-550) !important;
@@ -24778,6 +24837,11 @@ body {
   margin: unset;
 }
 
+.d-g20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
+
 .d-g24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -24838,6 +24902,11 @@ body {
   margin: unset;
 }
 
+.d-g20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
+
 .d-g24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -24898,6 +24967,11 @@ body {
   margin: unset;
 }
 
+.d-cg20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
+
 .d-cg24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -24958,6 +25032,11 @@ body {
   margin: unset;
 }
 
+.d-cg20 > * {
+  --fl-gap: var(--dt-space-525);
+  margin: unset;
+}
+
 .d-cg24 > * {
   --fl-gap: var(--dt-space-550);
   margin: unset;
@@ -25778,6 +25857,10 @@ body {
   grid-gap: var(--dt-space-500) !important;
 }
 
+.d-gg20 {
+  grid-gap: var(--dt-space-525) !important;
+}
+
 .d-gg24 {
   grid-gap: var(--dt-space-550) !important;
 }
@@ -25826,6 +25909,10 @@ body {
   grid-gap: var(--dt-space-500) !important;
 }
 
+.d-gg20 {
+  grid-gap: var(--dt-space-525) !important;
+}
+
 .d-gg24 {
   grid-gap: var(--dt-space-550) !important;
 }
@@ -25874,6 +25961,10 @@ body {
   grid-column-gap: var(--dt-space-500) !important;
 }
 
+.d-gcg20 {
+  grid-column-gap: var(--dt-space-525) !important;
+}
+
 .d-gcg24 {
   grid-column-gap: var(--dt-space-550) !important;
 }
@@ -25922,6 +26013,10 @@ body {
   grid-column-gap: var(--dt-space-500) !important;
 }
 
+.d-gcg20 {
+  grid-column-gap: var(--dt-space-525) !important;
+}
+
 .d-gcg24 {
   grid-column-gap: var(--dt-space-550) !important;
 }
@@ -25970,6 +26065,10 @@ body {
   grid-row-gap: var(--dt-space-500) !important;
 }
 
+.d-grg20 {
+  grid-row-gap: var(--dt-space-525) !important;
+}
+
 .d-grg24 {
   grid-row-gap: var(--dt-space-550) !important;
 }
@@ -26018,6 +26117,10 @@ body {
   grid-row-gap: var(--dt-space-500) !important;
 }
 
+.d-grg20 {
+  grid-row-gap: var(--dt-space-525) !important;
+}
+
 .d-grg24 {
   grid-row-gap: var(--dt-space-550) !important;
 }
@@ -26090,6 +26193,13 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-all20 {
+  top: var(--dt-space-525) !important;
+  right: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
+
 .d-all24 {
   top: var(--dt-space-550) !important;
   right: var(--dt-space-550) !important;
@@ -26307,6 +26417,13 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-all20 {
+  top: var(--dt-space-525) !important;
+  right: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
+
 .d-all24 {
   top: var(--dt-space-550) !important;
   right: var(--dt-space-550) !important;
@@ -26508,6 +26625,11 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-x20 {
+  right: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
+
 .d-x24 {
   right: var(--dt-space-550) !important;
   left: var(--dt-space-550) !important;
@@ -26663,6 +26785,11 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-x20 {
+  right: var(--dt-space-525) !important;
+  left: var(--dt-space-525) !important;
+}
+
 .d-x24 {
   right: var(--dt-space-550) !important;
   left: var(--dt-space-550) !important;
@@ -26818,6 +26945,11 @@ body {
   bottom: var(--dt-space-500) !important;
 }
 
+.d-y20 {
+  top: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+}
+
 .d-y24 {
   top: var(--dt-space-550) !important;
   bottom: var(--dt-space-550) !important;
@@ -26973,6 +27105,11 @@ body {
   bottom: var(--dt-space-500) !important;
 }
 
+.d-y20 {
+  top: var(--dt-space-525) !important;
+  bottom: var(--dt-space-525) !important;
+}
+
 .d-y24 {
   top: var(--dt-space-550) !important;
   bottom: var(--dt-space-550) !important;
@@ -27120,6 +27257,10 @@ body {
   top: var(--dt-space-500) !important;
 }
 
+.d-t20 {
+  top: var(--dt-space-525) !important;
+}
+
 .d-t24 {
   top: var(--dt-space-550) !important;
 }
@@ -27244,6 +27385,10 @@ body {
   top: var(--dt-space-500) !important;
 }
 
+.d-t20 {
+  top: var(--dt-space-525) !important;
+}
+
 .d-t24 {
   top: var(--dt-space-550) !important;
 }
@@ -27368,6 +27513,10 @@ body {
   right: var(--dt-space-500) !important;
 }
 
+.d-r20 {
+  right: var(--dt-space-525) !important;
+}
+
 .d-r24 {
   right: var(--dt-space-550) !important;
 }
@@ -27492,6 +27641,10 @@ body {
   right: var(--dt-space-500) !important;
 }
 
+.d-r20 {
+  right: var(--dt-space-525) !important;
+}
+
 .d-r24 {
   right: var(--dt-space-550) !important;
 }
@@ -27616,6 +27769,10 @@ body {
   bottom: var(--dt-space-500) !important;
 }
 
+.d-b20 {
+  bottom: var(--dt-space-525) !important;
+}
+
 .d-b24 {
   bottom: var(--dt-space-550) !important;
 }
@@ -27740,6 +27897,10 @@ body {
   bottom: var(--dt-space-500) !important;
 }
 
+.d-b20 {
+  bottom: var(--dt-space-525) !important;
+}
+
 .d-b24 {
   bottom: var(--dt-space-550) !important;
 }
@@ -27864,6 +28025,10 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-l20 {
+  left: var(--dt-space-525) !important;
+}
+
 .d-l24 {
   left: var(--dt-space-550) !important;
 }
@@ -27988,6 +28153,10 @@ body {
   left: var(--dt-space-500) !important;
 }
 
+.d-l20 {
+  left: var(--dt-space-525) !important;
+}
+
 .d-l24 {
   left: var(--dt-space-550) !important;
 }
@@ -28112,6 +28281,10 @@ body {
   height: var(--dt-size-500) !important;
 }
 
+.d-h20 {
+  height: var(--dt-size-525) !important;
+}
+
 .d-h24 {
   height: var(--dt-size-550) !important;
 }
@@ -28244,6 +28417,10 @@ body {
   height: var(--dt-size-500) !important;
 }
 
+.d-h20 {
+  height: var(--dt-size-525) !important;
+}
+
 .d-h24 {
   height: var(--dt-size-550) !important;
 }
@@ -28376,6 +28553,10 @@ body {
   max-height: var(--dt-size-500) !important;
 }
 
+.d-hmx20 {
+  max-height: var(--dt-size-525) !important;
+}
+
 .d-hmx24 {
   max-height: var(--dt-size-550) !important;
 }
@@ -28508,6 +28689,10 @@ body {
   max-height: var(--dt-size-500) !important;
 }
 
+.d-hmx20 {
+  max-height: var(--dt-size-525) !important;
+}
+
 .d-hmx24 {
   max-height: var(--dt-size-550) !important;
 }
@@ -28640,6 +28825,10 @@ body {
   min-height: var(--dt-size-500) !important;
 }
 
+.d-hmn20 {
+  min-height: var(--dt-size-525) !important;
+}
+
 .d-hmn24 {
   min-height: var(--dt-size-550) !important;
 }
@@ -28772,6 +28961,10 @@ body {
   min-height: var(--dt-size-500) !important;
 }
 
+.d-hmn20 {
+  min-height: var(--dt-size-525) !important;
+}
+
 .d-hmn24 {
   min-height: var(--dt-size-550) !important;
 }
@@ -28904,6 +29097,10 @@ body {
   width: var(--dt-size-500) !important;
 }
 
+.d-w20 {
+  width: var(--dt-size-525) !important;
+}
+
 .d-w24 {
   width: var(--dt-size-550) !important;
 }
@@ -29036,6 +29233,10 @@ body {
   width: var(--dt-size-500) !important;
 }
 
+.d-w20 {
+  width: var(--dt-size-525) !important;
+}
+
 .d-w24 {
   width: var(--dt-size-550) !important;
 }
@@ -29168,6 +29369,10 @@ body {
   min-width: var(--dt-size-500) !important;
 }
 
+.d-wmn20 {
+  min-width: var(--dt-size-525) !important;
+}
+
 .d-wmn24 {
   min-width: var(--dt-size-550) !important;
 }
@@ -29300,6 +29505,10 @@ body {
   min-width: var(--dt-size-500) !important;
 }
 
+.d-wmn20 {
+  min-width: var(--dt-size-525) !important;
+}
+
 .d-wmn24 {
   min-width: var(--dt-size-550) !important;
 }
@@ -29432,6 +29641,10 @@ body {
   max-width: var(--dt-size-500) !important;
 }
 
+.d-wmx20 {
+  max-width: var(--dt-size-525) !important;
+}
+
 .d-wmx24 {
   max-width: var(--dt-size-550) !important;
 }
@@ -29564,6 +29777,10 @@ body {
   max-width: var(--dt-size-500) !important;
 }
 
+.d-wmx20 {
+  max-width: var(--dt-size-525) !important;
+}
+
 .d-wmx24 {
   max-width: var(--dt-size-550) !important;
 }
@@ -29696,6 +29913,10 @@ body {
   margin: var(--dt-space-500) !important;
 }
 
+.d-m20 {
+  margin: var(--dt-space-525) !important;
+}
+
 .d-m24 {
   margin: var(--dt-space-550) !important;
 }
@@ -29804,6 +30025,10 @@ body {
   margin: var(--dt-space-500) !important;
 }
 
+.d-m20 {
+  margin: var(--dt-space-525) !important;
+}
+
 .d-m24 {
   margin: var(--dt-space-550) !important;
 }
@@ -29920,6 +30145,11 @@ body {
   margin-right: var(--dt-space-500) !important;
 }
 
+.d-mx20 {
+  margin-left: var(--dt-space-525) !important;
+  margin-right: var(--dt-space-525) !important;
+}
+
 .d-mx24 {
   margin-left: var(--dt-space-550) !important;
   margin-right: var(--dt-space-550) !important;
@@ -30055,6 +30285,11 @@ body {
   margin-right: var(--dt-space-500) !important;
 }
 
+.d-mx20 {
+  margin-left: var(--dt-space-525) !important;
+  margin-right: var(--dt-space-525) !important;
+}
+
 .d-mx24 {
   margin-left: var(--dt-space-550) !important;
   margin-right: var(--dt-space-550) !important;
@@ -30190,6 +30425,11 @@ body {
   margin-bottom: var(--dt-space-500) !important;
 }
 
+.d-my20 {
+  margin-top: var(--dt-space-525) !important;
+  margin-bottom: var(--dt-space-525) !important;
+}
+
 .d-my24 {
   margin-top: var(--dt-space-550) !important;
   margin-bottom: var(--dt-space-550) !important;
@@ -30325,6 +30565,11 @@ body {
   margin-bottom: var(--dt-space-500) !important;
 }
 
+.d-my20 {
+  margin-top: var(--dt-space-525) !important;
+  margin-bottom: var(--dt-space-525) !important;
+}
+
 .d-my24 {
   margin-top: var(--dt-space-550) !important;
   margin-bottom: var(--dt-space-550) !important;
@@ -30452,6 +30697,10 @@ body {
   margin-top: var(--dt-space-500) !important;
 }
 
+.d-mt20 {
+  margin-top: var(--dt-space-525) !important;
+}
+
 .d-mt24 {
   margin-top: var(--dt-space-550) !important;
 }
@@ -30560,6 +30809,10 @@ body {
   margin-top: var(--dt-space-500) !important;
 }
 
+.d-mt20 {
+  margin-top: var(--dt-space-525) !important;
+}
+
 .d-mt24 {
   margin-top: var(--dt-space-550) !important;
 }
@@ -30668,6 +30921,10 @@ body {
   margin-right: var(--dt-space-500) !important;
 }
 
+.d-mr20 {
+  margin-right: var(--dt-space-525) !important;
+}
+
 .d-mr24 {
   margin-right: var(--dt-space-550) !important;
 }
@@ -30776,6 +31033,10 @@ body {
   margin-right: var(--dt-space-500) !important;
 }
 
+.d-mr20 {
+  margin-right: var(--dt-space-525) !important;
+}
+
 .d-mr24 {
   margin-right: var(--dt-space-550) !important;
 }
@@ -30884,6 +31145,10 @@ body {
   margin-bottom: var(--dt-space-500) !important;
 }
 
+.d-mb20 {
+  margin-bottom: var(--dt-space-525) !important;
+}
+
 .d-mb24 {
   margin-bottom: var(--dt-space-550) !important;
 }
@@ -30992,6 +31257,10 @@ body {
   margin-bottom: var(--dt-space-500) !important;
 }
 
+.d-mb20 {
+  margin-bottom: var(--dt-space-525) !important;
+}
+
 .d-mb24 {
   margin-bottom: var(--dt-space-550) !important;
 }
@@ -31100,6 +31369,10 @@ body {
   margin-left: var(--dt-space-500) !important;
 }
 
+.d-ml20 {
+  margin-left: var(--dt-space-525) !important;
+}
+
 .d-ml24 {
   margin-left: var(--dt-space-550) !important;
 }
@@ -31208,6 +31481,10 @@ body {
   margin-left: var(--dt-space-500) !important;
 }
 
+.d-ml20 {
+  margin-left: var(--dt-space-525) !important;
+}
+
 .d-ml24 {
   margin-left: var(--dt-space-550) !important;
 }
@@ -31316,6 +31593,10 @@ body {
   padding: var(--dt-space-500) !important;
 }
 
+.d-p20 {
+  padding: var(--dt-space-525) !important;
+}
+
 .d-p24 {
   padding: var(--dt-space-550) !important;
 }
@@ -31372,6 +31653,10 @@ body {
   padding: var(--dt-space-500) !important;
 }
 
+.d-p20 {
+  padding: var(--dt-space-525) !important;
+}
+
 .d-p24 {
   padding: var(--dt-space-550) !important;
 }
@@ -31436,6 +31721,11 @@ body {
   padding-right: var(--dt-space-500) !important;
 }
 
+.d-px20 {
+  padding-left: var(--dt-space-525) !important;
+  padding-right: var(--dt-space-525) !important;
+}
+
 .d-px24 {
   padding-left: var(--dt-space-550) !important;
   padding-right: var(--dt-space-550) !important;
@@ -31506,6 +31796,11 @@ body {
   padding-right: var(--dt-space-500) !important;
 }
 
+.d-px20 {
+  padding-left: var(--dt-space-525) !important;
+  padding-right: var(--dt-space-525) !important;
+}
+
 .d-px24 {
   padding-left: var(--dt-space-550) !important;
   padding-right: var(--dt-space-550) !important;
@@ -31576,6 +31871,11 @@ body {
   padding-bottom: var(--dt-space-500) !important;
 }
 
+.d-py20 {
+  padding-top: var(--dt-space-525) !important;
+  padding-bottom: var(--dt-space-525) !important;
+}
+
 .d-py24 {
   padding-top: var(--dt-space-550) !important;
   padding-bottom: var(--dt-space-550) !important;
@@ -31646,6 +31946,11 @@ body {
   padding-bottom: var(--dt-space-500) !important;
 }
 
+.d-py20 {
+  padding-top: var(--dt-space-525) !important;
+  padding-bottom: var(--dt-space-525) !important;
+}
+
 .d-py24 {
   padding-top: var(--dt-space-550) !important;
   padding-bottom: var(--dt-space-550) !important;
@@ -31708,6 +32013,10 @@ body {
   padding-top: var(--dt-space-500) !important;
 }
 
+.d-pt20 {
+  padding-top: var(--dt-space-525) !important;
+}
+
 .d-pt24 {
   padding-top: var(--dt-space-550) !important;
 }
@@ -31764,6 +32073,10 @@ body {
   padding-top: var(--dt-space-500) !important;
 }
 
+.d-pt20 {
+  padding-top: var(--dt-space-525) !important;
+}
+
 .d-pt24 {
   padding-top: var(--dt-space-550) !important;
 }
@@ -31820,6 +32133,10 @@ body {
   padding-right: var(--dt-space-500) !important;
 }
 
+.d-pr20 {
+  padding-right: var(--dt-space-525) !important;
+}
+
 .d-pr24 {
   padding-right: var(--dt-space-550) !important;
 }
@@ -31876,6 +32193,10 @@ body {
   padding-right: var(--dt-space-500) !important;
 }
 
+.d-pr20 {
+  padding-right: var(--dt-space-525) !important;
+}
+
 .d-pr24 {
   padding-right: var(--dt-space-550) !important;
 }
@@ -31932,6 +32253,10 @@ body {
   padding-bottom: var(--dt-space-500) !important;
 }
 
+.d-pb20 {
+  padding-bottom: var(--dt-space-525) !important;
+}
+
 .d-pb24 {
   padding-bottom: var(--dt-space-550) !important;
 }
@@ -31988,6 +32313,10 @@ body {
   padding-bottom: var(--dt-space-500) !important;
 }
 
+.d-pb20 {
+  padding-bottom: var(--dt-space-525) !important;
+}
+
 .d-pb24 {
   padding-bottom: var(--dt-space-550) !important;
 }
@@ -32044,6 +32373,10 @@ body {
   padding-left: var(--dt-space-500) !important;
 }
 
+.d-pl20 {
+  padding-left: var(--dt-space-525) !important;
+}
+
 .d-pl24 {
   padding-left: var(--dt-space-550) !important;
 }
@@ -32100,6 +32433,10 @@ body {
   padding-left: var(--dt-space-500) !important;
 }
 
+.d-pl20 {
+  padding-left: var(--dt-space-525) !important;
+}
+
 .d-pl24 {
   padding-left: var(--dt-space-550) !important;
 }