.all-layout{
    display: flex;
}
.absolute {
    position: absolute;
}

.fixed {
    position: fixed;
}

.relative {
    position: relative;
}

.bottom-0 {
    bottom: calc(var(--mt-space-0, 0px));
}

.m6 {
    margin: calc(var(--mt-space-6, 24px));
}

.\!mx-0 {
    margin-left: calc(var(--mt-space-0, 0px)) !important;
    margin-right: calc(var(--mt-space-0, 0px)) !important;
}

.\!my-0 {
    margin-top: calc(var(--mt-space-0, 0px)) !important;
    margin-bottom: calc(var(--mt-space-0, 0px)) !important;
}

.h-4 {
    height: calc(var(--mt-size-4, 16px));
}

.h-8 {
    height: calc(var(--mt-size-8, 32px));
}

.h-full {
    height: 100%;
}

.w-4 {
    width: calc(var(--mt-size-4, 16px));
}

.w-full {
    width: 100%;
}

.flex {
    display: flex;
}

.transform {
    transform: translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));
}

.cursor-pointer {
    cursor: pointer;
}

.items-center {
    align-items: center;
}

.justify-center {
    justify-content: center;
}

.gap-05 {
    gap: calc(var(--mt-space-05, 2px));
}

.gap-2 {
    gap: calc(var(--mt-space-2, 8px));
}

.gap-3 {
    gap: calc(var(--mt-space-3, 12px));
}

.gap-4 {
    gap: calc(var(--mt-space-4, 16px));
}

.gap-6 {
    gap: calc(var(--mt-space-6, 24px));
}

.\!border-neutral-3 {
    --un-border-opacity: 1 !important;
    border-color: rgba(var(--mt-neutral-3, 216, 218, 223), var(--un-border-opacity)) !important;
}

.rounded-md {
    border-radius: calc(var(--mt-roundness-md, 6px));
}

.\!bg-neutral-1 {
    --un-bg-opacity: 1 !important;
    background-color: rgba(var(--mt-neutral-1, 244, 244, 245), var(--un-bg-opacity)) !important;
}

.px-015 {
    padding-left: calc(var(--mt-space-015, 6px));
    padding-right: calc(var(--mt-space-015, 6px));
}

.px-05 {
    padding-left: calc(var(--mt-space-05, 2px));
    padding-right: calc(var(--mt-space-05, 2px));
}

.\!pb-0 {
    padding-bottom: calc(var(--mt-space-0, 0px)) !important;
}

.pb-05 {
    padding-bottom: calc(var(--mt-space-05, 2px));
}

.text-left {
    text-align: left;
}

.\!text-neutral-4 {
    --un-text-opacity: 1 !important;
    color: rgba(var(--mt-neutral-4, 181, 185, 192), var(--un-text-opacity)) !important;
}

.text-neutral-10 {
    --un-text-opacity: 1;
    color: rgba(var(--mt-neutral-10, 38, 40, 43), var(--un-text-opacity));
}

.text-neutral-6 {
    --un-text-opacity: 1;
    color: rgba(var(--mt-neutral-6, 110, 115, 124), var(--un-text-opacity));
}

.mt-page-heading {
    font-family: var(--base-font-family);
    font-size: var(--mt-page-heading-font-size);
    line-height: var(--mt-page-heading-line-height);
    font-weight: 700;
}

.\!mt-body {
    font-family: var(--base-font-family) !important;
    font-size: var(--mt-body-font-size) !important;
    line-height: var(--mt-body-line-height) !important;
    font-weight: 400 !important;
}

.mt-body {
    font-family: var(--base-font-family);
    font-size: var(--mt-body-font-size);
    line-height: var(--mt-body-line-height);
    font-weight: 400;
}

@media (min-width: 768px) {
    .md\:relative {
        position: relative;
    }
}