/** Break After **/
.d-break-after-all {
break-after: all;
}
.d-break-after-auto {
break-after: auto;
}
.d-break-after-avoid {
break-after: avoid;
}
.d-break-after-avoid-page {
break-after: avoid-page;
}
.d-break-after-column {
break-after: column;
}
.d-break-after-left {
break-after: left;
}
.d-break-after-page {
break-after: page;
}
.d-break-after-right {
break-after: right;
}

/** Break Before **/
.d-break-before-all {
break-before: all;
}
.d-break-before-auto {
break-before: auto;
}
.d-break-before-avoid {
break-before: avoid;
}
.d-break-before-avoid-page {
break-before: avoid-page;
}
.d-break-before-column {
break-before: column;
}
.d-break-before-left {
break-before: left;
}
.d-break-before-page {
break-before: page;
}
.d-break-before-right {
break-before: right;
}

/** Break Inside **/
.d-break-inside-auto {
break-inside: auto;
}
.d-break-inside-avoid {
break-inside: avoid;
}
.d-break-inside-avoid-column {
break-inside: avoid-column;
}
.d-break-inside-avoid-page {
break-inside: avoid-page;
}

/** Box Decoration Break **/
.d-box-decoration-clone {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.d-box-decoration-slice {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}
.d-decoration-clone {
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
.d-decoration-slice {
-webkit-box-decoration-break: slice;
box-decoration-break: slice;
}

/** Box Sizing **/
.d-box-border {
box-sizing: border-box;
}
.d-box-content {
box-sizing: content-box;
}

/** Float **/
.d-float-end {
float: inline-end;
}
[dir=ltr] .d-float-left {
float: left;
}
[dir=rtl] .d-float-left {
float: right;
}
.d-float-none {
float: none;
}
[dir=ltr] .d-float-right {
float: right;
}
[dir=rtl] .d-float-right {
float: left;
}
.d-float-start {
float: inline-start;
}

/** Display **/
.d-block {
display: block;
}
.d-contents {
display: contents;
}
.d-flex {
display: flex;
}
.d-flow-root {
display: flow-root;
}
.d-grid {
display: grid;
}
.d-hidden {
display: none;
}
.d-inline {
display: inline;
}
.d-inline-block {
display: inline-block;
}
.d-inline-flex {
display: inline-flex;
}
.d-inline-grid {
display: inline-grid;
}
.d-inline-table {
display: inline-table;
}
.d-list-item {
display: list-item;
}
.d-table {
display: table;
}
.d-table-caption {
display: table-caption;
}
.d-table-cell {
display: table-cell;
}
.d-table-column {
display: table-column;
}
.d-table-column-group {
display: table-column-group;
}
.d-table-footer-group {
display: table-footer-group;
}
.d-table-header-group {
display: table-header-group;
}
.d-table-row {
display: table-row;
}
.d-table-row-group {
display: table-row-group;
}

/** Position **/
.d-absolute {
position: absolute;
}
.d-fixed {
position: fixed;
}
.d-relative {
position: relative;
}
.d-static {
position: static;
}
.d-sticky {
position: sticky;
}

/** Overflow **/
.d-overflow-auto {
overflow: auto;
}
.d-overflow-clip {
overflow: clip;
}
.d-overflow-hidden {
overflow: hidden;
}
.d-overflow-scroll {
overflow: scroll;
}
.d-overflow-visible {
overflow: visible;
}
.d-overflow-x-auto {
overflow-x: auto;
}
.d-overflow-x-clip {
overflow-x: clip;
}
.d-overflow-x-hidden {
overflow-x: hidden;
}
.d-overflow-x-scroll {
overflow-x: scroll;
}
.d-overflow-x-visible {
overflow-x: visible;
}
.d-overflow-y-auto {
overflow-y: auto;
}
.d-overflow-y-clip {
overflow-y: clip;
}
.d-overflow-y-hidden {
overflow-y: hidden;
}
.d-overflow-y-scroll {
overflow-y: scroll;
}
.d-overflow-y-visible {
overflow-y: visible;
}

/** Overscroll Behavior **/
.d-overscroll-auto {
overscroll-behavior: auto;
}
.d-overscroll-contain {
overscroll-behavior: contain;
}
.d-overscroll-none {
overscroll-behavior: none;
}
.d-overscroll-x-auto {
overscroll-behavior-x: auto;
}
.d-overscroll-x-contain {
overscroll-behavior-x: contain;
}
.d-overscroll-x-none {
overscroll-behavior-x: none;
}
.d-overscroll-y-auto {
overscroll-behavior-y: auto;
}
.d-overscroll-y-contain {
overscroll-behavior-y: contain;
}
.d-overscroll-y-none {
overscroll-behavior-y: none;
}

/** Visibility **/
.d-collapse {
visibility: collapse;
}
.d-invisible {
visibility: hidden;
}
.d-visible {
visibility: visible;
}

/** Clear **/
.d-clear-both {
clear: both;
}
.d-clear-end {
clear: inline-end;
}
[dir=ltr] .d-clear-left {
clear: left;
}
[dir=rtl] .d-clear-left {
clear: right;
}
.d-clear-none {
clear: none;
}
[dir=ltr] .d-clear-right {
clear: right;
}
[dir=rtl] .d-clear-right {
clear: left;
}
.d-clear-start {
clear: inline-start;
}

/** Object Fit **/
.d-object-contain {
object-fit: contain;
}
.d-object-cover {
object-fit: cover;
}
.d-object-fill {
object-fit: fill;
}
.d-object-none {
object-fit: none;
}
.d-object-scale-down {
object-fit: scale-down;
}

/** Object Position **/
.d-object-bottom {
object-position: bottom;
}
[dir=ltr] .d-object-bottom-left {
object-position: left bottom;
}
[dir=rtl] .d-object-bottom-left {
object-position: right bottom;
}
[dir=ltr] .d-object-bottom-right {
object-position: right bottom;
}
[dir=rtl] .d-object-bottom-right {
object-position: left bottom;
}
.d-object-center {
object-position: center;
}
[dir=ltr] .d-object-left {
object-position: left;
}
[dir=rtl] .d-object-left {
object-position: right;
}
[dir=ltr] .d-object-right {
object-position: right;
}
[dir=rtl] .d-object-right {
object-position: left;
}
.d-object-top {
object-position: top;
}
[dir=ltr] .d-object-top-left {
object-position: left top;
}
[dir=rtl] .d-object-top-left {
object-position: right top;
}
[dir=ltr] .d-object-top-right {
object-position: right top;
}
[dir=rtl] .d-object-top-right {
object-position: left top;
}

/** Flex Direction **/
.d-flex-col {
flex-direction: column;
}
.d-flex-col-reverse {
flex-direction: column-reverse;
}
.d-flex-row {
flex-direction: row;
}
.d-flex-row-reverse {
flex-direction: row-reverse;
}

/** Flex Wrap **/
.d-flex-nowrap {
flex-wrap: nowrap;
}
.d-flex-wrap {
flex-wrap: wrap;
}
.d-flex-wrap-reverse {
flex-wrap: wrap-reverse;
}

/** Flex **/
.d-flex-1 {
flex: 1 ;
}
.d-flex-auto {
flex: auto ;
}
.d-flex-initial {
flex: 0 auto ;
}
.d-flex-none {
flex: none;
}

/** Flex Shrink **/
.d-flex-shrink {
flex-shrink: 1;
}
.d-flex-shrink-0 {
flex-shrink: 0;
}
.d-shrink {
flex-shrink: 1;
}
.d-shrink-0 {
flex-shrink: 0;
}

/** Flex Grow **/
.d-flex-grow {
flex-grow: 1;
}
.d-grow {
flex-grow: 1;
}

/** Flex Basis **/
.d-basis-0 {
flex-basis: 0% ;
}
.d-basis-auto {
flex-basis: auto ;
}
.d-basis-full {
flex-basis: 100% ;
}

/** Padding **/
.d-p-0 {
padding: 0 ;
}

/** Isolation **/
.d-isolate {
isolation: isolate;
}
.d-isolation-auto {
isolation: auto;
}

/** Z-Index **/
.d-z-auto {
z-index: auto;
}

/** Order **/
.d-order-first {
order: -9999;
}
.d-order-last {
order: 9999;
}
.d-order-none {
order: 0;
}

/** Grid Template Columns **/
.d-grid-cols-none {
grid-template-columns: none;
}
.d-grid-cols-subgrid {
grid-template-columns: subgrid;
}

/** Grid Column **/
.d-col-span-full {
grid-column: 1/-1;
}
.d-col-auto {
grid-column: auto;
}

/** Grid Column Start **/
.d-col-start-auto {
grid-column-start: auto;
}

/** Grid Column End **/
.d-col-end-auto {
grid-column-end: auto;
}

/** Grid Template Rows **/
.d-grid-rows-none {
grid-template-rows: none;
}
.d-grid-rows-subgrid {
grid-template-rows: subgrid;
}

/** Grid Row **/
.d-row-span-full {
grid-row: 1/-1;
}
.d-row-auto {
grid-row: auto;
}

/** Grid Row Start **/
.d-row-start-auto {
grid-row-start: auto;
}

/** Grid Row End **/
.d-row-end-auto {
grid-row-end: auto;
}

/** Grid Auto Flow **/
.d-grid-flow-col-dense {
grid-auto-flow: column dense;
}
.d-grid-flow-dense {
grid-auto-flow: dense;
}
.d-grid-flow-row {
grid-auto-flow: row;
}
.d-grid-flow-row-dense {
grid-auto-flow: row dense;
}
.d-grid-flow-col {
grid-auto-flow: column;
}

/** Grid Auto Columns **/
.d-auto-cols-auto {
grid-auto-columns: auto;
}
.d-auto-cols-max {
grid-auto-columns: max-content;
}
.d-auto-cols-min {
grid-auto-columns: min-content;
}
.d-auto-cols-fr {
grid-auto-columns: minmax(0, 1fr);
}

/** Grid Auto Rows **/
.d-auto-rows-auto {
grid-auto-rows: auto;
}
.d-auto-rows-fr {
grid-auto-rows: minmax(0, 1fr);
}
.d-auto-rows-max {
grid-auto-rows: max-content;
}
.d-auto-rows-min {
grid-auto-rows: min-content;
}

/** Justify Content **/
.d-justify-around {
justify-content: space-around;
}
.d-justify-baseline {
justify-content: baseline;
}
.d-justify-between {
justify-content: space-between;
}
.d-justify-center {
justify-content: center;
}
.d-justify-center-safe {
justify-content: safe center;
}
.d-justify-end {
justify-content: flex-end;
}
.d-justify-end-safe {
justify-content: safe flex-end;
}
.d-justify-evenly {
justify-content: space-evenly;
}
.d-justify-normal {
justify-content: normal;
}
.d-justify-start {
justify-content: flex-start;
}
.d-justify-stretch {
justify-content: stretch;
}

/** Justify Items **/
.d-justify-items-center {
justify-items: center;
}
.d-justify-items-center-safe {
justify-items: safe center;
}
.d-justify-items-end {
justify-items: end;
}
.d-justify-items-end-safe {
justify-items: safe end;
}
.d-justify-items-normal {
justify-items: normal;
}
.d-justify-items-start {
justify-items: start;
}
.d-justify-items-stretch {
justify-items: stretch;
}

/** Justify Self **/
.d-justify-self-auto {
justify-self: auto;
}
.d-justify-self-center {
justify-self: center;
}
.d-justify-self-center-safe {
justify-self: safe center;
}
.d-justify-self-end {
justify-self: flex-end;
}
.d-justify-self-end-safe {
justify-self: safe flex-end;
}
.d-justify-self-start {
justify-self: flex-start;
}
.d-justify-self-stretch {
justify-self: stretch;
}

/** Align Content **/
.d-content-around {
align-content: space-around;
}
.d-content-baseline {
align-content: baseline;
}
.d-content-between {
align-content: space-between;
}
.d-content-center {
align-content: center;
}
.d-content-end {
align-content: flex-end;
}
.d-content-evenly {
align-content: space-evenly;
}
.d-content-normal {
align-content: normal;
}
.d-content-start {
align-content: flex-start;
}
.d-content-stretch {
align-content: stretch;
}

/** Align Items **/
.d-items-baseline {
align-items: baseline;
}
.d-items-baseline-last {
align-items: last baseline;
}
.d-items-center {
align-items: center;
}
.d-items-center-safe {
align-items: safe center;
}
.d-items-end {
align-items: flex-end;
}
.d-items-end-safe {
align-items: safe flex-end;
}
.d-items-start {
align-items: flex-start;
}
.d-items-stretch {
align-items: stretch;
}

/** Place Items **/
.d-place-items-baseline {
place-items: baseline;
}
.d-place-items-center {
place-items: center;
}
.d-place-items-center-safe {
place-items: safe center;
}
.d-place-items-end {
place-items: end;
}
.d-place-items-end-safe {
place-items: safe end;
}
.d-place-items-start {
place-items: start;
}
.d-place-items-stretch {
place-items: stretch;
}

/** Place Content **/
.d-place-content-around {
place-content: space-around;
}
.d-place-content-baseline {
place-content: baseline;
}
.d-place-content-between {
place-content: space-between;
}
.d-place-content-center {
place-content: center;
}
.d-place-content-center-safe {
place-content: safe center;
}
.d-place-content-end {
place-content: end;
}
.d-place-content-end-safe {
place-content: safe end;
}
.d-place-content-evenly {
place-content: space-evenly;
}
.d-place-content-start {
place-content: start;
}
.d-place-content-stretch {
place-content: stretch;
}

/** Place Self **/
.d-place-self-auto {
place-self: auto;
}
.d-place-self-center {
place-self: center;
}
.d-place-self-center-safe {
place-self: safe center;
}
.d-place-self-end {
place-self: end;
}
.d-place-self-end-safe {
place-self: safe end;
}
.d-place-self-start {
place-self: start;
}
.d-place-self-stretch {
place-self: stretch;
}

/** Align Self **/
.d-self-auto {
align-self: auto;
}
.d-self-baseline {
align-self: baseline;
}
.d-self-baseline-last {
align-self: last baseline;
}
.d-self-center {
align-self: center;
}
.d-self-center-safe {
align-self: safe center;
}
.d-self-end {
align-self: flex-end;
}
.d-self-end-safe {
align-self: safe flex-end;
}
.d-self-start {
align-self: flex-start;
}
.d-self-stretch {
align-self: stretch;
}

/** Width **/
.d-w-auto {
width: auto ;
}
.d-w-dvh {
width: 100dvh;
}
.d-w-dvw {
width: 100dvw;
}
.d-w-fit {
width: fit-content ;
}
.d-w-full {
width: 100% ;
}
.d-w-lvh {
width: 100lvh;
}
.d-w-lvw {
width: 100lvw;
}
.d-w-max {
width: max-content;
}
.d-w-min {
width: min-content;
}
.d-w-screen {
width: 100vw ;
}
.d-w-svh {
width: 100svh;
}
.d-w-svw {
width: 100svw;
}

/** Min-Width **/
.d-min-w-0 {
min-width: 0 ;
}
.d-min-w-auto {
min-width: auto ;
}
.d-min-w-dvh {
min-width: 100dvh;
}
.d-min-w-dvw {
min-width: 100dvw;
}
.d-min-w-fit {
min-width: fit-content ;
}
.d-min-w-full {
min-width: 100% ;
}
.d-min-w-lvh {
min-width: 100lvh;
}
.d-min-w-lvw {
min-width: 100lvw;
}
.d-min-w-max {
min-width: max-content;
}
.d-min-w-min {
min-width: min-content;
}
.d-min-w-px {
min-width: var(--zd_size1) ;
}
.d-min-w-screen {
min-width: 100vw ;
}
.d-min-w-svh {
min-width: 100svh;
}
.d-min-w-svw {
min-width: 100svw;
}

/** Max-Width **/
.d-max-w-dvh {
max-width: 100dvh;
}
.d-max-w-dvw {
max-width: 100dvw;
}
.d-max-w-fit {
max-width: fit-content ;
}
.d-max-w-full {
max-width: 100% ;
}
.d-max-w-lvh {
max-width: 100lvh;
}
.d-max-w-lvw {
max-width: 100lvw;
}
.d-max-w-max {
max-width: max-content;
}
.d-max-w-min {
max-width: min-content;
}
.d-max-w-none {
max-width: none;
}
.d-max-w-px {
max-width: var(--zd_size1) ;
}
.d-max-w-screen {
max-width: 100vw ;
}
.d-max-w-svh {
max-width: 100svh;
}
.d-max-w-svw {
max-width: 100svw;
}

/** Height **/
.d-h-auto {
height: auto ;
}
.d-h-dvh {
height: 100dvh;
}
.d-h-dvw {
height: 100dvw;
}
.d-h-fit {
height: fit-content ;
}
.d-h-full {
height: 100% ;
}
.d-h-lh {
height: 1lh;
}
.d-h-lvh {
height: 100lvh;
}
.d-h-lvw {
height: 100lvw;
}
.d-h-max {
height: max-content;
}
.d-h-min {
height: min-content;
}
.d-h-px {
height: var(--zd_size1) ;
}
.d-h-screen {
height: 100vh ;
}
.d-h-svh {
height: 100svh;
}
.d-h-svw {
height: 100svw;
}

/** Max-Height **/
.d-max-h-dvh {
max-height: 100dvh;
}
.d-max-h-dvw {
max-height: 100dvw;
}
.d-max-h-fit {
max-height: fit-content ;
}
.d-max-h-full {
max-height: 100% ;
}
.d-max-h-lh {
max-height: 1lh;
}
.d-max-h-lvh {
max-height: 100lvh;
}
.d-max-h-lvw {
max-height: 100lvw;
}
.d-max-h-max {
max-height: max-content;
}
.d-max-h-min {
max-height: min-content;
}
.d-max-h-none {
max-height: none;
}
.d-max-h-px {
max-height: var(--zd_size1) ;
}
.d-max-h-screen {
max-height: 100vh ;
}
.d-max-h-svh {
max-height: 100svh;
}
.d-max-h-svw {
max-height: 100svw;
}

/** Min-Height **/
.d-min-h-0 {
min-height: 0 ;
}
.d-min-h-auto {
min-height: auto ;
}
.d-min-h-dvh {
min-height: 100dvh;
}
.d-min-h-dvw {
min-height: 100dvw;
}
.d-min-h-fit {
min-height: fit-content ;
}
.d-min-h-full {
min-height: 100% ;
}
.d-min-h-lh {
min-height: 1lh;
}
.d-min-h-lvh {
min-height: 100lvh;
}
.d-min-h-lvw {
min-height: 100lvw;
}
.d-min-h-max {
min-height: max-content;
}
.d-min-h-min {
min-height: min-content;
}
.d-min-h-px {
min-height: var(--zd_size1) ;
}
.d-min-h-screen {
min-height: 100vh ;
}
.d-min-h-svh {
min-height: 100svh;
}
.d-min-h-svw {
min-height: 100svw;
}

/** Height & Width **/
.d-size-auto {
width: auto ;
height: auto ;
}
.d-size-dvh {
width: 100dvh;
height: 100dvh;
}
.d-size-dvw {
width: 100dvw;
height: 100dvw;
}
.d-size-fit {
width: fit-content ;
height: fit-content ;
}
.d-size-full {
width: 100% ;
height: 100% ;
}
.d-size-lvh {
width: 100lvh;
height: 100lvh;
}
.d-size-lvw {
width: 100lvw;
height: 100lvw;
}
.d-size-max {
width: max-content;
height: max-content;
}
.d-size-min {
width: min-content;
height: min-content;
}
.d-size-px {
width: var(--zd_size1) ;
height: var(--zd_size1) ;
}
.d-size-svh {
width: 100svh;
height: 100svh;
}
.d-size-svw {
width: 100svw;
height: 100svw;
}

/** Font Smoothing **/
.d-antialiased {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.d-subpixel-antialiased {
-webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}

/** Text Transform **/
.d-capitalize {
text-transform: capitalize;
}
.d-lowercase {
text-transform: lowercase;
}
.d-normal-case {
text-transform: none;
}
.d-uppercase {
text-transform: uppercase;
}

/** Font Style **/
.d-italic {
font-style: italic;
}
.d-not-italic {
font-style: normal;
}

/** Font Weight **/
.d-font-light {
font-weight: var(--zd-fw-light, 300);
}
.d-font-normal {
font-weight: var(--zd-fw-normal, 400);
}
.d-font-semibold {
font-weight: var(--zd-fw-semibold, 600);
}
.d-font-bold {
font-weight: var(--zd-fw-bold, 700);
}

/** List Style Type **/
.d-list-decimal {
list-style-type: decimal;
}
.d-list-disc {
list-style-type: disc;
}

/** List Style Image **/
.d-list-image-none {
list-style-image: none;
}

/** List Style Position **/
.d-list-inside {
list-style-position: inside;
}
.d-list-outside {
list-style-position: outside;
}

/** Text Align **/
.d-text-center {
text-align: center;
}
.d-text-end {
text-align: end;
}
.d-text-justify {
text-align: justify;
}
[dir=ltr] .d-text-left {
text-align: left;
}
[dir=rtl] .d-text-left {
text-align: right;
}
[dir=ltr] .d-text-right {
text-align: right;
}
[dir=rtl] .d-text-right {
text-align: left;
}
.d-text-start {
text-align: start;
}

/** Text Decoration **/
.d-line-through {
text-decoration-line: line-through;
}
.d-no-underline {
text-decoration-line: none;
}
.d-overline {
text-decoration-line: overline;
}
.d-underline {
text-decoration-line: underline;
}

/** Text Decoration Style **/
.d-decoration-dashed {
text-decoration-style: dashed;
}
.d-decoration-dotted {
text-decoration-style: dotted;
}
.d-decoration-double {
text-decoration-style: double;
}
.d-decoration-solid {
text-decoration-style: solid;
}
.d-decoration-wavy {
text-decoration-style: wavy;
}

/** Text Decoration Thickness **/
.d-decoration-auto {
text-decoration-thickness: auto;
}
.d-decoration-from-font {
text-decoration-thickness: from-font;
}

/** Text Underline Offset **/
.d-underline-offset-auto {
text-underline-offset: auto;
}

/** Text Overflow **/
.d-text-clip {
text-overflow: clip;
}
.d-text-ellipsis {
text-overflow: ellipsis;
}

/** Text Wrap **/
.d-text-balance {
text-wrap: balance;
}
.d-text-nowrap {
text-wrap: nowrap;
}
.d-text-pretty {
text-wrap: pretty;
}
.d-text-wrap {
text-wrap: wrap;
}

/** Vertical Align **/
.d-align-baseline {
vertical-align: baseline;
}
.d-align-bottom {
vertical-align: bottom;
}
.d-align-middle {
vertical-align: middle;
}
.d-align-sub {
vertical-align: sub;
}
.d-align-super {
vertical-align: super;
}
.d-align-text-bottom {
vertical-align: text-bottom;
}
.d-align-text-top {
vertical-align: text-top;
}
.d-align-top {
vertical-align: top;
}

/** White Space **/
.d-whitespace-normal {
white-space: normal;
}
.d-whitespace-nowrap {
white-space: nowrap;
}
.d-whitespace-pre {
white-space: pre;
}
.d-whitespace-pre-line {
white-space: pre-line;
}
.d-whitespace-pre-wrap {
white-space: pre-wrap;
}
.d-whitespace-break-spaces {
white-space: break-spaces;
}

/** Word Break **/
.d-break-normal {
overflow-wrap: normal;
word-break: normal;
}
.d-break-all {
word-break: break-all;
}
.d-break-keep {
word-break: keep-all;
}

/** Overflow Wrap **/
.d-wrap-anywhere {
overflow-wrap: anywhere;
}
.d-wrap-break-word {
overflow-wrap: break-word;
}
.d-wrap-normal {
overflow-wrap: normal;
}

/** Hyphens **/
.d-hyphens-auto {
-webkit-hyphens: auto;
hyphens: auto;
}
.d-hyphens-manual {
-webkit-hyphens: manual;
hyphens: manual;
}
.d-hyphens-none {
-webkit-hyphens: none;
hyphens: none;
}

/** Content **/
.d-content-none {
content: none;
}

/** Background Attachment **/
.d-bg-fixed {
background-attachment: fixed;
}
.d-bg-local {
background-attachment: local;
}
.d-bg-scroll {
background-attachment: scroll;
}

/** Background Clip **/
.d-bg-clip-border {
background-clip: border-box;
}
.d-bg-clip-content {
background-clip: content-box;
}
.d-bg-clip-padding {
background-clip: padding-box;
}
.d-bg-clip-text {
-webkit-background-clip: text;
background-clip: text;
}

/** Background Origin **/
.d-bg-origin-border {
background-origin: border-box;
}
.d-bg-origin-content {
background-origin: content-box;
}
.d-bg-origin-padding {
background-origin: padding-box;
}

/** Background Color **/
.d-bg-inherit {
background-color: inherit;
}
.d-bg-transparent {
background-color: transparent;
}
.d-bg-current {
background-color: currentColor;
}

/** Background Image **/
.d-bg-none {
background-image: none;
}

/** Background Position **/
.d-bg-bottom {
background-position: bottom;
}
[dir=ltr] .d-bg-bottom-left {
background-position: 0 100%;
}
[dir=rtl] .d-bg-bottom-left {
background-position: 100% 100%;
}
[dir=ltr] .d-bg-bottom-right {
background-position: 100% 100%;
}
[dir=rtl] .d-bg-bottom-right {
background-position: 0% 100%;
}
.d-bg-center {
background-position: 50%;
}
[dir=ltr] .d-bg-left {
background-position: 0;
}
[dir=rtl] .d-bg-left {
background-position: 100%;
}
[dir=ltr] .d-bg-right {
background-position: 100%;
}
[dir=rtl] .d-bg-right {
background-position: 0%;
}
.d-bg-top {
background-position: top;
}
[dir=ltr] .d-bg-top-left {
background-position: 0 0;
}
[dir=rtl] .d-bg-top-left {
background-position: 100% 0;
}
[dir=ltr] .d-bg-top-right {
background-position: 100% 0;
}
[dir=rtl] .d-bg-top-right {
background-position: 0% 0;
}

/** Background Repeat **/
.d-bg-no-repeat {
background-repeat: no-repeat;
}
.d-bg-repeat {
background-repeat: repeat;
}
.d-bg-repeat-round {
background-repeat: round;
}
.d-bg-repeat-space {
background-repeat: space;
}
.d-bg-repeat-x {
background-repeat: repeat-x;
}
.d-bg-repeat-y {
background-repeat: repeat-y;
}

/** Background Size **/
.d-bg-auto {
background-size: auto;
}
.d-bg-contain {
background-size: contain;
}
.d-bg-cover {
background-size: cover;
}

/** Border Color **/
.d-border-current {
border-color: currentColor;
}
.d-border-transparent {
border-color: transparent;
}

/** Text Color **/
.d-text-inherit {
color: inherit;
}
.d-text-current {
color: currentColor;
}
.d-text-transparent {
color: transparent;
}

/** Border Style **/
.d-border-dashed {
border-style: dashed;
}
.d-border-dotted {
border-style: dotted;
}
.d-border-double {
border-style: double;
}
.d-border-hidden {
border-style: hidden;
}
.d-border-none {
border-style: none;
}
.d-border-solid {
border-style: solid;
}

/** Cursor **/
.d-cursor-alias {
cursor: alias;
}
.d-cursor-all-scroll {
cursor: all-scroll;
}
.d-cursor-auto {
cursor: auto;
}
.d-cursor-cell {
cursor: cell;
}
.d-cursor-col-resize {
cursor: col-resize;
}
.d-cursor-context-menu {
cursor: context-menu;
}
.d-cursor-copy {
cursor: copy;
}
.d-cursor-crosshair {
cursor: crosshair;
}
.d-cursor-default {
cursor: default;
}
.d-cursor-e-resize {
cursor: e-resize;
}
.d-cursor-ew-resize {
cursor: ew-resize;
}
.d-cursor-grab {
cursor: grab;
}
.d-cursor-grabbing {
cursor: grabbing;
}
.d-cursor-help {
cursor: help;
}
.d-cursor-move {
cursor: move;
}
.d-cursor-n-resize {
cursor: n-resize;
}
[dir=ltr] .d-cursor-ne-resize {
cursor: ne-resize;
}
[dir=rtl] .d-cursor-ne-resize {
cursor: nw-resize;
}
[dir=ltr] .d-cursor-nesw-resize {
cursor: nesw-resize;
}
[dir=rtl] .d-cursor-nesw-resize {
cursor: nwse-resize;
}
.d-cursor-no-drop {
cursor: no-drop;
}
.d-cursor-none {
cursor: none;
}
.d-cursor-not-allowed {
cursor: not-allowed;
}
.d-cursor-ns-resize {
cursor: ns-resize;
}
[dir=ltr] .d-cursor-nw-resize {
cursor: nw-resize;
}
[dir=rtl] .d-cursor-nw-resize {
cursor: ne-resize;
}
[dir=ltr] .d-cursor-nwse-resize {
cursor: nwse-resize;
}
[dir=rtl] .d-cursor-nwse-resize {
cursor: nesw-resize;
}
.d-cursor-pointer {
cursor: pointer;
}
.d-cursor-progress {
cursor: progress;
}
.d-cursor-row-resize {
cursor: row-resize;
}
.d-cursor-s-resize {
cursor: s-resize;
}
[dir=ltr] .d-cursor-se-resize {
cursor: se-resize;
}
[dir=rtl] .d-cursor-se-resize {
cursor: sw-resize;
}
[dir=ltr] .d-cursor-sw-resize {
cursor: sw-resize;
}
[dir=rtl] .d-cursor-sw-resize {
cursor: se-resize;
}
.d-cursor-text {
cursor: text;
}
.d-cursor-vertical-text {
cursor: vertical-text;
}
.d-cursor-w-resize {
cursor: w-resize;
}
.d-cursor-wait {
cursor: wait;
}
.d-cursor-zoom-in {
cursor: zoom-in;
}
.d-cursor-zoom-out {
cursor: zoom-out;
}

/** Outline Color **/
.d-outline-inherit {
outline-color: inherit;
}
.d-outline-current {
outline-color: currentColor;
}
.d-outline-transparent {
outline-color: transparent;
}

/** Outline Style **/
.d-outline-dashed {
outline-style: dashed;
}
.d-outline-dotted {
outline-style: dotted;
}
.d-outline-double {
outline-style: double;
}
.d-outline-none {
outline-style: none;
}
.d-outline-solid {
outline-style: solid;
}

/** Outline Width **/
.d-outline-0 {
outline: 0;
}

/** Text Shadow **/
.d-text-shadow-none {
text-shadow: none;
}

/** Opacity **/
.d-opacity-0 {
opacity: 0;
}
.d-opacity-100 {
opacity: 1;
}

/** Mix Blend Mode **/
.d-mix-blend-color {
mix-blend-mode: color;
}
.d-mix-blend-color-burn {
mix-blend-mode: color-burn;
}
.d-mix-blend-color-dodge {
mix-blend-mode: color-dodge;
}
.d-mix-blend-darken {
mix-blend-mode: darken;
}
.d-mix-blend-difference {
mix-blend-mode: difference;
}
.d-mix-blend-exclusion {
mix-blend-mode: exclusion;
}
.d-mix-blend-hard-light {
mix-blend-mode: hard-light;
}
.d-mix-blend-hue {
mix-blend-mode: hue;
}
.d-mix-blend-lighten {
mix-blend-mode: lighten;
}
.d-mix-blend-luminosity {
mix-blend-mode: luminosity;
}
.d-mix-blend-multiply {
mix-blend-mode: multiply;
}
.d-mix-blend-normal {
mix-blend-mode: normal;
}
.d-mix-blend-overlay {
mix-blend-mode: overlay;
}
.d-mix-blend-plus-darker {
mix-blend-mode: plus-darker;
}
.d-mix-blend-plus-lighter {
mix-blend-mode: plus-lighter;
}
.d-mix-blend-saturation {
mix-blend-mode: saturation;
}
.d-mix-blend-screen {
mix-blend-mode: screen;
}
.d-mix-blend-soft-light {
mix-blend-mode: soft-light;
}

/** Background Blend Mode **/
.d-bg-blend-color {
background-blend-mode: color;
}
.d-bg-blend-color-burn {
background-blend-mode: color-burn;
}
.d-bg-blend-color-dodge {
background-blend-mode: color-dodge;
}
.d-bg-blend-darken {
background-blend-mode: darken;
}
.d-bg-blend-difference {
background-blend-mode: difference;
}
.d-bg-blend-exclusion {
background-blend-mode: exclusion;
}
.d-bg-blend-hard-light {
background-blend-mode: hard-light;
}
.d-bg-blend-hue {
background-blend-mode: hue;
}
.d-bg-blend-lighten {
background-blend-mode: lighten;
}
.d-bg-blend-luminosity {
background-blend-mode: luminosity;
}
.d-bg-blend-multiply {
background-blend-mode: multiply;
}
.d-bg-blend-normal {
background-blend-mode: normal;
}
.d-bg-blend-overlay {
background-blend-mode: overlay;
}
.d-bg-blend-saturation {
background-blend-mode: saturation;
}
.d-bg-blend-screen {
background-blend-mode: screen;
}
.d-bg-blend-soft-light {
background-blend-mode: soft-light;
}

/** Mask Clip **/
.d-mask-clip-border {
-webkit-mask-clip: border-box;
mask-clip: border-box;
}
.d-mask-clip-content {
-webkit-mask-clip: content-box;
mask-clip: content-box;
}
.d-mask-clip-fill {
-webkit-mask-clip: fill-box;
mask-clip: fill-box;
}
.d-mask-clip-padding {
-webkit-mask-clip: padding-box;
mask-clip: padding-box;
}
.d-mask-clip-stroke {
-webkit-mask-clip: stroke-box;
mask-clip: stroke-box;
}
.d-mask-clip-view {
-webkit-mask-clip: view-box;
mask-clip: view-box;
}
.d-mask-no-clip {
-webkit-mask-clip: no-clip;
mask-clip: no-clip;
}

/** Mask Origin **/
.d-mask-origin-border {
-webkit-mask-origin: border-box;
mask-origin: border-box;
}
.d-mask-origin-content {
-webkit-mask-origin: content-box;
mask-origin: content-box;
}
.d-mask-origin-fill {
-webkit-mask-origin: fill-box;
mask-origin: fill-box;
}
.d-mask-origin-padding {
-webkit-mask-origin: padding-box;
mask-origin: padding-box;
}
.d-mask-origin-stroke {
-webkit-mask-origin: stroke-box;
mask-origin: stroke-box;
}
.d-mask-origin-view {
-webkit-mask-origin: view-box;
mask-origin: view-box;
}

/** Mask Position **/
.d-mask-bottom {
-webkit-mask-position: bottom;
mask-position: bottom;
}
.d-mask-bottom-left {
-webkit-mask-position: 0 100%;
mask-position: 0 100%;
}
.d-mask-bottom-right {
-webkit-mask-position: 100% 100%;
mask-position: 100% 100%;
}
.d-mask-center {
-webkit-mask-position: 50%;
mask-position: 50%;
}
.d-mask-left {
-webkit-mask-position: 0;
mask-position: 0;
}
.d-mask-right {
-webkit-mask-position: 100%;
mask-position: 100%;
}
.d-mask-top {
-webkit-mask-position: top;
mask-position: top;
}
.d-mask-top-left {
-webkit-mask-position: 0 0;
mask-position: 0 0;
}
.d-mask-top-right {
-webkit-mask-position: 100% 0;
mask-position: 100% 0;
}

/** Mask Repeat **/
.d-mask-no-repeat {
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
}
.d-mask-repeat {
-webkit-mask-repeat: repeat;
mask-repeat: repeat;
}
.d-mask-repeat-round {
-webkit-mask-repeat: round;
mask-repeat: round;
}
.d-mask-repeat-space {
-webkit-mask-repeat: space;
mask-repeat: space;
}
.d-mask-repeat-x {
-webkit-mask-repeat: repeat-x;
mask-repeat: repeat-x;
}
.d-mask-repeat-y {
-webkit-mask-repeat: repeat-y;
mask-repeat: repeat-y;
}

/** Mask Size **/
.d-mask-auto {
-webkit-mask-size: auto;
mask-size: auto;
}
.d-mask-contain {
-webkit-mask-size: contain;
mask-size: contain;
}
.d-mask-cover {
-webkit-mask-size: cover;
mask-size: cover;
}

/** Mask Type **/
.d-mask-type-alpha {
mask-type: alpha;
}
.d-mask-type-luminance {
mask-type: luminance;
}

/** Filter **/
.d-filter-none {
filter: none;
}

/** Table Layout **/
.d-table-auto {
table-layout: auto;
}
.d-table-fixed {
table-layout: fixed;
}

/** Caption Side **/
.d-caption-bottom {
caption-side: bottom;
}
.d-caption-top {
caption-side: top;
}

/** Border Collapse **/
.d-border-collapse {
border-collapse: collapse;
}
.d-border-separate {
border-collapse: separate;
}

/** Transition Property **/
.d-transition-none {
transition-property: none;
}

/** Animation **/
[dir=ltr] .d-animate-none {
animation: none;
}
[dir=rtl] .d-animate-none {
animation: none;
}

/** Transform Origin **/
.d-origin-bottom {
transform-origin: bottom;
}
[dir=ltr] .d-origin-bottom-left {
transform-origin: 0 100%;
}
[dir=rtl] .d-origin-bottom-left {
transform-origin: 100% 100%;
}
[dir=ltr] .d-origin-bottom-right {
transform-origin: 100% 100%;
}
[dir=rtl] .d-origin-bottom-right {
transform-origin: 0% 100%;
}
.d-origin-center {
transform-origin: 50%;
}
[dir=ltr] .d-origin-left {
transform-origin: 0;
}
[dir=rtl] .d-origin-left {
transform-origin: 100%;
}
[dir=ltr] .d-origin-right {
transform-origin: 100%;
}
[dir=rtl] .d-origin-right {
transform-origin: 0%;
}
.d-origin-top {
transform-origin: top;
}
[dir=ltr] .d-origin-top-left {
transform-origin: 0 0;
}
[dir=rtl] .d-origin-top-left {
transform-origin: 100% 0;
}
[dir=ltr] .d-origin-top-right {
transform-origin: 100% 0;
}
[dir=rtl] .d-origin-top-right {
transform-origin: 0% 0;
}

/** Pointer Events **/
.d-pointer-events-auto {
pointer-events: auto;
}
.d-pointer-events-none {
pointer-events: none;
}

/** Touch Action **/
.d-touch-auto {
touch-action: auto;
}
.d-touch-manipulation {
touch-action: manipulation;
}
.d-touch-none {
touch-action: none;
}

/** Resize **/
.d-resize {
resize: both;
}
.d-resize-none {
resize: none;
}
.d-resize-x {
resize: horizontal;
}
.d-resize-y {
resize: vertical;
}

/** Scroll Behavior **/
.d-scroll-auto {
scroll-behavior: auto;
}
.d-scroll-smooth {
scroll-behavior: smooth;
}

/** Scroll Snap Type **/
.d-snap-none {
scroll-snap-type: none;
}

/** Scroll Snap Align **/
.d-snap-align-none {
scroll-snap-align: none;
}
.d-snap-center {
scroll-snap-align: center;
}
.d-snap-end {
scroll-snap-align: end;
}
.d-snap-start {
scroll-snap-align: start;
}
.d-snap-always {
scroll-snap-stop: always;
}
.d-snap-normal {
scroll-snap-stop: normal;
}

/** User Select **/
.d-select-all {
-webkit-user-select: all;
user-select: all;
}
.d-select-auto {
-webkit-user-select: auto;
user-select: auto;
}
.d-select-none {
-webkit-user-select: none;
user-select: none;
}
.d-select-text {
-webkit-user-select: text;
user-select: text;
}

/** Will Change **/
.d-will-change-auto {
will-change: auto;
}
.d-will-change-contents {
will-change: contents;
}
.d-will-change-scroll {
will-change: scroll-position;
}
.d-will-change-transform {
will-change: transform;
}

/** Fill **/
.d-fill-none {
fill: none;
}
.d-fill-inherit {
fill: inherit;
}
.d-fill-current {
fill: currentColor;
}

/** Stroke **/
.d-stroke-none {
stroke: none;
}
.d-stroke-inherit {
stroke: inherit;
}
.d-stroke-current {
stroke: currentColor;
}

/** Group Utilities **/
.d-truncate {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}

/** Gap **/
.d-gap-\[0px\] {
gap: 0 ;
}
.d-gap-\[1px\] {
gap: var(--zd_size1) ;
}
.d-gap-\[2px\] {
gap: var(--zd_size2) ;
}
.d-gap-\[3px\] {
gap: var(--zd_size3) ;
}
.d-gap-\[4px\] {
gap: var(--zd_size4) ;
}
.d-gap-\[5px\] {
gap: var(--zd_size5) ;
}
.d-gap-\[6px\] {
gap: var(--zd_size6) ;
}
.d-gap-\[7px\] {
gap: var(--zd_size7) ;
}
.d-gap-\[8px\] {
gap: var(--zd_size8) ;
}
.d-gap-\[9px\] {
gap: var(--zd_size9) ;
}
.d-gap-\[10px\] {
gap: var(--zd_size10) ;
}
.d-gap-\[11px\] {
gap: var(--zd_size11) ;
}
.d-gap-\[12px\] {
gap: var(--zd_size12) ;
}
.d-gap-\[13px\] {
gap: var(--zd_size13) ;
}
.d-gap-\[14px\] {
gap: var(--zd_size14) ;
}
.d-gap-\[15px\] {
gap: var(--zd_size15) ;
}
.d-gap-\[16px\] {
gap: var(--zd_size16) ;
}
.d-gap-\[17px\] {
gap: var(--zd_size17) ;
}
.d-gap-\[18px\] {
gap: var(--zd_size18) ;
}
.d-gap-\[19px\] {
gap: var(--zd_size19) ;
}
.d-gap-\[20px\] {
gap: var(--zd_size20) ;
}
.d-gap-x-\[0px\] {
column-gap: 0 ;
}
.d-gap-x-\[1px\] {
column-gap: var(--zd_size1) ;
}
.d-gap-x-\[2px\] {
column-gap: var(--zd_size2) ;
}
.d-gap-x-\[3px\] {
column-gap: var(--zd_size3) ;
}
.d-gap-x-\[4px\] {
column-gap: var(--zd_size4) ;
}
.d-gap-x-\[5px\] {
column-gap: var(--zd_size5) ;
}
.d-gap-x-\[6px\] {
column-gap: var(--zd_size6) ;
}
.d-gap-x-\[7px\] {
column-gap: var(--zd_size7) ;
}
.d-gap-x-\[8px\] {
column-gap: var(--zd_size8) ;
}
.d-gap-x-\[9px\] {
column-gap: var(--zd_size9) ;
}
.d-gap-x-\[10px\] {
column-gap: var(--zd_size10) ;
}
.d-gap-x-\[11px\] {
column-gap: var(--zd_size11) ;
}
.d-gap-x-\[12px\] {
column-gap: var(--zd_size12) ;
}
.d-gap-x-\[13px\] {
column-gap: var(--zd_size13) ;
}
.d-gap-x-\[14px\] {
column-gap: var(--zd_size14) ;
}
.d-gap-x-\[15px\] {
column-gap: var(--zd_size15) ;
}
.d-gap-x-\[16px\] {
column-gap: var(--zd_size16) ;
}
.d-gap-x-\[17px\] {
column-gap: var(--zd_size17) ;
}
.d-gap-x-\[18px\] {
column-gap: var(--zd_size18) ;
}
.d-gap-x-\[19px\] {
column-gap: var(--zd_size19) ;
}
.d-gap-x-\[20px\] {
column-gap: var(--zd_size20) ;
}
.d-gap-y-\[0px\] {
row-gap: 0 ;
}
.d-gap-y-\[1px\] {
row-gap: var(--zd_size1) ;
}
.d-gap-y-\[2px\] {
row-gap: var(--zd_size2) ;
}
.d-gap-y-\[3px\] {
row-gap: var(--zd_size3) ;
}
.d-gap-y-\[4px\] {
row-gap: var(--zd_size4) ;
}
.d-gap-y-\[5px\] {
row-gap: var(--zd_size5) ;
}
.d-gap-y-\[6px\] {
row-gap: var(--zd_size6) ;
}
.d-gap-y-\[7px\] {
row-gap: var(--zd_size7) ;
}
.d-gap-y-\[8px\] {
row-gap: var(--zd_size8) ;
}
.d-gap-y-\[9px\] {
row-gap: var(--zd_size9) ;
}
.d-gap-y-\[10px\] {
row-gap: var(--zd_size10) ;
}
.d-gap-y-\[11px\] {
row-gap: var(--zd_size11) ;
}
.d-gap-y-\[12px\] {
row-gap: var(--zd_size12) ;
}
.d-gap-y-\[13px\] {
row-gap: var(--zd_size13) ;
}
.d-gap-y-\[14px\] {
row-gap: var(--zd_size14) ;
}
.d-gap-y-\[15px\] {
row-gap: var(--zd_size15) ;
}
.d-gap-y-\[16px\] {
row-gap: var(--zd_size16) ;
}
.d-gap-y-\[17px\] {
row-gap: var(--zd_size17) ;
}
.d-gap-y-\[18px\] {
row-gap: var(--zd_size18) ;
}
.d-gap-y-\[19px\] {
row-gap: var(--zd_size19) ;
}
.d-gap-y-\[20px\] {
row-gap: var(--zd_size20) ;
}