/* Padding */
.dt-p-0 {
    padding: var(--dt-padding-0);
}

.dt-p-1 {
    padding: var(--dt-padding-1);
}

.dt-p-2 {
    padding: var(--dt-padding-2);
}

.dt-p-3 {
    padding: var(--dt-padding-3);
}

.dt-p-4 {
    padding: var(--dt-padding-4);
}

.dt-p-5 {
    padding: var(--dt-padding-5);
}

.dt-p-6 {
    padding: var(--dt-padding-6);
}

.dt-p-8 {
    padding: var(--dt-padding-8);
}

.dt-p-10 {
    padding: var(--dt-padding-10);
}

.dt-p-12 {
    padding: var(--dt-padding-12);
}

.dt-p-16 {
    padding: var(--dt-padding-16);
}

.dt-p-20 {
    padding: var(--dt-padding-20);
}

.dt-px-0 {
    padding-left: var(--dt-padding-x-0);
    padding-right: var(--dt-padding-x-0);
}

.dt-px-1 {
    padding-left: var(--dt-padding-x-1);
    padding-right: var(--dt-padding-x-1);
}

.dt-px-2 {
    padding-left: var(--dt-padding-x-2);
    padding-right: var(--dt-padding-x-2);
}

.dt-px-3 {
    padding-left: var(--dt-padding-x-3);
    padding-right: var(--dt-padding-x-3);
}

.dt-px-4 {
    padding-left: var(--dt-padding-x-4);
    padding-right: var(--dt-padding-x-4);
}

.dt-px-5 {
    padding-left: var(--dt-padding-x-5);
    padding-right: var(--dt-padding-x-5);
}

.dt-px-6 {
    padding-left: var(--dt-padding-x-6);
    padding-right: var(--dt-padding-x-6);
}

.dt-px-8 {
    padding-left: var(--dt-padding-x-8);
    padding-right: var(--dt-padding-x-8);
}

.dt-px-10 {
    padding-left: var(--dt-padding-x-10);
    padding-right: var(--dt-padding-x-10);
}

.dt-px-12 {
    padding-left: var(--dt-padding-x-12);
    padding-right: var(--dt-padding-x-12);
}

.dt-px-16 {
    padding-left: var(--dt-padding-x-16);
    padding-right: var(--dt-padding-x-16);
}

.dt-px-20 {
    padding-left: var(--dt-padding-x-20);
    padding-right: var(--dt-padding-x-20);
}

.dt-py-0 {
    padding-top: var(--dt-padding-y-0);
    padding-bottom: var(--dt-padding-y-0);
}

.dt-py-1 {
    padding-top: var(--dt-padding-y-1);
    padding-bottom: var(--dt-padding-y-1);
}

.dt-py-2 {
    padding-top: var(--dt-padding-y-2);
    padding-bottom: var(--dt-padding-y-2);
}

.dt-py-3 {
    padding-top: var(--dt-padding-y-3);
    padding-bottom: var(--dt-padding-y-3);
}

.dt-py-4 {
    padding-top: var(--dt-padding-y-4);
    padding-bottom: var(--dt-padding-y-4);
}

.dt-py-5 {
    padding-top: var(--dt-padding-y-5);
    padding-bottom: var(--dt-padding-y-5);
}

.dt-py-6 {
    padding-top: var(--dt-padding-y-6);
    padding-bottom: var(--dt-padding-y-6);
}

.dt-py-8 {
    padding-top: var(--dt-padding-y-8);
    padding-bottom: var(--dt-padding-y-8);
}

.dt-py-10 {
    padding-top: var(--dt-padding-y-10);
    padding-bottom: var(--dt-padding-y-10);
}

.dt-py-12 {
    padding-top: var(--dt-padding-y-12);
    padding-bottom: var(--dt-padding-y-12);
}

.dt-py-16 {
    padding-top: var(--dt-padding-y-16);
    padding-bottom: var(--dt-padding-y-16);
}

.dt-py-20 {
    padding-top: var(--dt-padding-y-20);
    padding-bottom: var(--dt-padding-y-20);
}

/* Margin */
.dt-m-0 {
    margin: var(--dt-margin-0);
}

.dt-m-1 {
    margin: var(--dt-margin-1);
}

.dt-m-2 {
    margin: var(--dt-margin-2);
}

.dt-m-3 {
    margin: var(--dt-margin-3);
}

.dt-m-4 {
    margin: var(--dt-margin-4);
}

.dt-m-5 {
    margin: var(--dt-margin-5);
}

.dt-m-6 {
    margin: var(--dt-margin-6);
}

.dt-m-8 {
    margin: var(--dt-margin-8);
}

.dt-m-10 {
    margin: var(--dt-margin-10);
}

.dt-m-12 {
    margin: var(--dt-margin-12);
}

.dt-m-16 {
    margin: var(--dt-margin-16);
}

.dt-m-20 {
    margin: var(--dt-margin-20);
}

.dt-mx-0 {
    margin-left: var(--dt-margin-x-0);
    margin-right: var(--dt-margin-x-0);
}

.dt-mx-1 {
    margin-left: var(--dt-margin-x-1);
    margin-right: var(--dt-margin-x-1);
}

.dt-mx-2 {
    margin-left: var(--dt-margin-x-2);
    margin-right: var(--dt-margin-x-2);
}

.dt-mx-3 {
    margin-left: var(--dt-margin-x-3);
    margin-right: var(--dt-margin-x-3);
}

.dt-mx-4 {
    margin-left: var(--dt-margin-x-4);
    margin-right: var(--dt-margin-x-4);
}

.dt-mx-5 {
    margin-left: var(--dt-margin-x-5);
    margin-right: var(--dt-margin-x-5);
}

.dt-mx-6 {
    margin-left: var(--dt-margin-x-6);
    margin-right: var(--dt-margin-x-6);
}

.dt-mx-8 {
    margin-left: var(--dt-margin-x-8);
    margin-right: var(--dt-margin-x-8);
}

.dt-mx-10 {
    margin-left: var(--dt-margin-x-10);
    margin-right: var(--dt-margin-x-10);
}

.dt-mx-12 {
    margin-left: var(--dt-margin-x-12);
    margin-right: var(--dt-margin-x-12);
}

.dt-mx-16 {
    margin-left: var(--dt-margin-x-16);
    margin-right: var(--dt-margin-x-16);
}

.dt-mx-20 {
    margin-left: var(--dt-margin-x-20);
    margin-right: var(--dt-margin-x-20);
}

.dt-my-0 {
    margin-top: var(--dt-margin-y-0);
    margin-bottom: var(--dt-margin-y-0);
}

.dt-my-1 {
    margin-top: var(--dt-margin-y-1);
    margin-bottom: var(--dt-margin-y-1);
}

.dt-my-2 {
    margin-top: var(--dt-margin-y-2);
    margin-bottom: var(--dt-margin-y-2);
}

.dt-my-3 {
    margin-top: var(--dt-margin-y-3);
    margin-bottom: var(--dt-margin-y-3);
}

.dt-my-4 {
    margin-top: var(--dt-margin-y-4);
    margin-bottom: var(--dt-margin-y-4);
}

.dt-my-5 {
    margin-top: var(--dt-margin-y-5);
    margin-bottom: var(--dt-margin-y-5);
}

.dt-my-6 {
    margin-top: var(--dt-margin-y-6);
    margin-bottom: var(--dt-margin-y-6);
}

.dt-my-8 {
    margin-top: var(--dt-margin-y-8);
    margin-bottom: var(--dt-margin-y-8);
}

.dt-my-10 {
    margin-top: var(--dt-margin-y-10);
    margin-bottom: var(--dt-margin-y-10);
}

.dt-my-12 {
    margin-top: var(--dt-margin-y-12);
    margin-bottom: var(--dt-margin-y-12);
}

.dt-my-16 {
    margin-top: var(--dt-margin-y-16);
    margin-bottom: var(--dt-margin-y-16);
}

.dt-my-20 {
    margin-top: var(--dt-margin-y-20);
    margin-bottom: var(--dt-margin-y-20);
}

/* Text Align */
.dt-text-left {
    text-align: left;
}

.dt-text-center {
    text-align: center;
}

.dt-text-right {
    text-align: right;
}

.dt-text-justify {
    text-align: justify;
}

/* Vertical Align */
.dt-align-baseline {
    vertical-align: baseline;
}

.dt-align-top {
    vertical-align: top;
}

.dt-align-middle {
    vertical-align: middle;
}

.dt-align-bottom {
    vertical-align: bottom;
}

.dt-align-text-top {
    vertical-align: text-top;
}

.dt-align-text-bottom {
    vertical-align: text-bottom;
}

/* Text Sizes */
.dt-text-xs {
    font-size: var(--dt-font-size-xs);
}

.dt-text-sm {
    font-size: var(--dt-font-size-sm);
}

.dt-text-base {
    font-size: var(--dt-font-size-base);
}

.dt-text-lg {
    font-size: var(--dt-font-size-lg);
}

.dt-text-xl {
    font-size: var(--dt-font-size-xl);
}

.dt-text-2xl {
    font-size: var(--dt-font-size-2xl);
}

.dt-text-3xl {
    font-size: var(--dt-font-size-3xl);
}

.dt-text-4xl {
    font-size: var(--dt-font-size-4xl);
}

.dt-text-5xl {
    font-size: var(--dt-font-size-5xl);
}

.dt-text-6xl {
    font-size: var(--dt-font-size-6xl);
}

/* Display */
.dt-d-block {
    display: block;
}

.dt-d-inline {
    display: inline;
}

.dt-d-inline-block {
    display: inline-block;
}

.dt-d-none {
    display: none;
}

/* Font Weight */
.dt-font-thin {
    font-weight: var(--dt-font-weight-thin);
}

.dt-font-extralight {
    font-weight: var(--dt-font-weight-extralight);
}

.dt-font-light {
    font-weight: var(--dt-font-weight-light);
}

.dt-font-normal {
    font-weight: var(--dt-font-weight-normal);
}

.dt-font-medium {
    font-weight: var(--dt-font-weight-medium);
}

.dt-font-semibold {
    font-weight: var(--dt-font-weight-semibold);
}

.dt-font-bold {
    font-weight: var(--dt-font-weight-bold);
}

.dt-font-extrabold {
    font-weight: var(--dt-font-weight-extrabold);
}

.dt-font-black {
    font-weight: var(--dt-font-weight-black);
}


/* Borders */
.dt-border {
    border: var(--dt-border-width, 1px) solid var(--dt-border-color, #ccc);
}

.dt-border-0 {
    border: none;
}

.dt-border-2 {
    border: var(--dt-border-width, 2px) solid var(--dt-border-color, #ccc);
}

.dt-border-4 {
    border: var(--dt-border-width, 4px) solid var(--dt-border-color, #ccc);
}

.dt-border-8 {
    border: var(--dt-border-width, 8px) solid var(--dt-border-color, #ccc);
}

.dt-border-top {
    border-top: var(--dt-border-width, 1px) solid var(--dt-border-color, #ccc);
}

.dt-border-right {
    border-right: var(--dt-border-width, 1px) solid var(--dt-border-color, #ccc);
}

.dt-border-bottom {
    border-bottom: var(--dt-border-width, 1px) solid var(--dt-border-color, #ccc);
}

.dt-border-left {
    border-left: var(--dt-border-width, 1px) solid var(--dt-border-color, #ccc);
}

.dt-rounded-none {
    border-radius: var(--dt-border-radius-none, 0);
}

.dt-rounded-sm {
    border-radius: var(--dt-border-radius-sm, 0.125rem);
}

.dt-rounded {
    border-radius: var(--dt-border-radius, 0.25rem);
}

.dt-rounded-md {
    border-radius: var(--dt-border-radius-md, 0.375rem);
}

.dt-rounded-lg {
    border-radius: var(--dt-border-radius-lg, 0.5rem);
}

.dt-rounded-xl {
    border-radius: var(--dt-border-radius-xl, 0.75rem);
}

.dt-rounded-2xl {
    border-radius: var(--dt-border-radius-2xl, 1rem);
}

.dt-rounded-full {
    border-radius: var(--dt-border-radius-full, 9999px);
}

/* Shadows */
.dt-shadow-sm {
    box-shadow: var(--dt-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.05));
}

.dt-shadow {
    box-shadow: var(--dt-shadow, 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06));
}

.dt-shadow-md {
    box-shadow: var(--dt-shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.06));
}

.dt-shadow-lg {
    box-shadow: var(--dt-shadow-lg, 0 10px 15px rgba(0, 0, 0, 0.1), 0 4px 6px rgba(0, 0, 0, 0.1));
}

.dt-shadow-xl {
    box-shadow: var(--dt-shadow-xl, 0 20px 25px rgba(0, 0, 0, 0.1), 0 10px 10px rgba(0, 0, 0, 0.04));
}

.dt-shadow-2xl {
    box-shadow: var(--dt-shadow-2xl, 0 25px 50px rgba(0, 0, 0, 0.25));
}

.dt-shadow-none {
    box-shadow: none;
}