@dot-system/css-utility 0.1.0

package/lib/utilities.plain.css

@@ -0,0 +1,2145 @@
+/** 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-auto {
+flex-basis: auto ;
+}
+.d-basis-full {
+flex-basis: 100% ;
+}
+
+/** 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-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-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;
+}
+
+/** 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;
+}
+
+/** 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;
+}
+