/* Custom width utilities */
.w-0 {
    width: 0px;
}
.w-px {
    width: 1px;
}
.w-0\.5 {
    width: 0.125rem; /* 2px */
}
.w-1 {
    width: 0.25rem; /* 4px */
}
.w-1\.5 {
    width: 0.375rem; /* 6px */
}
.w-2 {
    width: 0.5rem; /* 8px */
}
.w-2\.5 {
    width: 0.625rem; /* 10px */
}
.w-3 {
    width: 0.75rem; /* 12px */
}
.w-3\.5 {
    width: 0.875rem; /* 14px */
}
.w-4 {
    width: 1rem; /* 16px */
}
.w-5 {
    width: 1.25rem; /* 20px */
}
.w-6 {
    width: 1.5rem; /* 24px */
}
.w-7 {
    width: 1.75rem; /* 28px */
}
.w-8 {
    width: 2rem; /* 32px */
}
.w-9 {
    width: 2.25rem; /* 36px */
}
.w-10 {
    width: 2.5rem; /* 40px */
}
.w-11 {
    width: 2.75rem; /* 44px */
}
.w-12 {
    width: 3rem; /* 48px */
}
.w-14 {
    width: 3.5rem; /* 56px */
}
.w-16 {
    width: 4rem; /* 64px */
}
.w-20 {
    width: 5rem; /* 80px */
}
.w-24 {
    width: 6rem; /* 96px */
}
.w-28 {
    width: 7rem; /* 112px */
}
.w-32 {
    width: 8rem; /* 128px */
}
.w-36 {
    width: 9rem; /* 144px */
}
.w-40 {
    width: 10rem; /* 160px */
}
.w-44 {
    width: 11rem; /* 176px */
}
.w-48 {
    width: 12rem; /* 192px */
}
.w-52 {
    width: 13rem; /* 208px */
}
.w-56 {
    width: 14rem; /* 224px */
}
.w-60 {
    width: 15rem; /* 240px */
}
.w-64 {
    width: 16rem; /* 256px */
}
.w-72 {
    width: 18rem; /* 288px */
}
.w-80 {
    width: 20rem; /* 320px */
}
.w-96 {
    width: 24rem; /* 384px */
}
.w-auto {
    width: auto;
}
.w-1\/2 {
    width: 50%;
}
.w-1\/3 {
    width: 33.333333%;
}
.w-2\/3 {
    width: 66.666667%;
}
.w-1\/4 {
    width: 25%;
}
.w-2\/4 {
    width: 50%;
}
.w-3\/4 {
    width: 75%;
}
.w-1\/5 {
    width: 20%;
}
.w-2\/5 {
    width: 40%;
}
.w-3\/5 {
    width: 60%;
}
.w-4\/5 {
    width: 80%;
}
.w-1\/6 {
    width: 16.666667%;
}
.w-2\/6 {
    width: 33.333333%;
}
.w-3\/6 {
    width: 50%;
}
.w-4\/6 {
    width: 66.666667%;
}
.w-5\/6 {
    width: 83.333333%;
}
.w-1\/12 {
    width: 8.333333%;
}
.w-2\/12 {
    width: 16.666667%;
}
.w-3\/12 {
    width: 25%;
}
.w-4\/12 {
    width: 33.333333%;
}
.w-5\/12 {
    width: 41.666667%;
}
.w-6\/12 {
    width: 50%;
}
.w-7\/12 {
    width: 58.333333%;
}
.w-8\/12 {
    width: 66.666667%;
}
.w-9\/12 {
    width: 75%;
}
.w-10\/12 {
    width: 83.333333%;
}
.w-11\/12 {
    width: 91.666667%;
}
.w-full {
    width: 100%;
}
.w-screen {
    width: 100vw;
}
.w-svw {
    width: 100svw;
}
.w-lvw {
    width: 100lvw;
}
.w-dvw {
    width: 100dvw;
}
.w-min {
    width: min-content;
}
.w-max {
    width: max-content;
}
.w-fit {
    width: fit-content;
}

/* Custom min-width utilities */
.min-w-0 {
    min-width: 0px;
}
.min-w-1 {
    min-width: 0.25rem; /* 4px */
}
.min-w-2 {
    min-width: 0.5rem; /* 8px */
}
.min-w-3 {
    min-width: 0.75rem; /* 12px */
}
.min-w-4 {
    min-width: 1rem; /* 16px */
}
.min-w-5 {
    min-width: 1.25rem; /* 20px */
}
.min-w-6 {
    min-width: 1.5rem; /* 24px */
}
.min-w-7 {
    min-width: 1.75rem; /* 28px */
}
.min-w-8 {
    min-width: 2rem; /* 32px */
}
.min-w-9 {
    min-width: 2.25rem; /* 36px */
}
.min-w-10 {
    min-width: 2.5rem; /* 40px */
}
.min-w-11 {
    min-width: 2.75rem; /* 44px */
}
.min-w-12 {
    min-width: 3rem; /* 48px */
}
.min-w-14 {
    min-width: 3.5rem; /* 56px */
}
.min-w-16 {
    min-width: 4rem; /* 64px */
}
.min-w-20 {
    min-width: 5rem; /* 80px */
}
.min-w-24 {
    min-width: 6rem; /* 96px */
}
.min-w-28 {
    min-width: 7rem; /* 112px */
}
.min-w-32 {
    min-width: 8rem; /* 128px */
}
.min-w-36 {
    min-width: 9rem; /* 144px */
}
.min-w-40 {
    min-width: 10rem; /* 160px */
}
.min-w-44 {
    min-width: 11rem; /* 176px */
}
.min-w-48 {
    min-width: 12rem; /* 192px */
}
.min-w-52 {
    min-width: 13rem; /* 208px */
}
.min-w-56 {
    min-width: 14rem; /* 224px */
}
.min-w-60 {
    min-width: 15rem; /* 240px */
}
.min-w-64 {
    min-width: 16rem; /* 256px */
}
.min-w-72 {
    min-width: 18rem; /* 288px */
}
.min-w-80 {
    min-width: 20rem; /* 320px */
}
.min-w-96 {
    min-width: 24rem; /* 384px */
}
.min-w-px {
    min-width: 1px;
}
.min-w-0\.5 {
    min-width: 0.125rem; /* 2px */
}
.min-w-1\.5 {
    min-width: 0.375rem; /* 6px */
}
.min-w-2\.5 {
    min-width: 0.625rem; /* 10px */
}
.min-w-3\.5 {
    min-width: 0.875rem; /* 14px */
}
.min-w-full {
    min-width: 100%;
}
.min-w-min {
    min-width: min-content;
}
.min-w-max {
    min-width: max-content;
}
.min-w-fit {
    min-width: fit-content;
}

/* Custom max-width utilities */
.max-w-0 {
    max-width: 0px;
}
.max-w-px {
    max-width: 1px;
}
.max-w-0\.5 {
    max-width: 0.125rem; /* 2px */
}
.max-w-1 {
    max-width: 0.25rem; /* 4px */
}
.max-w-1\.5 {
    max-width: 0.375rem; /* 6px */
}
.max-w-2 {
    max-width: 0.5rem; /* 8px */
}
.max-w-2\.5 {
    max-width: 0.625rem; /* 10px */
}
.max-w-3 {
    max-width: 0.75rem; /* 12px */
}
.max-w-3\.5 {
    max-width: 0.875rem; /* 14px */
}
.max-w-4 {
    max-width: 1rem; /* 16px */
}
.max-w-5 {
    max-width: 1.25rem; /* 20px */
}
.max-w-6 {
    max-width: 1.5rem; /* 24px */
}
.max-w-7 {
    max-width: 1.75rem; /* 28px */
}
.max-w-8 {
    max-width: 2rem; /* 32px */
}
.max-w-9 {
    max-width: 2.25rem; /* 36px */
}
.max-w-10 {
    max-width: 2.5rem; /* 40px */
}
.max-w-11 {
    max-width: 2.75rem; /* 44px */
}
.max-w-12 {
    max-width: 3rem; /* 48px */
}
.max-w-14 {
    max-width: 3.5rem; /* 56px */
}
.max-w-16 {
    max-width: 4rem; /* 64px */
}
.max-w-20 {
    max-width: 5rem; /* 80px */
}
.max-w-24 {
    max-width: 6rem; /* 96px */
}
.max-w-28 {
    max-width: 7rem; /* 112px */
}
.max-w-32 {
    max-width: 8rem; /* 128px */
}
.max-w-36 {
    max-width: 9rem; /* 144px */
}
.max-w-40 {
    max-width: 10rem; /* 160px */
}
.max-w-44 {
    max-width: 11rem; /* 176px */
}
.max-w-48 {
    max-width: 12rem; /* 192px */
}
.max-w-52 {
    max-width: 13rem; /* 208px */
}
.max-w-56 {
    max-width: 14rem; /* 224px */
}
.max-w-60 {
    max-width: 15rem; /* 240px */
}
.max-w-64 {
    max-width: 16rem; /* 256px */
}
.max-w-72 {
    max-width: 18rem; /* 288px */
}
.max-w-80 {
    max-width: 20rem; /* 320px */
}
.max-w-96 {
    max-width: 24rem; /* 384px */
}
.max-w-none {
    max-width: none;
}
.max-w-xs {
    max-width: 20rem; /* 320px */
}
.max-w-sm {
    max-width: 24rem; /* 384px */
}
.max-w-md {
    max-width: 28rem; /* 448px */
}
.max-w-lg {
    max-width: 32rem; /* 512px */
}
.max-w-xl {
    max-width: 36rem; /* 576px */
}
.max-w-2xl {
    max-width: 42rem; /* 672px */
}
.max-w-3xl {
    max-width: 48rem; /* 768px */
}
.max-w-4xl {
    max-width: 56rem; /* 896px */
}
.max-w-5xl {
    max-width: 64rem; /* 1024px */
}
.max-w-6xl {
    max-width: 72rem; /* 1152px */
}
.max-w-7xl {
    max-width: 80rem; /* 1280px */
}
.max-w-full {
    max-width: 100%;
}
.max-w-min {
    max-width: min-content;
}
.max-w-max {
    max-width: max-content;
}
.max-w-fit {
    max-width: fit-content;
}
.max-w-prose {
    max-width: 65ch;
}
.max-w-screen-sm {
    max-width: 640px;
}
.max-w-screen-md {
    max-width: 768px;
}
.max-w-screen-lg {
    max-width: 1024px;
}
.max-w-screen-xl {
    max-width: 1280px;
}
.max-w-screen-2xl {
    max-width: 1536px;
}

/* Custom height utilities */
.h-0 {
    height: 0px;
}
.h-px {
    height: 1px;
}
.h-0\.5 {
    height: 0.125rem; /* 2px */
}
.h-1 {
    height: 0.25rem; /* 4px */
}
.h-1\.5 {
    height: 0.375rem; /* 6px */
}
.h-2 {
    height: 0.5rem; /* 8px */
}
.h-2\.5 {
    height: 0.625rem; /* 10px */
}
.h-3 {
    height: 0.75rem; /* 12px */
}
.h-3\.5 {
    height: 0.875rem; /* 14px */
}
.h-4 {
    height: 1rem; /* 16px */
}
.h-5 {
    height: 1.25rem; /* 20px */
}
.h-6 {
    height: 1.5rem; /* 24px */
}
.h-7 {
    height: 1.75rem; /* 28px */
}
.h-8 {
    height: 2rem; /* 32px */
}
.h-9 {
    height: 2.25rem; /* 36px */
}
.h-10 {
    height: 2.5rem; /* 40px */
}
.h-11 {
    height: 2.75rem; /* 44px */
}
.h-12 {
    height: 3rem; /* 48px */
}
.h-14 {
    height: 3.5rem; /* 56px */
}
.h-16 {
    height: 4rem; /* 64px */
}
.h-20 {
    height: 5rem; /* 80px */
}
.h-24 {
    height: 6rem; /* 96px */
}
.h-28 {
    height: 7rem; /* 112px */
}
.h-32 {
    height: 8rem; /* 128px */
}
.h-36 {
    height: 9rem; /* 144px */
}
.h-40 {
    height: 10rem; /* 160px */
}
.h-44 {
    height: 11rem; /* 176px */
}
.h-48 {
    height: 12rem; /* 192px */
}
.h-52 {
    height: 13rem; /* 208px */
}
.h-56 {
    height: 14rem; /* 224px */
}
.h-60 {
    height: 15rem; /* 240px */
}
.h-64 {
    height: 16rem; /* 256px */
}
.h-72 {
    height: 18rem; /* 288px */
}
.h-80 {
    height: 20rem; /* 320px */
}
.h-96 {
    height: 24rem; /* 384px */
}
.h-auto {
    height: auto;
}
.h-1\/2 {
    height: 50%;
}
.h-1\/3 {
    height: 33.333333%;
}
.h-2\/3 {
    height: 66.666667%;
}
.h-1\/4 {
    height: 25%;
}
.h-2\/4 {
    height: 50%;
}
.h-3\/4 {
    height: 75%;
}
.h-1\/5 {
    height: 20%;
}
.h-2\/5 {
    height: 40%;
}
.h-3\/5 {
    height: 60%;
}
.h-4\/5 {
    height: 80%;
}
.h-1\/6 {
    height: 16.666667%;
}
.h-2\/6 {
    height: 33.333333%;
}
.h-3\/6 {
    height: 50%;
}
.h-4\/6 {
    height: 66.666667%;
}
.h-5\/6 {
    height: 83.333333%;
}
.h-full {
    height: 100%;
}
.h-screen {
    height: 100vh;
}
.h-svh {
    height: 100svh;
}
.h-lvh {
    height: 100lvh;
}
.h-dvh {
    height: 100dvh;
}
.h-min {
    height: min-content;
}
.h-max {
    height: max-content;
}
.h-fit {
    height: fit-content;
}

/* Custom font utilities */
.text-xs {
    font-size: 0.75rem; /* 12px */
    line-height: 1rem; /* 16px */
}
.text-sm {
    font-size: 0.875rem; /* 14px */
    line-height: 1.25rem; /* 20px */
}
.text-base {
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
}
.text-lg {
    font-size: 1.125rem; /* 18px */
    line-height: 1.75rem; /* 28px */
}
.text-xl {
    font-size: 1.25rem; /* 20px */
    line-height: 1.75rem; /* 28px */
}
.text-2xl {
    font-size: 1.5rem; /* 24px */
    line-height: 2rem; /* 32px */
}
.text-3xl {
    font-size: 1.875rem; /* 30px */
    line-height: 2.25rem; /* 36px */
}
.text-4xl {
    font-size: 2.25rem; /* 36px */
    line-height: 2.5rem; /* 40px */
}
.text-5xl {
    font-size: 3rem; /* 48px */
    line-height: 1;
}
.text-6xl {
    font-size: 3.75rem; /* 60px */
    line-height: 1;
}
.text-7xl {
    font-size: 4.5rem; /* 72px */
    line-height: 1;
}
.text-8xl {
    font-size: 6rem; /* 96px */
    line-height: 1;
}
.text-9xl {
    font-size: 8rem; /* 128px */
    line-height: 1;
}

.italic {
    font-style: italic;
}
.not-italic {
    font-style: normal;
}
.font-thin {
    font-weight: 100;
}
.font-extralight {
    font-weight: 200;
}
.font-light {
    font-weight: 300;
}
.font-normal {
    font-weight: 400;
}
.font-medium {
    font-weight: 500;
}
.font-semibold {
    font-weight: 600;
}
.font-bold {
    font-weight: 700;
}
.font-extrabold {
    font-weight: 800;
}
.font-black {
    font-weight: 900;
}

.tracking-tighter {
    letter-spacing: -0.05em;
}
.tracking-tight {
    letter-spacing: -0.025em;
}
.tracking-normal {
    letter-spacing: 0em;
}
.tracking-wide {
    letter-spacing: 0.025em;
}
.tracking-wider {
    letter-spacing: 0.05em;
}
.tracking-widest {
    letter-spacing: 0.1em;
}

.leading-3 {
    line-height: .75rem; /* 12px */
}
.leading-4 {
    line-height: 1rem; /* 16px */
}
.leading-5 {
    line-height: 1.25rem; /* 20px */
}
.leading-6 {
    line-height: 1.5rem; /* 24px */
}
.leading-7 {
    line-height: 1.75rem; /* 28px */
}
.leading-8 {
    line-height: 2rem; /* 32px */
}
.leading-9 {
    line-height: 2.25rem; /* 36px */
}
.leading-10 {
    line-height: 2.5rem; /* 40px */
}
.leading-none {
    line-height: 1;
}
.leading-tight {
    line-height: 1.25;
}
.leading-snug {
    line-height: 1.375;
}
.leading-normal {
    line-height: 1.5;
}
.leading-relaxed {
    line-height: 1.625;
}
.leading-loose {
    line-height: 2;
}

.text-left {
    text-align: left;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.text-justify {
    text-align: justify;
}
.text-start {
    text-align: start;
}
.text-end {
    text-align: end;
}

.underline {
    text-decoration-line: underline;
}
.overline {
    text-decoration-line: overline;
}
.line-through {
    text-decoration-line: line-through;
}
.no-underline {
    text-decoration-line: none;
}

.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: lowercase;
}
.capitalize {
    text-transform: capitalize;
}
.normal-case {
    text-transform: none;
}

/* Custom border-radius utilities */
.rounded-none {
    border-radius: 0px;
}
.rounded-sm {
    border-radius: 0.125rem; /* 2px */
}
.rounded {
    border-radius: 0.25rem; /* 4px */
}
.rounded-md {
    border-radius: 0.375rem; /* 6px */
}
.rounded-lg {
    border-radius: 0.5rem; /* 8px */
}
.rounded-xl {
    border-radius: 0.75rem; /* 12px */
}
.rounded-2xl {
    border-radius: 1rem; /* 16px */
}
.rounded-3xl {
    border-radius: 1.5rem; /* 24px */
}

/* Custom border-width utilities */
.border-0 {
    border-width: 0px;
}
.border-2 {
    border-width: 2px;
}
.border-4 {
    border-width: 4px;
}
.border-8 {
    border-width: 8px;
}
.border {
    border-width: 1px;
}
.border-x-0 {
    border-left-width: 0px;
    border-right-width: 0px;
}
.border-x-2 {
    border-left-width: 2px;
    border-right-width: 2px;
}
.border-x-4 {
    border-left-width: 4px;
    border-right-width: 4px;
}
.border-x-8 {
    border-left-width: 8px;
    border-right-width: 8px;
}
.border-x {
    border-left-width: 1px;
    border-right-width: 1px;
}
.border-y-0 {
    border-top-width: 0px;
    border-bottom-width: 0px;
}
.border-y-2 {
    border-top-width: 2px;
    border-bottom-width: 2px;
}
.border-y-4 {
    border-top-width: 4px;
    border-bottom-width: 4px;
}
.border-y-8 {
    border-top-width: 8px;
    border-bottom-width: 8px;
}
.border-y {
    border-top-width: 1px;
    border-bottom-width: 1px;
}
.border-s-0 {
    border-inline-start-width: 0px;
}
.border-s-2 {
    border-inline-start-width: 2px;
}
.border-s-4 {
    border-inline-start-width: 4px;
}
.border-s-8 {
    border-inline-start-width: 8px;
}
.border-s {
    border-inline-start-width: 1px;
}
.border-e-0 {
    border-inline-end-width: 0px;
}
.border-e-2 {
    border-inline-end-width: 2px;
}
.border-e-4 {
    border-inline-end-width: 4px;
}
.border-e-8 {
    border-inline-end-width: 8px;
}
.border-e {
    border-inline-end-width: 1px;
}
.border-t-0 {
    border-top-width: 0px;
}
.border-t-2 {
    border-top-width: 2px;
}
.border-t-4 {
    border-top-width: 4px;
}
.border-t-8 {
    border-top-width: 8px;
}
.border-t {
    border-top-width: 1px;
}
.border-r-0 {
    border-right-width: 0px;
}
.border-r-2 {
    border-right-width: 2px;
}
.border-r-4 {
    border-right-width: 4px;
}
.border-r-8 {
    border-right-width: 8px;
}
.border-r {
    border-right-width: 1px;
}
.border-b-0 {
    border-bottom-width: 0px;
}
.border-b-2 {
    border-bottom-width: 2px;
}
.border-b-4 {
    border-bottom-width: 4px;
}
.border-b-8 {
    border-bottom-width: 8px;
}
.border-b {
    border-bottom-width: 1px;
}
.border-l-0 {
    border-left-width: 0px;
}
.border-l-2 {
    border-left-width: 2px;
}
.border-l-4 {
    border-left-width: 4px;
}
.border-l-8 {
    border-left-width: 8px;
}
.border-l {
    border-left-width: 1px;
}

/* Custom border-style utilities */
.border-solid {
    border-style: solid;
}
.border-dashed {
    border-style: dashed;
}
.border-dotted {
    border-style: dotted;
}
.border-double {
    border-style: double;
}
.border-hidden {
    border-style: hidden;
}
.border-none {
    border-style: none;
}

/* Custom box-shadow utilities */
.shadow-sm {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.shadow {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
}
.shadow-md {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
}
.shadow-lg {
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.shadow-xl {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}
.shadow-2xl {
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.shadow-inner {
    box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
}
.shadow-none {
    box-shadow: 0 0 #0000;
}

/* Custom opacity utilities */
.opacity-0 {
    opacity: 0;
}
.opacity-5 {
    opacity: 0.05;
}
.opacity-10 {
    opacity: 0.1;
}
.opacity-15 {
    opacity: 0.15;
}
.opacity-20 {
    opacity: 0.2;
}
.opacity-25 {
    opacity: 0.25;
}
.opacity-30 {
    opacity: 0.3;
}
.opacity-35 {
    opacity: 0.35;
}
.opacity-40 {
    opacity: 0.4;
}
.opacity-45 {
    opacity: 0.45;
}
.opacity-50 {
    opacity: 0.5;
}
.opacity-55 {
    opacity: 0.55;
}
.opacity-60 {
    opacity: 0.6;
}
.opacity-65 {
    opacity: 0.65;
}
.opacity-70 {
    opacity: 0.7;
}
.opacity-75 {
    opacity: 0.75;
}
.opacity-80 {
    opacity: 0.8;
}
.opacity-85 {
    opacity: 0.85;
}
.opacity-90 {
    opacity: 0.9;
}
.opacity-95 {
    opacity: 0.95;
}
.opacity-100 {
    opacity: 1;
}

/* Custom blur utilities */
.blur-none {
    filter: none;
}
.blur-sm {
    filter: blur(4px);
}
.blur {
    filter: blur(8px);
}
.blur-md {
    filter: blur(12px);
}
.blur-lg {
    filter: blur(16px);
}
.blur-xl {
    filter: blur(24px);
}
.blur-2xl {
    filter: blur(40px);
}
.blur-3xl {
    filter: blur(64px);
}

/* Custom backdrop-filter utilities */
.backdrop-blur-none {
    backdrop-filter: none;
}
.backdrop-blur-sm {
    backdrop-filter: blur(4px);
}
.backdrop-blur {
    backdrop-filter: blur(8px);
}
.backdrop-blur-md {
    backdrop-filter: blur(12px);
}
.backdrop-blur-lg {
    backdrop-filter: blur(16px);
}
.backdrop-blur-xl {
    backdrop-filter: blur(24px);
}
.backdrop-blur-2xl {
    backdrop-filter: blur(40px);
}
.backdrop-blur-3xl {
    backdrop-filter: blur(64px);
}

/* Custom transition-duration utilities */
.duration-0 {
    transition-duration: 0s;
}
.duration-75 {
    transition-duration: 75ms;
}
.duration-100 {
    transition-duration: 100ms;
}
.duration-150 {
    transition-duration: 150ms;
}
.duration-200 {
    transition-duration: 200ms;
}
.duration-300 {
    transition-duration: 300ms;
}
.duration-500 {
    transition-duration: 500ms;
}
.duration-700 {
    transition-duration: 700ms;
}
.duration-1000 {
    transition-duration: 1000ms;
}

/* Custom transition-property utilities */
.transition-none {
    transition-property: none;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-opacity {
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

/* Custom transition-delay utilities */
.delay-0 {
    transition-delay: 0s;
}
.delay-75 {
    transition-delay: 75ms;
}
.delay-100 {
    transition-delay: 100ms;
}
.delay-150 {
    transition-delay: 150ms;
}
.delay-200 {
    transition-delay: 200ms;
}
.delay-300 {
    transition-delay: 300ms;
}
.delay-500 {
    transition-delay: 500ms;
}
.delay-700 {
    transition-delay: 700ms;
}
.delay-1000 {
    transition-delay: 1000ms;
}

/* Custom animation utilities */
.animate-none {
    animation: none;
}
.animate-spin {
    animation: spin 1s linear infinite;
}
@keyframes spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
.animate-ping {
    animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;
}
@keyframes ping {
    75%, 100% {
        transform: scale(2);
        opacity: 0;
    }
}
.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}
.animate-bounce {
    animation: bounce 1s infinite;
}
@keyframes bounce {
    0%, 100% {
        transform: translateY(-25%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

/* Custom pointer-events utilities */
.pointer-events-none {
    pointer-events: none;
}
.pointer-events-auto {
    pointer-events: auto;
}

/* Custom aspect-ratio utilities */
.aspect-auto {
    aspect-ratio: auto;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.aspect-video {
    aspect-ratio: 16 / 9;
}

.flex {
  display:flex;
}

/* Custom flex-basis utilities */
.basis-0 {
    flex-basis: 0px;
}
.basis-1 {
    flex-basis: 0.25rem; /* 4px */
}
.basis-2 {
    flex-basis: 0.5rem; /* 8px */
}
.basis-3 {
    flex-basis: 0.75rem; /* 12px */
}
.basis-4 {
    flex-basis: 1rem; /* 16px */
}
.basis-5 {
    flex-basis: 1.25rem; /* 20px */
}
.basis-6 {
    flex-basis: 1.5rem; /* 24px */
}
.basis-7 {
    flex-basis: 1.75rem; /* 28px */
}
.basis-8 {
    flex-basis: 2rem; /* 32px */
}
.basis-9 {
    flex-basis: 2.25rem; /* 36px */
}
.basis-10 {
    flex-basis: 2.5rem; /* 40px */
}
.basis-11 {
    flex-basis: 2.75rem; /* 44px */
}
.basis-12 {
    flex-basis: 3rem; /* 48px */
}
.basis-14 {
    flex-basis: 3.5rem; /* 56px */
}
.basis-16 {
    flex-basis: 4rem; /* 64px */
}
.basis-20 {
    flex-basis: 5rem; /* 80px */
}
.basis-24 {
    flex-basis: 6rem; /* 96px */
}
.basis-28 {
    flex-basis: 7rem; /* 112px */
}
.basis-32 {
    flex-basis: 8rem; /* 128px */
}
.basis-36 {
    flex-basis: 9rem; /* 144px */
}
.basis-40 {
    flex-basis: 10rem; /* 160px */
}
.basis-44 {
    flex-basis: 11rem; /* 176px */
}
.basis-48 {
    flex-basis: 12rem; /* 192px */
}
.basis-52 {
    flex-basis: 13rem; /* 208px */
}
.basis-56 {
    flex-basis: 14rem; /* 224px */
}
.basis-60 {
    flex-basis: 15rem; /* 240px */
}
.basis-64 {
    flex-basis: 16rem; /* 256px */
}
.basis-72 {
    flex-basis: 18rem; /* 288px */
}
.basis-80 {
    flex-basis: 20rem; /* 320px */
}
.basis-96 {
    flex-basis: 24rem; /* 384px */
}
.basis-auto {
    flex-basis: auto;
}
.basis-px {
    flex-basis: 1px;
}
.basis-0\.5 {
    flex-basis: 0.125rem; /* 2px */
}
.basis-1\.5 {
    flex-basis: 0.375rem; /* 6px */
}
.basis-2\.5 {
    flex-basis: 0.625rem; /* 10px */
}
.basis-3\.5 {
    flex-basis: 0.875rem; /* 14px */
}
.basis-1\/2 {
    flex-basis: 50%;
}
.basis-1\/3 {
    flex-basis: 33.333333%;
}
.basis-2\/3 {
    flex-basis: 66.666667%;
}
.basis-1\/4 {
    flex-basis: 25%;
}
.basis-2\/4 {
    flex-basis: 50%;
}
.basis-3\/4 {
    flex-basis: 75%;
}
.basis-1\/5 {
    flex-basis: 20%;
}
.basis-2\/5 {
    flex-basis: 40%;
}
.basis-3\/5 {
    flex-basis: 60%;
}
.basis-4\/5 {
    flex-basis: 80%;
}
.basis-1\/6 {
    flex-basis: 16.666667%;
}
.basis-2\/6 {
    flex-basis: 33.333333%;
}
.basis-3\/6 {
    flex-basis: 50%;
}
.basis-4\/6 {
    flex-basis: 66.666667%;
}
.basis-5\/6 {
    flex-basis: 83.333333%;
}
.basis-1\/12 {
    flex-basis: 8.333333%;
}
.basis-2\/12 {
    flex-basis: 16.666667%;
}
.basis-3\/12 {
    flex-basis: 25%;
}
.basis-4\/12 {
    flex-basis: 33.333333%;
}
.basis-5\/12 {
    flex-basis: 41.666667%;
}
.basis-6\/12 {
    flex-basis: 50%;
}
.basis-7\/12 {
    flex-basis: 58.333333%;
}
.basis-8\/12 {
    flex-basis: 66.666667%;
}
.basis-9\/12 {
    flex-basis: 75%;
}
.basis-10\/12 {
    flex-basis: 83.333333%;
}
.basis-11\/12 {
    flex-basis: 91.666667%;
}
.basis-full {
    flex-basis: 100%;
}
/* Custom flex-direction utilities */
.flex-row {
    flex-direction: row;
}
.flex-row-reverse {
    flex-direction: row-reverse;
}
.flex-col {
    flex-direction: column;
}
.flex-col-reverse {
    flex-direction: column-reverse;
}

/* Custom flex-wrap utilities */
.flex-wrap {
    flex-wrap: wrap;
}
.flex-wrap-reverse {
    flex-wrap: wrap-reverse;
}
.flex-nowrap {
    flex-wrap: nowrap;
}

/* Custom flex utilities */
.flex-1 {
    flex: 1 1 0%;
}
.flex-auto {
    flex: 1 1 auto;
}
.flex-initial {
    flex: 0 1 auto;
}
.flex-none {
    flex: none;
}

/* Custom flex-grow utilities */
.grow {
    flex-grow: 1;
}
.grow-0 {
    flex-grow: 0;
}

/* Custom flex-shrink utilities */
.shrink {
    flex-shrink: 1;
}
.shrink-0 {
    flex-shrink: 0;
}

/* Custom order utilities */
.order-1 {
    order: 1;
}
.order-2 {
    order: 2;
}
.order-3 {
    order: 3;
}
.order-4 {
    order: 4;
}
.order-5 {
    order: 5;
}
.order-6 {
    order: 6;
}
.order-7 {
    order: 7;
}
.order-8 {
    order: 8;
}
.order-9 {
    order: 9;
}
.order-10 {
    order: 10;
}
.order-11 {
    order: 11;
}
.order-12 {
    order: 12;
}
.order-first {
    order: -9999;
}
.order-last {
    order: 9999;
}
.order-none {
    order: 0;
}
.grid {
  display: grid;
}

/* Custom grid-template-columns utilities */

/* Default grid-template-columns utilities */
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-none {
    grid-template-columns: none;
}
.grid-cols-subgrid {
    grid-template-columns: subgrid;
}

/* sm breakpoint grid-template-columns utilities */
@media (max-width: 478px) {
    .sm-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .sm-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .sm-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .sm-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .sm-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .sm-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .sm-grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .sm-grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .sm-grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .sm-grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .sm-grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .sm-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .sm-grid-cols-none {
        grid-template-columns: none;
    }
    .sm-grid-cols-subgrid {
        grid-template-columns: subgrid;
    }
}

/* md breakpoint grid-template-columns utilities */
@media (max-width: 767px) {
    .md-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .md-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .md-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .md-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .md-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .md-grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .md-grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .md-grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .md-grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .md-grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .md-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .md-grid-cols-none {
        grid-template-columns: none;
    }
    .md-grid-cols-subgrid {
        grid-template-columns: subgrid;
    }
}

/* lg breakpoint grid-template-columns utilities */
@media (max-width: 991px) {
    .lg-grid-cols-1 {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .lg-grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .lg-grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .lg-grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    .lg-grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
    .lg-grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    .lg-grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    .lg-grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr));
    }
    .lg-grid-cols-9 {
        grid-template-columns: repeat(9, minmax(0, 1fr));
    }
    .lg-grid-cols-10 {
        grid-template-columns: repeat(10, minmax(0, 1fr));
    }
    .lg-grid-cols-11 {
        grid-template-columns: repeat(11, minmax(0, 1fr));
    }
    .lg-grid-cols-12 {
        grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    .lg-grid-cols-none {
        grid-template-columns: none;
    }
    .lg-grid-cols-subgrid {
        grid-template-columns: subgrid;
    }
}
/* Custom grid-column utilities */

/* Default grid-column utilities */
.col-auto {
    grid-column: auto;
}
.col-span-1 {
    grid-column: span 1 / span 1;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.col-span-3 {
    grid-column: span 3 / span 3;
}
.col-span-4 {
    grid-column: span 4 / span 4;
}
.col-span-5 {
    grid-column: span 5 / span 5;
}
.col-span-6 {
    grid-column: span 6 / span 6;
}
.col-span-7 {
    grid-column: span 7 / span 7;
}
.col-span-8 {
    grid-column: span 8 / span 8;
}
.col-span-9 {
    grid-column: span 9 / span 9;
}
.col-span-10 {
    grid-column: span 10 / span 10;
}
.col-span-11 {
    grid-column: span 11 / span 11;
}
.col-span-12 {
    grid-column: span 12 / span 12;
}
.col-span-full {
    grid-column: 1 / -1;
}
.col-start-1 {
    grid-column-start: 1;
}
.col-start-2 {
    grid-column-start: 2;
}
.col-start-3 {
    grid-column-start: 3;
}
.col-start-4 {
    grid-column-start: 4;
}
.col-start-5 {
    grid-column-start: 5;
}
.col-start-6 {
    grid-column-start: 6;
}
.col-start-7 {
    grid-column-start: 7;
}
.col-start-8 {
    grid-column-start: 8;
}
.col-start-9 {
    grid-column-start: 9;
}
.col-start-10 {
    grid-column-start: 10;
}
.col-start-11 {
    grid-column-start: 11;
}
.col-start-12 {
    grid-column-start: 12;
}
.col-start-13 {
    grid-column-start: 13;
}
.col-start-auto {
    grid-column-start: auto;
}
.col-end-1 {
    grid-column-end: 1;
}
.col-end-2 {
    grid-column-end: 2;
}
.col-end-3 {
    grid-column-end: 3;
}
.col-end-4 {
    grid-column-end: 4;
}
.col-end-5 {
    grid-column-end: 5;
}
.col-end-6 {
    grid-column-end: 6;
}
.col-end-7 {
    grid-column-end: 7;
}
.col-end-8 {
    grid-column-end: 8;
}
.col-end-9 {
    grid-column-end: 9;
}
.col-end-10 {
    grid-column-end: 10;
}
.col-end-11 {
    grid-column-end: 11;
}
.col-end-12 {
    grid-column-end: 12;
}
.col-end-13 {
    grid-column-end: 13;
}
.col-end-auto {
    grid-column-end: auto;
}

/* sm breakpoint grid-column utilities */
@media (max-width: 478px) {
    .sm-col-auto {
        grid-column: auto;
    }
    .sm-col-span-1 {
        grid-column: span 1 / span 1;
    }
    .sm-col-span-2 {
        grid-column: span 2 / span 2;
    }
    .sm-col-span-3 {
        grid-column: span 3 / span 3;
    }
    .sm-col-span-4 {
        grid-column: span 4 / span 4;
    }
    .sm-col-span-5 {
        grid-column: span 5 / span 5;
    }
    .sm-col-span-6 {
        grid-column: span 6 / span 6;
    }
    .sm-col-span-7 {
        grid-column: span 7 / span 7;
    }
    .sm-col-span-8 {
        grid-column: span 8 / span 8;
    }
    .sm-col-span-9 {
        grid-column: span 9 / span 9;
    }
    .sm-col-span-10 {
        grid-column: span 10 / span 10;
    }
    .sm-col-span-11 {
        grid-column: span 11 / span 11;
    }
    .sm-col-span-12 {
        grid-column: span 12 / span 12;
    }
    .sm-col-span-full {
        grid-column: 1 / -1;
    }
    .sm-col-start-1 {
        grid-column-start: 1;
    }
    .sm-col-start-2 {
        grid-column-start: 2;
    }
    .sm-col-start-3 {
        grid-column-start: 3;
    }
    .sm-col-start-4 {
        grid-column-start: 4;
    }
    .sm-col-start-5 {
        grid-column-start: 5;
    }
    .sm-col-start-6 {
        grid-column-start: 6;
    }
    .sm-col-start-7 {
        grid-column-start: 7;
    }
    .sm-col-start-8 {
        grid-column-start: 8;
    }
    .sm-col-start-9 {
        grid-column-start: 9;
    }
    .sm-col-start-10 {
        grid-column-start: 10;
    }
    .sm-col-start-11 {
        grid-column-start: 11;
    }
    .sm-col-start-12 {
        grid-column-start: 12;
    }
    .sm-col-start-13 {
        grid-column-start: 13;
    }
    .sm-col-start-auto {
        grid-column-start: auto;
    }
    .sm-col-end-1 {
        grid-column-end: 1;
    }
    .sm-col-end-2 {
        grid-column-end: 2;
    }
    .sm-col-end-3 {
        grid-column-end: 3;
    }
    .sm-col-end-4 {
        grid-column-end: 4;
    }
    .sm-col-end-5 {
        grid-column-end: 5;
    }
    .sm-col-end-6 {
        grid-column-end: 6;
    }
    .sm-col-end-7 {
        grid-column-end: 7;
    }
    .sm-col-end-8 {
        grid-column-end: 8;
    }
    .sm-col-end-9 {
        grid-column-end: 9;
    }
    .sm-col-end-10 {
        grid-column-end: 10;
    }
    .sm-col-end-11 {
        grid-column-end: 11;
    }
    .sm-col-end-12 {
        grid-column-end: 12;
    }
    .sm-col-end-13 {
        grid-column-end: 13;
    }
    .sm-col-end-auto {
        grid-column-end: auto;
    }
}

/* md breakpoint grid-column utilities */
@media (max-width: 767px) {
    .md-col-auto {
        grid-column: auto;
    }
    .md-col-span-1 {
        grid-column: span 1 / span 1;
    }
    .md-col-span-2 {
        grid-column: span 2 / span 2;
    }
    .md-col-span-3 {
        grid-column: span 3 / span 3;
    }
    .md-col-span-4 {
        grid-column: span 4 / span 4;
    }
    .md-col-span-5 {
        grid-column: span 5 / span 5;
    }
    .md-col-span-6 {
        grid-column: span 6 / span 6;
    }
    .md-col-span-7 {
        grid-column: span 7 / span 7;
    }
    .md-col-span-8 {
        grid-column: span 8 / span 8;
    }
    .md-col-span-9 {
        grid-column: span 9 / span 9;
    }
    .md-col-span-10 {
        grid-column: span 10 / span 10;
    }
    .md-col-span-11 {
        grid-column: span 11 / span 11;
    }
    .md-col-span-12 {
        grid-column: span 12 / span 12;
    }
    .md-col-span-full {
        grid-column: 1 / -1;
    }
    .md-col-start-1 {
        grid-column-start: 1;
    }
    .md-col-start-2 {
        grid-column-start: 2;
    }
    .md-col-start-3 {
        grid-column-start: 3;
    }
    .md-col-start-4 {
        grid-column-start: 4;
    }
    .md-col-start-5 {
        grid-column-start: 5;
    }
    .md-col-start-6 {
        grid-column-start: 6;
    }
    .md-col-start-7 {
        grid-column-start: 7;
    }
    .md-col-start-8 {
        grid-column-start: 8;
    }
    .md-col-start-9 {
        grid-column-start: 9;
    }
    .md-col-start-10 {
        grid-column-start: 10;
    }
    .md-col-start-11 {
        grid-column-start: 11;
    }
    .md-col-start-12 {
        grid-column-start: 12;
    }
    .md-col-start-13 {
        grid-column-start: 13;
    }
    .md-col-start-auto {
        grid-column-start: auto;
    }
    .md-col-end-1 {
        grid-column-end: 1;
    }
    .md-col-end-2 {
        grid-column-end: 2;
    }
    .md-col-end-3 {
        grid-column-end: 3;
    }
    .md-col-end-4 {
        grid-column-end: 4;
    }
    .md-col-end-5 {
        grid-column-end: 5;
    }
    .md-col-end-6 {
        grid-column-end: 6;
    }
    .md-col-end-7 {
        grid-column-end: 7;
    }
    .md-col-end-8 {
        grid-column-end: 8;
    }
    .md-col-end-9 {
        grid-column-end: 9;
    }
    .md-col-end-10 {
        grid-column-end: 10;
    }
    .md-col-end-11 {
        grid-column-end: 11;
    }
    .md-col-end-12 {
        grid-column-end: 12;
    }
    .md-col-end-13 {
        grid-column-end: 13;
    }
    .md-col-end-auto {
        grid-column-end: auto;
    }
}

/* lg breakpoint grid-column utilities */
@media (max-width: 991px) {
    .lg-col-auto {
        grid-column: auto;
    }
    .lg-col-span-1 {
        grid-column: span 1 / span 1;
    }
    .lg-col-span-2 {
        grid-column: span 2 / span 2;
    }
    .lg-col-span-3 {
        grid-column: span 3 / span 3;
    }
    .lg-col-span-4 {
        grid-column: span 4 / span 4;
    }
    .lg-col-span-5 {
        grid-column: span 5 / span 5;
    }
    .lg-col-span-6 {
        grid-column: span 6 / span 6;
    }
    .lg-col-span-7 {
        grid-column: span 7 / span 7;
    }
    .lg-col-span-8 {
        grid-column: span 8 / span 8;
    }
    .lg-col-span-9 {
        grid-column: span 9 / span 9;
    }
    .lg-col-span-10 {
        grid-column: span 10 / span 10;
    }
    .lg-col-span-11 {
        grid-column: span 11 / span 11;
    }
    .lg-col-span-12 {
        grid-column: span 12 / span 12;
    }
    .lg-col-span-full {
        grid-column: 1 / -1;
    }
    .lg-col-start-1 {
        grid-column-start: 1;
    }
    .lg-col-start-2 {
        grid-column-start: 2;
    }
    .lg-col-start-3 {
        grid-column-start: 3;
    }
    .lg-col-start-4 {
        grid-column-start: 4;
    }
    .lg-col-start-5 {
        grid-column-start: 5;
    }
    .lg-col-start-6 {
        grid-column-start: 6;
    }
    .lg-col-start-7 {
        grid-column-start: 7;
    }
    .lg-col-start-8 {
        grid-column-start: 8;
    }
    .lg-col-start-9 {
        grid-column-start: 9;
    }
    .lg-col-start-10 {
        grid-column-start: 10;
    }
    .lg-col-start-11 {
        grid-column-start: 11;
    }
    .lg-col-start-12 {
        grid-column-start: 12;
    }
    .lg-col-start-13 {
        grid-column-start: 13;
    }
    .lg-col-start-auto {
        grid-column-start: auto;
    }
    .lg-col-end-1 {
        grid-column-end: 1;
    }
    .lg-col-end-2 {
        grid-column-end: 2;
    }
    .lg-col-end-3 {
        grid-column-end: 3;
    }
    .lg-col-end-4 {
        grid-column-end: 4;
    }
    .lg-col-end-5 {
        grid-column-end: 5;
    }
    .lg-col-end-6 {
        grid-column-end: 6;
    }
    .lg-col-end-7 {
        grid-column-end: 7;
    }
    .lg-col-end-8 {
        grid-column-end: 8;
    }
    .lg-col-end-9 {
        grid-column-end: 9;
    }
    .lg-col-end-10 {
        grid-column-end: 10;
    }
    .lg-col-end-11 {
        grid-column-end: 11;
    }
    .lg-col-end-12 {
        grid-column-end: 12;
    }
    .lg-col-end-13 {
        grid-column-end: 13;
    }
    .lg-col-end-auto {
        grid-column-end: auto;
    }
}
/* Custom grid-template-rows utilities */

/* Default grid-template-rows utilities */
.grid-rows-1 {
    grid-template-rows: repeat(1, minmax(0, 1fr));
}
.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}
.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}
.grid-rows-4 {
    grid-template-rows: repeat(4, minmax(0, 1fr));
}
.grid-rows-5 {
    grid-template-rows: repeat(5, minmax(0, 1fr));
}
.grid-rows-6 {
    grid-template-rows: repeat(6, minmax(0, 1fr));
}
.grid-rows-7 {
    grid-template-rows: repeat(7, minmax(0, 1fr));
}
.grid-rows-8 {
    grid-template-rows: repeat(8, minmax(0, 1fr));
}
.grid-rows-9 {
    grid-template-rows: repeat(9, minmax(0, 1fr));
}
.grid-rows-10 {
    grid-template-rows: repeat(10, minmax(0, 1fr));
}
.grid-rows-11 {
    grid-template-rows: repeat(11, minmax(0, 1fr));
}
.grid-rows-12 {
    grid-template-rows: repeat(12, minmax(0, 1fr));
}
.grid-rows-none {
    grid-template-rows: none;
}
.grid-rows-subgrid {
    grid-template-rows: subgrid;
}

/* Default grid-row utilities */
.row-auto {
    grid-row: auto;
}
.row-span-1 {
    grid-row: span 1 / span 1;
}
.row-span-2 {
    grid-row: span 2 / span 2;
}
.row-span-3 {
    grid-row: span 3 / span 3;
}
.row-span-4 {
    grid-row: span 4 / span 4;
}
.row-span-5 {
    grid-row: span 5 / span 5;
}
.row-span-6 {
    grid-row: span 6 / span 6;
}
.row-span-7 {
    grid-row: span 7 / span 7;
}
.row-span-8 {
    grid-row: span 8 / span 8;
}
.row-span-9 {
    grid-row: span 9 / span 9;
}
.row-span-10 {
    grid-row: span 10 / span 10;
}
.row-span-11 {
    grid-row: span 11 / span 11;
}
.row-span-12 {
    grid-row: span 12 / span 12;
}
.row-span-full {
    grid-row: 1 / -1;
}

/* Default grid-row-start utilities */
.row-start-1 {
    grid-row-start: 1;
}
.row-start-2 {
    grid-row-start: 2;
}
.row-start-3 {
    grid-row-start: 3;
}
.row-start-4 {
    grid-row-start: 4;
}
.row-start-5 {
    grid-row-start: 5;
}
.row-start-6 {
    grid-row-start: 6;
}
.row-start-7 {
    grid-row-start: 7;
}
.row-start-8 {
    grid-row-start: 8;
}
.row-start-9 {
    grid-row-start: 9;
}
.row-start-10 {
    grid-row-start: 10;
}
.row-start-11 {
    grid-row-start: 11;
}
.row-start-12 {
    grid-row-start: 12;
}
.row-start-13 {
    grid-row-start: 13;
}
.row-start-auto {
    grid-row-start: auto;
}

/* Default grid-row-end utilities */
.row-end-1 {
    grid-row-end: 1;
}
.row-end-2 {
    grid-row-end: 2;
}
.row-end-3 {
    grid-row-end: 3;
}
.row-end-4 {
    grid-row-end: 4;
}
.row-end-5 {
    grid-row-end: 5;
}
.row-end-6 {
    grid-row-end: 6;
}
.row-end-7 {
    grid-row-end: 7;
}
.row-end-8 {
    grid-row-end: 8;
}
.row-end-9 {
    grid-row-end: 9;
}
.row-end-10 {
    grid-row-end: 10;
}
.row-end-11 {
    grid-row-end: 11;
}
.row-end-12 {
    grid-row-end: 12;
}
.row-end-13 {
    grid-row-end: 13;
}
.row-end-auto {
    grid-row-end: auto;
}

/* Default grid-auto-flow utilities */
.grid-flow-row {
    grid-auto-flow: row;
}
.grid-flow-col {
    grid-auto-flow: column;
}
.grid-flow-dense {
    grid-auto-flow: dense;
}
.grid-flow-row-dense {
    grid-auto-flow: row dense;
}
.grid-flow-col-dense {
    grid-auto-flow: column dense;
}

/* Default grid-auto-columns utilities */
.auto-cols-auto {
    grid-auto-columns: auto;
}
.auto-cols-min {
    grid-auto-columns: min-content;
}
.auto-cols-max {
    grid-auto-columns: max-content;
}
.auto-cols-fr {
    grid-auto-columns: minmax(0, 1fr);
}

/* Default grid-auto-rows utilities */
.auto-rows-auto {
    grid-auto-rows: auto;
}
.auto-rows-min {
    grid-auto-rows: min-content;
}
.auto-rows-max {
    grid-auto-rows: max-content;
}
.auto-rows-fr {
    grid-auto-rows: minmax(0, 1fr);
}

/* Default gap utilities */
.gap-0 {
    gap: 0px;
}
.gap-x-0 {
    column-gap: 0px;
}
.gap-y-0 {
    row-gap: 0px;
}
.gap-px {
    gap: 1px;
}
.gap-x-px {
    column-gap: 1px;
}
.gap-y-px {
    row-gap: 1px;
}
.gap-0\.5 {
    gap: 0.125rem; /* 2px */
}
.gap-x-0\.5 {
    column-gap: 0.125rem; /* 2px */
}
.gap-y-0\.5 {
    row-gap: 0.125rem; /* 2px */
}
.gap-1 {
    gap: 0.25rem; /* 4px */
}
.gap-x-1 {
    column-gap: 0.25rem; /* 4px */
}
.gap-y-1 {
    row-gap: 0.25rem; /* 4px */
}
.gap-1\.5 {
    gap: 0.375rem; /* 6px */
}
.gap-x-1\.5 {
    column-gap: 0.375rem; /* 6px */
}
.gap-y-1\.5 {
    row-gap: 0.375rem; /* 6px */
}
.gap-2 {
    gap: 0.5rem; /* 8px */
}
.gap-x-2 {
    column-gap: 0.5rem; /* 8px */
}
.gap-y-2 {
    row-gap: 0.5rem; /* 8px */
}
.gap-2\.5 {
    gap: 0.625rem; /* 10px */
}
.gap-x-2\.5 {
    column-gap: 0.625rem; /* 10px */
}
.gap-y-2\.5 {
    row-gap: 0.625rem; /* 10px */
}
.gap-3 {
    gap: 0.75rem; /* 12px */
}
.gap-x-3 {
    column-gap: 0.75rem; /* 12px */
}
.gap-y-3 {
    row-gap: 0.75rem; /* 12px */
}
.gap-3\.5 {
    gap: 0.875rem; /* 14px */
}
.gap-x-3\.5 {
    column-gap: 0.875rem; /* 14px */
}
.gap-y-3\.5 {
    row-gap: 0.875rem; /* 14px */
}
.gap-4 {
    gap: 1rem; /* 16px */
}
.gap-x-4 {
    column-gap: 1rem; /* 16px */
}
.gap-y-4 {
    row-gap: 1rem; /* 16px */
}
.gap-5 {
    gap: 1.25rem; /* 20px */
}
.gap-x-5 {
    column-gap: 1.25rem; /* 20px */
}
.gap-y-5 {
    row-gap: 1.25rem; /* 20px */
}
.gap-6 {
    gap: 1.5rem; /* 24px */
}
.gap-x-6 {
    column-gap: 1.5rem; /* 24px */
}
.gap-y-6 {
    row-gap: 1.5rem; /* 24px */
}
.gap-7 {
    gap: 1.75rem; /* 28px */
}
.gap-x-7 {
    column-gap: 1.75rem; /* 28px */
}
.gap-y-7 {
    row-gap: 1.75rem; /* 28px */
}
.gap-8 {
    gap: 2rem; /* 32px */
}
.gap-x-8 {
    column-gap: 2rem; /* 32px */
}
.gap-y-8 {
    row-gap: 2rem; /* 32px */
}
.gap-9 {
    gap: 2.25rem; /* 36px */
}
.gap-x-9 {
    column-gap: 2.25rem; /* 36px */
}
.gap-y-9 {
    row-gap: 2.25rem; /* 36px */
}
.gap-10 {
    gap: 2.5rem; /* 40px */
}
.gap-x-10 {
    column-gap: 2.5rem; /* 40px */
}
.gap-y-10 {
    row-gap: 2.5rem; /* 40px */
}
.gap-11 {
    gap: 2.75rem; /* 44px */
}
.gap-x-11 {
    column-gap: 2.75rem; /* 44px */
}
.gap-y-11 {
    row-gap: 2.75rem; /* 44px */
}
.gap-12 {
    gap: 3rem; /* 48px */
}
.gap-x-12 {
    column-gap: 3rem; /* 48px */
}
.gap-y-12 {
    row-gap: 3rem; /* 48px */
}
.gap-14 {
    gap: 3.5rem; /* 56px */
}
.gap-x-14 {
    column-gap: 3.5rem; /* 56px */
}
.gap-y-14 {
    row-gap: 3.5rem; /* 56px */
}
.gap-16 {
    gap: 4rem; /* 64px */
}
.gap-x-16 {
    column-gap: 4rem; /* 64px */
}
.gap-y-16 {
    row-gap: 4rem; /* 64px */
}
.gap-20 {
    gap: 5rem; /* 80px */
}
.gap-x-20 {
    column-gap: 5rem; /* 80px */
}
.gap-y-20 {
    row-gap: 5rem; /* 80px */
}
.gap-24 {
    gap: 6rem; /* 96px */
}
.gap-x-24 {
    column-gap: 6rem; /* 96px */
}
.gap-y-24 {
    row-gap: 6rem; /* 96px */
}
.gap-28 {
    gap: 7rem; /* 112px */
}
.gap-x-28 {
    column-gap: 7rem; /* 112px */
}
.gap-y-28 {
    row-gap: 7rem; /* 112px */
}
.gap-32 {
    gap: 8rem; /* 128px */
}
.gap-x-32 {
    column-gap: 8rem; /* 128px */
}
.gap-y-32 {
    row-gap: 8rem; /* 128px */
}
.gap-36 {
    gap: 9rem; /* 144px */
}
.gap-x-36 {
    column-gap: 9rem; /* 144px */
}
.gap-y-36 {
    row-gap: 9rem; /* 144px */
}
.gap-40 {
    gap: 10rem; /* 160px */
}
.gap-x-40 {
    column-gap: 10rem; /* 160px */
}
.gap-y-40 {
    row-gap: 10rem; /* 160px */
}
.gap-44 {
    gap: 11rem; /* 176px */
}
.gap-x-44 {
    column-gap: 11rem; /* 176px */
}
.gap-y-44 {
    row-gap: 11rem; /* 176px */
}
.gap-48 {
    gap: 12rem; /* 192px */
}
.gap-x-48 {
    column-gap: 12rem; /* 192px */
}
.gap-y-48 {
    row-gap: 12rem; /* 192px */
}
.gap-52 {
    gap: 13rem; /* 208px */
}
.gap-x-52 {
    column-gap: 13rem; /* 208px */
}
.gap-y-52 {
    row-gap: 13rem; /* 208px */
}
.gap-56 {
    gap: 14rem; /* 224px */
}
.gap-x-56 {
    column-gap: 14rem; /* 224px */
}
.gap-y-56 {
    row-gap: 14rem; /* 224px */
}
.gap-60 {
    gap: 15rem; /* 240px */
}
.gap-x-60 {
    column-gap: 15rem; /* 240px */
}
.gap-y-60 {
    row-gap: 15rem; /* 240px */
}
.gap-64 {
    gap: 16rem; /* 256px */
}
.gap-x-64 {
    column-gap: 16rem; /* 256px */
}
.gap-y-64 {
    row-gap: 16rem; /* 256px */
}
.gap-72 {
    gap: 18rem; /* 288px */
}
.gap-x-72 {
    column-gap: 18rem; /* 288px */
}
.gap-y-72 {
    row-gap: 18rem; /* 288px */
}
.gap-80 {
    gap: 20rem; /* 320px */
}
.gap-x-80 {
    column-gap: 20rem; /* 320px */
}
.gap-y-80 {
    row-gap: 20rem; /* 320px */
}
.gap-96 {
    gap: 24rem; /* 384px */
}
.gap-x-96 {
    column-gap: 24rem; /* 384px */
}
.gap-y-96 {
    row-gap: 24rem; /* 384px */
}

/* sm breakpoint grid-template-rows utilities */
@media (max-width: 478px) {
    .sm-grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .sm-grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .sm-grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .sm-grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .sm-grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .sm-grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .sm-grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .sm-grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .sm-grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .sm-grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .sm-grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .sm-grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .sm-grid-rows-none {
        grid-template-rows: none;
    }
    .sm-grid-rows-subgrid {
        grid-template-rows: subgrid;
    }

    /* sm breakpoint grid-row utilities */
    .sm-row-auto {
        grid-row: auto;
    }
    .sm-row-span-1 {
        grid-row: span 1 / span 1;
    }
    .sm-row-span-2 {
        grid-row: span 2 / span 2;
    }
    .sm-row-span-3 {
        grid-row: span 3 / span 3;
    }
    .sm-row-span-4 {
        grid-row: span 4 / span 4;
    }
    .sm-row-span-5 {
        grid-row: span 5 / span 5;
    }
    .sm-row-span-6 {
        grid-row: span 6 / span 6;
    }
    .sm-row-span-7 {
        grid-row: span 7 / span 7;
    }
    .sm-row-span-8 {
        grid-row: span 8 / span 8;
    }
    .sm-row-span-9 {
        grid-row: span 9 / span 9;
    }
    .sm-row-span-10 {
        grid-row: span 10 / span 10;
    }
    .sm-row-span-11 {
        grid-row: span 11 / span 11;
    }
    .sm-row-span-12 {
        grid-row: span 12 / span 12;
    }
    .sm-row-span-full {
        grid-row: 1 / -1;
    }

    /* sm breakpoint grid-row-start utilities */
    .sm-row-start-1 {
        grid-row-start: 1;
    }
    .sm-row-start-2 {
        grid-row-start: 2;
    }
    .sm-row-start-3 {
        grid-row-start: 3;
    }
    .sm-row-start-4 {
        grid-row-start: 4;
    }
    .sm-row-start-5 {
        grid-row-start: 5;
    }
    .sm-row-start-6 {
        grid-row-start: 6;
    }
    .sm-row-start-7 {
        grid-row-start: 7;
    }
    .sm-row-start-8 {
        grid-row-start: 8;
    }
    .sm-row-start-9 {
        grid-row-start: 9;
    }
    .sm-row-start-10 {
        grid-row-start: 10;
    }
    .sm-row-start-11 {
        grid-row-start: 11;
    }
    .sm-row-start-12 {
        grid-row-start: 12;
    }
    .sm-row-start-13 {
        grid-row-start: 13;
    }
    .sm-row-start-auto {
        grid-row-start: auto;
    }

    /* sm breakpoint grid-row-end utilities */
    .sm-row-end-1 {
        grid-row-end: 1;
    }
    .sm-row-end-2 {
        grid-row-end: 2;
    }
    .sm-row-end-3 {
        grid-row-end: 3;
    }
    .sm-row-end-4 {
        grid-row-end: 4;
    }
    .sm-row-end-5 {
        grid-row-end: 5;
    }
    .sm-row-end-6 {
        grid-row-end: 6;
    }
    .sm-row-end-7 {
        grid-row-end: 7;
    }
    .sm-row-end-8 {
        grid-row-end: 8;
    }
    .sm-row-end-9 {
        grid-row-end: 9;
    }
    .sm-row-end-10 {
        grid-row-end: 10;
    }
    .sm-row-end-11 {
        grid-row-end: 11;
    }
    .sm-row-end-12 {
        grid-row-end: 12;
    }
    .sm-row-end-13 {
        grid-row-end: 13;
    }
    .sm-row-end-auto {
        grid-row-end: auto;
    }

    /* sm breakpoint grid-auto-flow utilities */
    .sm-grid-flow-row {
        grid-auto-flow: row;
    }
    .sm-grid-flow-col {
        grid-auto-flow: column;
    }
    .sm-grid-flow-dense {
        grid-auto-flow: dense;
    }
    .sm-grid-flow-row-dense {
        grid-auto-flow: row dense;
    }
    .sm-grid-flow-col-dense {
        grid-auto-flow: column dense;
    }

    /* sm breakpoint grid-auto-columns utilities */
    .sm-auto-cols-auto {
        grid-auto-columns: auto;
    }
    .sm-auto-cols-min {
        grid-auto-columns: min-content;
    }
    .sm-auto-cols-max {
        grid-auto-columns: max-content;
    }
    .sm-auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr);
    }

    /* sm breakpoint grid-auto-rows utilities */
    .sm-auto-rows-auto {
        grid-auto-rows: auto;
    }
    .sm-auto-rows-min {
        grid-auto-rows: min-content;
    }
    .sm-auto-rows-max {
        grid-auto-rows: max-content;
    }
    .sm-auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }

    /* sm breakpoint gap utilities */
    .sm-gap-0 {
        gap: 0px;
    }
    .sm-gap-x-0 {
        column-gap: 0px;
    }
    .sm-gap-y-0 {
        row-gap: 0px;
    }
    .sm-gap-px {
        gap: 1px;
    }
    .sm-gap-x-px {
        column-gap: 1px;
    }
    .sm-gap-y-px {
        row-gap: 1px;
    }
    .sm-gap-0\.5 {
        gap: 0.125rem; /* 2px */
    }
    .sm-gap-x-0\.5 {
        column-gap: 0.125rem; /* 2px */
    }
    .sm-gap-y-0\.5 {
        row-gap: 0.125rem; /* 2px */
    }
    .sm-gap-1 {
        gap: 0.25rem; /* 4px */
    }
    .sm-gap-x-1 {
        column-gap: 0.25rem; /* 4px */
    }
    .sm-gap-y-1 {
        row-gap: 0.25rem; /* 4px */
    }
    .sm-gap-1\.5 {
        gap: 0.375rem; /* 6px */
    }
    .sm-gap-x-1\.5 {
        column-gap: 0.375rem; /* 6px */
    }
    .sm-gap-y-1\.5 {
        row-gap: 0.375rem; /* 6px */
    }
    .sm-gap-2 {
        gap: 0.5rem; /* 8px */
    }
    .sm-gap-x-2 {
        column-gap: 0.5rem; /* 8px */
    }
    .sm-gap-y-2 {
        row-gap: 0.5rem; /* 8px */
    }
    .sm-gap-2\.5 {
        gap: 0.625rem; /* 10px */
    }
    .sm-gap-x-2\.5 {
        column-gap: 0.625rem; /* 10px */
    }
    .sm-gap-y-2\.5 {
        row-gap: 0.625rem; /* 10px */
    }
    .sm-gap-3 {
        gap: 0.75rem; /* 12px */
    }
    .sm-gap-x-3 {
        column-gap: 0.75rem; /* 12px */
    }
    .sm-gap-y-3 {
        row-gap: 0.75rem; /* 12px */
    }
    .sm-gap-3\.5 {
        gap: 0.875rem; /* 14px */
    }
    .sm-gap-x-3\.5 {
        column-gap: 0.875rem; /* 14px */
    }
    .sm-gap-y-3\.5 {
        row-gap: 0.875rem; /* 14px */
    }
    .sm-gap-4 {
        gap: 1rem; /* 16px */
    }
    .sm-gap-x-4 {
        column-gap: 1rem; /* 16px */
    }
    .sm-gap-y-4 {
        row-gap: 1rem; /* 16px */
    }
    .sm-gap-5 {
        gap: 1.25rem; /* 20px */
    }
    .sm-gap-x-5 {
        column-gap: 1.25rem; /* 20px */
    }
    .sm-gap-y-5 {
        row-gap: 1.25rem; /* 20px */
    }
    .sm-gap-6 {
        gap: 1.5rem; /* 24px */
    }
    .sm-gap-x-6 {
        column-gap: 1.5rem; /* 24px */
    }
    .sm-gap-y-6 {
        row-gap: 1.5rem; /* 24px */
    }
    .sm-gap-7 {
        gap: 1.75rem; /* 28px */
    }
    .sm-gap-x-7 {
        column-gap: 1.75rem; /* 28px */
    }
    .sm-gap-y-7 {
        row-gap: 1.75rem; /* 28px */
    }
    .sm-gap-8 {
        gap: 2rem; /* 32px */
    }
    .sm-gap-x-8 {
        column-gap: 2rem; /* 32px */
    }
    .sm-gap-y-8 {
        row-gap: 2rem; /* 32px */
    }
    .sm-gap-9 {
        gap: 2.25rem; /* 36px */
    }
    .sm-gap-x-9 {
        column-gap: 2.25rem; /* 36px */
    }
    .sm-gap-y-9 {
        row-gap: 2.25rem; /* 36px */
    }
    .sm-gap-10 {
        gap: 2.5rem; /* 40px */
    }
    .sm-gap-x-10 {
        column-gap: 2.5rem; /* 40px */
    }
    .sm-gap-y-10 {
        row-gap: 2.5rem; /* 40px */
    }
    .sm-gap-11 {
        gap: 2.75rem; /* 44px */
    }
    .sm-gap-x-11 {
        column-gap: 2.75rem; /* 44px */
    }
    .sm-gap-y-11 {
        row-gap: 2.75rem; /* 44px */
    }
    .sm-gap-12 {
        gap: 3rem; /* 48px */
    }
    .sm-gap-x-12 {
        column-gap: 3rem; /* 48px */
    }
    .sm-gap-y-12 {
        row-gap: 3rem; /* 48px */
    }
    .sm-gap-14 {
        gap: 3.5rem; /* 56px */
    }
    .sm-gap-x-14 {
        column-gap: 3.5rem; /* 56px */
    }
    .sm-gap-y-14 {
        row-gap: 3.5rem; /* 56px */
    }
    .sm-gap-16 {
        gap: 4rem; /* 64px */
    }
    .sm-gap-x-16 {
        column-gap: 4rem; /* 64px */
    }
    .sm-gap-y-16 {
        row-gap: 4rem; /* 64px */
    }
    .sm-gap-20 {
        gap: 5rem; /* 80px */
    }
    .sm-gap-x-20 {
        column-gap: 5rem; /* 80px */
    }
    .sm-gap-y-20 {
        row-gap: 5rem; /* 80px */
    }
    .sm-gap-24 {
        gap: 6rem; /* 96px */
    }
    .sm-gap-x-24 {
        column-gap: 6rem; /* 96px */
    }
    .sm-gap-y-24 {
        row-gap: 6rem; /* 96px */
    }
    .sm-gap-28 {
        gap: 7rem; /* 112px */
    }
    .sm-gap-x-28 {
        column-gap: 7rem; /* 112px */
    }
    .sm-gap-y-28 {
        row-gap: 7rem; /* 112px */
    }
    .sm-gap-32 {
        gap: 8rem; /* 128px */
    }
    .sm-gap-x-32 {
        column-gap: 8rem; /* 128px */
    }
    .sm-gap-y-32 {
        row-gap: 8rem; /* 128px */
    }
    .sm-gap-36 {
        gap: 9rem; /* 144px */
    }
    .sm-gap-x-36 {
        column-gap: 9rem; /* 144px */
    }
    .sm-gap-y-36 {
        row-gap: 9rem; /* 144px */
    }
    .sm-gap-40 {
        gap: 10rem; /* 160px */
    }
    .sm-gap-x-40 {
        column-gap: 10rem; /* 160px */
    }
    .sm-gap-y-40 {
        row-gap: 10rem; /* 160px */
    }
    .sm-gap-44 {
        gap: 11rem; /* 176px */
    }
    .sm-gap-x-44 {
        column-gap: 11rem; /* 176px */
    }
    .sm-gap-y-44 {
        row-gap: 11rem; /* 176px */
    }
    .sm-gap-48 {
        gap: 12rem; /* 192px */
    }
    .sm-gap-x-48 {
        column-gap: 12rem; /* 192px */
    }
    .sm-gap-y-48 {
        row-gap: 12rem; /* 192px */
    }
    .sm-gap-52 {
        gap: 13rem; /* 208px */
    }
    .sm-gap-x-52 {
        column-gap: 13rem; /* 208px */
    }
    .sm-gap-y-52 {
        row-gap: 13rem; /* 208px */
    }
    .sm-gap-56 {
        gap: 14rem; /* 224px */
    }
    .sm-gap-x-56 {
        column-gap: 14rem; /* 224px */
    }
    .sm-gap-y-56 {
        row-gap: 14rem; /* 224px */
    }
    .sm-gap-60 {
        gap: 15rem; /* 240px */
    }
    .sm-gap-x-60 {
        column-gap: 15rem; /* 240px */
    }
    .sm-gap-y-60 {
        row-gap: 15rem; /* 240px */
    }
    .sm-gap-64 {
        gap: 16rem; /* 256px */
    }
    .sm-gap-x-64 {
        column-gap: 16rem; /* 256px */
    }
    .sm-gap-y-64 {
        row-gap: 16rem; /* 256px */
    }
    .sm-gap-72 {
        gap: 18rem; /* 288px */
    }
    .sm-gap-x-72 {
        column-gap: 18rem; /* 288px */
    }
    .sm-gap-y-72 {
        row-gap: 18rem; /* 288px */
    }
    .sm-gap-80 {
        gap: 20rem; /* 320px */
    }
    .sm-gap-x-80 {
        column-gap: 20rem; /* 320px */
    }
    .sm-gap-y-80 {
        row-gap: 20rem; /* 320px */
    }
    .sm-gap-96 {
        gap: 24rem; /* 384px */
    }
    .sm-gap-x-96 {
        column-gap: 24rem; /* 384px */
    }
    .sm-gap-y-96 {
        row-gap: 24rem; /* 384px */
    }
}

/* md breakpoint grid-template-rows utilities */
@media (max-width: 767px) {
    .md-grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .md-grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .md-grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .md-grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .md-grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .md-grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .md-grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .md-grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .md-grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .md-grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .md-grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .md-grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .md-grid-rows-none {
        grid-template-rows: none;
    }
    .md-grid-rows-subgrid {
        grid-template-rows: subgrid;
    }

    /* md breakpoint grid-row utilities */
    .md-row-auto {
        grid-row: auto;
    }
    .md-row-span-1 {
        grid-row: span 1 / span 1;
    }
    .md-row-span-2 {
        grid-row: span 2 / span 2;
    }
    .md-row-span-3 {
        grid-row: span 3 / span 3;
    }
    .md-row-span-4 {
        grid-row: span 4 / span 4;
    }
    .md-row-span-5 {
        grid-row: span 5 / span 5;
    }
    .md-row-span-6 {
        grid-row: span 6 / span 6;
    }
    .md-row-span-7 {
        grid-row: span 7 / span 7;
    }
    .md-row-span-8 {
        grid-row: span 8 / span 8;
    }
    .md-row-span-9 {
        grid-row: span 9 / span 9;
    }
    .md-row-span-10 {
        grid-row: span 10 / span 10;
    }
    .md-row-span-11 {
        grid-row: span 11 / span 11;
    }
    .md-row-span-12 {
        grid-row: span 12 / span 12;
    }
    .md-row-span-full {
        grid-row: 1 / -1;
    }

    /* md breakpoint grid-row-start utilities */
    .md-row-start-1 {
        grid-row-start: 1;
    }
    .md-row-start-2 {
        grid-row-start: 2;
    }
    .md-row-start-3 {
        grid-row-start: 3;
    }
    .md-row-start-4 {
        grid-row-start: 4;
    }
    .md-row-start-5 {
        grid-row-start: 5;
    }
    .md-row-start-6 {
        grid-row-start: 6;
    }
    .md-row-start-7 {
        grid-row-start: 7;
    }
    .md-row-start-8 {
        grid-row-start: 8;
    }
    .md-row-start-9 {
        grid-row-start: 9;
    }
    .md-row-start-10 {
        grid-row-start: 10;
    }
    .md-row-start-11 {
        grid-row-start: 11;
    }
    .md-row-start-12 {
        grid-row-start: 12;
    }
    .md-row-start-13 {
        grid-row-start: 13;
    }
    .md-row-start-auto {
        grid-row-start: auto;
    }

    /* md breakpoint grid-row-end utilities */
    .md-row-end-1 {
        grid-row-end: 1;
    }
    .md-row-end-2 {
        grid-row-end: 2;
    }
    .md-row-end-3 {
        grid-row-end: 3;
    }
    .md-row-end-4 {
        grid-row-end: 4;
    }
    .md-row-end-5 {
        grid-row-end: 5;
    }
    .md-row-end-6 {
        grid-row-end: 6;
    }
    .md-row-end-7 {
        grid-row-end: 7;
    }
    .md-row-end-8 {
        grid-row-end: 8;
    }
    .md-row-end-9 {
        grid-row-end: 9;
    }
    .md-row-end-10 {
        grid-row-end: 10;
    }
    .md-row-end-11 {
        grid-row-end: 11;
    }
    .md-row-end-12 {
        grid-row-end: 12;
    }
    .md-row-end-13 {
        grid-row-end: 13;
    }
    .md-row-end-auto {
        grid-row-end: auto;
    }

    /* md breakpoint grid-auto-flow utilities */
    .md-grid-flow-row {
        grid-auto-flow: row;
    }
    .md-grid-flow-col {
        grid-auto-flow: column;
    }
    .md-grid-flow-dense {
        grid-auto-flow: dense;
    }
    .md-grid-flow-row-dense {
        grid-auto-flow: row dense;
    }
    .md-grid-flow-col-dense {
        grid-auto-flow: column dense;
    }

    /* md breakpoint grid-auto-columns utilities */
    .md-auto-cols-auto {
        grid-auto-columns: auto;
    }
    .md-auto-cols-min {
        grid-auto-columns: min-content;
    }
    .md-auto-cols-max {
        grid-auto-columns: max-content;
    }
    .md-auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr);
    }

    /* md breakpoint grid-auto-rows utilities */
    .md-auto-rows-auto {
        grid-auto-rows: auto;
    }
    .md-auto-rows-min {
        grid-auto-rows: min-content;
    }
    .md-auto-rows-max {
        grid-auto-rows: max-content;
    }
    .md-auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }

    /* md breakpoint gap utilities */
    .md-gap-0 {
        gap: 0px;
    }
    .md-gap-x-0 {
        column-gap: 0px;
    }
    .md-gap-y-0 {
        row-gap: 0px;
    }
    .md-gap-px {
        gap: 1px;
    }
    .md-gap-x-px {
        column-gap: 1px;
    }
    .md-gap-y-px {
        row-gap: 1px;
    }
    .md-gap-0\.5 {
        gap: 0.125rem; /* 2px */
    }
    .md-gap-x-0\.5 {
        column-gap: 0.125rem; /* 2px */
    }
    .md-gap-y-0\.5 {
        row-gap: 0.125rem; /* 2px */
    }
    .md-gap-1 {
        gap: 0.25rem; /* 4px */
    }
    .md-gap-x-1 {
        column-gap: 0.25rem; /* 4px */
    }
    .md-gap-y-1 {
        row-gap: 0.25rem; /* 4px */
    }
    .md-gap-1\.5 {
        gap: 0.375rem; /* 6px */
    }
    .md-gap-x-1\.5 {
        column-gap: 0.375rem; /* 6px */
    }
    .md-gap-y-1\.5 {
        row-gap: 0.375rem; /* 6px */
    }
    .md-gap-2 {
        gap: 0.5rem; /* 8px */
    }
    .md-gap-x-2 {
        column-gap: 0.5rem; /* 8px */
    }
    .md-gap-y-2 {
        row-gap: 0.5rem; /* 8px */
    }
    .md-gap-2\.5 {
        gap: 0.625rem; /* 10px */
    }
    .md-gap-x-2\.5 {
        column-gap: 0.625rem; /* 10px */
    }
    .md-gap-y-2\.5 {
        row-gap: 0.625rem; /* 10px */
    }
    .md-gap-3 {
        gap: 0.75rem; /* 12px */
    }
    .md-gap-x-3 {
        column-gap: 0.75rem; /* 12px */
    }
    .md-gap-y-3 {
        row-gap: 0.75rem; /* 12px */
    }
    .md-gap-3\.5 {
        gap: 0.875rem; /* 14px */
    }
    .md-gap-x-3\.5 {
        column-gap: 0.875rem; /* 14px */
    }
    .md-gap-y-3\.5 {
        row-gap: 0.875rem; /* 14px */
    }
    .md-gap-4 {
        gap: 1rem; /* 16px */
    }
    .md-gap-x-4 {
        column-gap: 1rem; /* 16px */
    }
    .md-gap-y-4 {
        row-gap: 1rem; /* 16px */
    }
    .md-gap-5 {
        gap: 1.25rem; /* 20px */
    }
    .md-gap-x-5 {
        column-gap: 1.25rem; /* 20px */
    }
    .md-gap-y-5 {
        row-gap: 1.25rem; /* 20px */
    }
    .md-gap-6 {
        gap: 1.5rem; /* 24px */
    }
    .md-gap-x-6 {
        column-gap: 1.5rem; /* 24px */
    }
    .md-gap-y-6 {
        row-gap: 1.5rem; /* 24px */
    }
    .md-gap-7 {
        gap: 1.75rem; /* 28px */
    }
    .md-gap-x-7 {
        column-gap: 1.75rem; /* 28px */
    }
    .md-gap-y-7 {
        row-gap: 1.75rem; /* 28px */
    }
    .md-gap-8 {
        gap: 2rem; /* 32px */
    }
    .md-gap-x-8 {
        column-gap: 2rem; /* 32px */
    }
    .md-gap-y-8 {
        row-gap: 2rem; /* 32px */
    }
    .md-gap-9 {
        gap: 2.25rem; /* 36px */
    }
    .md-gap-x-9 {
        column-gap: 2.25rem; /* 36px */
    }
    .md-gap-y-9 {
        row-gap: 2.25rem; /* 36px */
    }
    .md-gap-10 {
        gap: 2.5rem; /* 40px */
    }
    .md-gap-x-10 {
        column-gap: 2.5rem; /* 40px */
    }
    .md-gap-y-10 {
        row-gap: 2.5rem; /* 40px */
    }
    .md-gap-11 {
        gap: 2.75rem; /* 44px */
    }
    .md-gap-x-11 {
        column-gap: 2.75rem; /* 44px */
    }
    .md-gap-y-11 {
        row-gap: 2.75rem; /* 44px */
    }
    .md-gap-12 {
        gap: 3rem; /* 48px */
    }
    .md-gap-x-12 {
        column-gap: 3rem; /* 48px */
    }
    .md-gap-y-12 {
        row-gap: 3rem; /* 48px */
    }
    .md-gap-14 {
        gap: 3.5rem; /* 56px */
    }
    .md-gap-x-14 {
        column-gap: 3.5rem; /* 56px */
    }
    .md-gap-y-14 {
        row-gap: 3.5rem; /* 56px */
    }
    .md-gap-16 {
        gap: 4rem; /* 64px */
    }
    .md-gap-x-16 {
        column-gap: 4rem; /* 64px */
    }
    .md-gap-y-16 {
        row-gap: 4rem; /* 64px */
    }
    .md-gap-20 {
        gap: 5rem; /* 80px */
    }
    .md-gap-x-20 {
        column-gap: 5rem; /* 80px */
    }
    .md-gap-y-20 {
        row-gap: 5rem; /* 80px */
    }
    .md-gap-24 {
        gap: 6rem; /* 96px */
    }
    .md-gap-x-24 {
        column-gap: 6rem; /* 96px */
    }
    .md-gap-y-24 {
        row-gap: 6rem; /* 96px */
    }
    .md-gap-28 {
        gap: 7rem; /* 112px */
    }
    .md-gap-x-28 {
        column-gap: 7rem; /* 112px */
    }
    .md-gap-y-28 {
        row-gap: 7rem; /* 112px */
    }
    .md-gap-32 {
        gap: 8rem; /* 128px */
    }
    .md-gap-x-32 {
        column-gap: 8rem; /* 128px */
    }
    .md-gap-y-32 {
        row-gap: 8rem; /* 128px */
    }
    .md-gap-36 {
        gap: 9rem; /* 144px */
    }
    .md-gap-x-36 {
        column-gap: 9rem; /* 144px */
    }
    .md-gap-y-36 {
        row-gap: 9rem; /* 144px */
    }
    .md-gap-40 {
        gap: 10rem; /* 160px */
    }
    .md-gap-x-40 {
        column-gap: 10rem; /* 160px */
    }
    .md-gap-y-40 {
        row-gap: 10rem; /* 160px */
    }
    .md-gap-44 {
        gap: 11rem; /* 176px */
    }
    .md-gap-x-44 {
        column-gap: 11rem; /* 176px */
    }
    .md-gap-y-44 {
        row-gap: 11rem; /* 176px */
    }
    .md-gap-48 {
        gap: 12rem; /* 192px */
    }
    .md-gap-x-48 {
        column-gap: 12rem; /* 192px */
    }
    .md-gap-y-48 {
        row-gap: 12rem; /* 192px */
    }
    .md-gap-52 {
        gap: 13rem; /* 208px */
    }
    .md-gap-x-52 {
        column-gap: 13rem; /* 208px */
    }
    .md-gap-y-52 {
        row-gap: 13rem; /* 208px */
    }
    .md-gap-56 {
        gap: 14rem; /* 224px */
    }
    .md-gap-x-56 {
        column-gap: 14rem; /* 224px */
    }
    .md-gap-y-56 {
        row-gap: 14rem; /* 224px */
    }
    .md-gap-60 {
        gap: 15rem; /* 240px */
    }
    .md-gap-x-60 {
        column-gap: 15rem; /* 240px */
    }
    .md-gap-y-60 {
        row-gap: 15rem; /* 240px */
    }
    .md-gap-64 {
        gap: 16rem; /* 256px */
    }
    .md-gap-x-64 {
        column-gap: 16rem; /* 256px */
    }
    .md-gap-y-64 {
        row-gap: 16rem; /* 256px */
    }
    .md-gap-72 {
        gap: 18rem; /* 288px */
    }
    .md-gap-x-72 {
        column-gap: 18rem; /* 288px */
    }
    .md-gap-y-72 {
        row-gap: 18rem; /* 288px */
    }
    .md-gap-80 {
        gap: 20rem; /* 320px */
    }
    .md-gap-x-80 {
        column-gap: 20rem; /* 320px */
    }
    .md-gap-y-80 {
        row-gap: 20rem; /* 320px */
    }
    .md-gap-96 {
        gap: 24rem; /* 384px */
    }
    .md-gap-x-96 {
        column-gap: 24rem; /* 384px */
    }
    .md-gap-y-96 {
        row-gap: 24rem; /* 384px */
    }
}

/* lg breakpoint grid-template-rows utilities */
@media (max-width: 991px) {
    .lg-grid-rows-1 {
        grid-template-rows: repeat(1, minmax(0, 1fr));
    }
    .lg-grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
    .lg-grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }
    .lg-grid-rows-4 {
        grid-template-rows: repeat(4, minmax(0, 1fr));
    }
    .lg-grid-rows-5 {
        grid-template-rows: repeat(5, minmax(0, 1fr));
    }
    .lg-grid-rows-6 {
        grid-template-rows: repeat(6, minmax(0, 1fr));
    }
    .lg-grid-rows-7 {
        grid-template-rows: repeat(7, minmax(0, 1fr));
    }
    .lg-grid-rows-8 {
        grid-template-rows: repeat(8, minmax(0, 1fr));
    }
    .lg-grid-rows-9 {
        grid-template-rows: repeat(9, minmax(0, 1fr));
    }
    .lg-grid-rows-10 {
        grid-template-rows: repeat(10, minmax(0, 1fr));
    }
    .lg-grid-rows-11 {
        grid-template-rows: repeat(11, minmax(0, 1fr));
    }
    .lg-grid-rows-12 {
        grid-template-rows: repeat(12, minmax(0, 1fr));
    }
    .lg-grid-rows-none {
        grid-template-rows: none;
    }
    .lg-grid-rows-subgrid {
        grid-template-rows: subgrid;
    }

    /* lg breakpoint grid-row utilities */
    .lg-row-auto {
        grid-row: auto;
    }
    .lg-row-span-1 {
        grid-row: span 1 / span 1;
    }
    .lg-row-span-2 {
        grid-row: span 2 / span 2;
    }
    .lg-row-span-3 {
        grid-row: span 3 / span 3;
    }
    .lg-row-span-4 {
        grid-row: span 4 / span 4;
    }
    .lg-row-span-5 {
        grid-row: span 5 / span 5;
    }
    .lg-row-span-6 {
        grid-row: span 6 / span 6;
    }
    .lg-row-span-7 {
        grid-row: span 7 / span 7;
    }
    .lg-row-span-8 {
        grid-row: span 8 / span 8;
    }
    .lg-row-span-9 {
        grid-row: span 9 / span 9;
    }
    .lg-row-span-10 {
        grid-row: span 10 / span 10;
    }
    .lg-row-span-11 {
        grid-row: span 11 / span 11;
    }
    .lg-row-span-12 {
        grid-row: span 12 / span 12;
    }
    .lg-row-span-full {
        grid-row: 1 / -1;
    }

    /* lg breakpoint grid-row-start utilities */
    .lg-row-start-1 {
        grid-row-start: 1;
    }
    .lg-row-start-2 {
        grid-row-start: 2;
    }
    .lg-row-start-3 {
        grid-row-start: 3;
    }
    .lg-row-start-4 {
        grid-row-start: 4;
    }
    .lg-row-start-5 {
        grid-row-start: 5;
    }
    .lg-row-start-6 {
        grid-row-start: 6;
    }
    .lg-row-start-7 {
        grid-row-start: 7;
    }
    .lg-row-start-8 {
        grid-row-start: 8;
    }
    .lg-row-start-9 {
        grid-row-start: 9;
    }
    .lg-row-start-10 {
        grid-row-start: 10;
    }
    .lg-row-start-11 {
        grid-row-start: 11;
    }
    .lg-row-start-12 {
        grid-row-start: 12;
    }
    .lg-row-start-13 {
        grid-row-start: 13;
    }
    .lg-row-start-auto {
        grid-row-start: auto;
    }

    /* lg breakpoint grid-row-end utilities */
    .lg-row-end-1 {
        grid-row-end: 1;
    }
    .lg-row-end-2 {
        grid-row-end: 2;
    }
    .lg-row-end-3 {
        grid-row-end: 3;
    }
    .lg-row-end-4 {
        grid-row-end: 4;
    }
    .lg-row-end-5 {
        grid-row-end: 5;
    }
    .lg-row-end-6 {
        grid-row-end: 6;
    }
    .lg-row-end-7 {
        grid-row-end: 7;
    }
    .lg-row-end-8 {
        grid-row-end: 8;
    }
    .lg-row-end-9 {
        grid-row-end: 9;
    }
    .lg-row-end-10 {
        grid-row-end: 10;
    }
    .lg-row-end-11 {
        grid-row-end: 11;
    }
    .lg-row-end-12 {
        grid-row-end: 12;
    }
    .lg-row-end-13 {
        grid-row-end: 13;
    }
    .lg-row-end-auto {
        grid-row-end: auto;
    }

    /* lg breakpoint grid-auto-flow utilities */
    .lg-grid-flow-row {
        grid-auto-flow: row;
    }
    .lg-grid-flow-col {
        grid-auto-flow: column;
    }
    .lg-grid-flow-dense {
        grid-auto-flow: dense;
    }
    .lg-grid-flow-row-dense {
        grid-auto-flow: row dense;
    }
    .lg-grid-flow-col-dense {
        grid-auto-flow: column dense;
    }

    /* lg breakpoint grid-auto-columns utilities */
    .lg-auto-cols-auto {
        grid-auto-columns: auto;
    }
    .lg-auto-cols-min {
        grid-auto-columns: min-content;
    }
    .lg-auto-cols-max {
        grid-auto-columns: max-content;
    }
    .lg-auto-cols-fr {
        grid-auto-columns: minmax(0, 1fr);
    }

    /* lg breakpoint grid-auto-rows utilities */
    .lg-auto-rows-auto {
        grid-auto-rows: auto;
    }
    .lg-auto-rows-min {
        grid-auto-rows: min-content;
    }
    .lg-auto-rows-max {
        grid-auto-rows: max-content;
    }
    .lg-auto-rows-fr {
        grid-auto-rows: minmax(0, 1fr);
    }

    /* lg breakpoint gap utilities */
    .lg-gap-0 {
        gap: 0px;
    }
    .lg-gap-x-0 {
        column-gap: 0px;
    }
    .lg-gap-y-0 {
        row-gap: 0px;
    }
    .lg-gap-px {
        gap: 1px;
    }
    .lg-gap-x-px {
        column-gap: 1px;
    }
    .lg-gap-y-px {
        row-gap: 1px;
    }
    .lg-gap-0\.5 {
        gap: 0.125rem; /* 2px */
    }
    .lg-gap-x-0\.5 {
        column-gap: 0.125rem; /* 2px */
    }
    .lg-gap-y-0\.5 {
        row-gap: 0.125rem; /* 2px */
    }
    .lg-gap-1 {
        gap: 0.25rem; /* 4px */
    }
    .lg-gap-x-1 {
        column-gap: 0.25rem; /* 4px */
    }
    .lg-gap-y-1 {
        row-gap: 0.25rem; /* 4px */
    }
    .lg-gap-1\.5 {
        gap: 0.375rem; /* 6px */
    }
    .lg-gap-x-1\.5 {
        column-gap: 0.375rem; /* 6px */
    }
    .lg-gap-y-1\.5 {
        row-gap: 0.375rem; /* 6px */
    }
    .lg-gap-2 {
        gap: 0.5rem; /* 8px */
    }
    .lg-gap-x-2 {
        column-gap: 0.5rem; /* 8px */
    }
    .lg-gap-y-2 {
        row-gap: 0.5rem; /* 8px */
    }
    .lg-gap-2\.5 {
        gap: 0.625rem; /* 10px */
    }
    .lg-gap-x-2\.5 {
        column-gap: 0.625rem; /* 10px */
    }
    .lg-gap-y-2\.5 {
        row-gap: 0.625rem; /* 10px */
    }
    .lg-gap-3 {
        gap: 0.75rem; /* 12px */
    }
    .lg-gap-x-3 {
        column-gap: 0.75rem; /* 12px */
    }
    .lg-gap-y-3 {
        row-gap: 0.75rem; /* 12px */
    }
    .lg-gap-3\.5 {
        gap: 0.875rem; /* 14px */
    }
    .lg-gap-x-3\.5 {
        column-gap: 0.875rem; /* 14px */
    }
    .lg-gap-y-3\.5 {
        row-gap: 0.875rem; /* 14px */
    }
    .lg-gap-4 {
        gap: 1rem; /* 16px */
    }
    .lg-gap-x-4 {
        column-gap: 1rem; /* 16px */
    }
    .lg-gap-y-4 {
        row-gap: 1rem; /* 16px */
    }
    .lg-gap-5 {
        gap: 1.25rem; /* 20px */
    }
    .lg-gap-x-5 {
        column-gap: 1.25rem; /* 20px */
    }
    .lg-gap-y-5 {
        row-gap: 1.25rem; /* 20px */
    }
    .lg-gap-6 {
        gap: 1.5rem; /* 24px */
    }
    .lg-gap-x-6 {
        column-gap: 1.5rem; /* 24px */
    }
    .lg-gap-y-6 {
        row-gap: 1.5rem; /* 24px */
    }
    .lg-gap-7 {
        gap: 1.75rem; /* 28px */
    }
    .lg-gap-x-7 {
        column-gap: 1.75rem; /* 28px */
    }
    .lg-gap-y-7 {
        row-gap: 1.75rem; /* 28px */
    }
    .lg-gap-8 {
        gap: 2rem; /* 32px */
    }
    .lg-gap-x-8 {
        column-gap: 2rem; /* 32px */
    }
    .lg-gap-y-8 {
        row-gap: 2rem; /* 32px */
    }
    .lg-gap-9 {
        gap: 2.25rem; /* 36px */
    }
    .lg-gap-x-9 {
        column-gap: 2.25rem; /* 36px */
    }
    .lg-gap-y-9 {
        row-gap: 2.25rem; /* 36px */
    }
    .lg-gap-10 {
        gap: 2.5rem; /* 40px */
    }
    .lg-gap-x-10 {
        column-gap: 2.5rem; /* 40px */
    }
    .lg-gap-y-10 {
        row-gap: 2.5rem; /* 40px */
    }
    .lg-gap-11 {
        gap: 2.75rem; /* 44px */
    }
    .lg-gap-x-11 {
        column-gap: 2.75rem; /* 44px */
    }
    .lg-gap-y-11 {
        row-gap: 2.75rem; /* 44px */
    }
    .lg-gap-12 {
        gap: 3rem; /* 48px */
    }
    .lg-gap-x-12 {
        column-gap: 3rem; /* 48px */
    }
    .lg-gap-y-12 {
        row-gap: 3rem; /* 48px */
    }
    .lg-gap-14 {
        gap: 3.5rem; /* 56px */
    }
    .lg-gap-x-14 {
        column-gap: 3.5rem; /* 56px */
    }
    .lg-gap-y-14 {
        row-gap: 3.5rem; /* 56px */
    }
    .lg-gap-16 {
        gap: 4rem; /* 64px */
    }
    .lg-gap-x-16 {
        column-gap: 4rem; /* 64px */
    }
    .lg-gap-y-16 {
        row-gap: 4rem; /* 64px */
    }
    .lg-gap-20 {
        gap: 5rem; /* 80px */
    }
    .lg-gap-x-20 {
        column-gap: 5rem; /* 80px */
    }
    .lg-gap-y-20 {
        row-gap: 5rem; /* 80px */
    }
    .lg-gap-24 {
        gap: 6rem; /* 96px */
    }
    .lg-gap-x-24 {
        column-gap: 6rem; /* 96px */
    }
    .lg-gap-y-24 {
        row-gap: 6rem; /* 96px */
    }
    .lg-gap-28 {
        gap: 7rem; /* 112px */
    }
    .lg-gap-x-28 {
        column-gap: 7rem; /* 112px */
    }
    .lg-gap-y-28 {
        row-gap: 7rem; /* 112px */
    }
    .lg-gap-32 {
        gap: 8rem; /* 128px */
    }
    .lg-gap-x-32 {
        column-gap: 8rem; /* 128px */
    }
    .lg-gap-y-32 {
        row-gap: 8rem; /* 128px */
    }
    .lg-gap-36 {
        gap: 9rem; /* 144px */
    }
    .lg-gap-x-36 {
        column-gap: 9rem; /* 144px */
    }
    .lg-gap-y-36 {
        row-gap: 9rem; /* 144px */
    }
    .lg-gap-40 {
        gap: 10rem; /* 160px */
    }
    .lg-gap-x-40 {
        column-gap: 10rem; /* 160px */
    }
    .lg-gap-y-40 {
        row-gap: 10rem; /* 160px */
    }
    .lg-gap-44 {
        gap: 11rem; /* 176px */
    }
    .lg-gap-x-44 {
        column-gap: 11rem; /* 176px */
    }
    .lg-gap-y-44 {
        row-gap: 11rem; /* 176px */
    }
    .lg-gap-48 {
        gap: 12rem; /* 192px */
    }
    .lg-gap-x-48 {
        column-gap: 12rem; /* 192px */
    }
    .lg-gap-y-48 {
        row-gap: 12rem; /* 192px */
    }
    .lg-gap-52 {
        gap: 13rem; /* 208px */
    }
    .lg-gap-x-52 {
        column-gap: 13rem; /* 208px */
    }
    .lg-gap-y-52 {
        row-gap: 13rem; /* 208px */
    }
    .lg-gap-56 {
        gap: 14rem; /* 224px */
    }
    .lg-gap-x-56 {
        column-gap: 14rem; /* 224px */
    }
    .lg-gap-y-56 {
        row-gap: 14rem; /* 224px */
    }
    .lg-gap-60 {
        gap: 15rem; /* 240px */
    }
    .lg-gap-x-60 {
        column-gap: 15rem; /* 240px */
    }
    .lg-gap-y-60 {
        row-gap: 15rem; /* 240px */
    }
    .lg-gap-64 {
        gap: 16rem; /* 256px */
    }
    .lg-gap-x-64 {
        column-gap: 16rem; /* 256px */
    }
    .lg-gap-y-64 {
        row-gap: 16rem; /* 256px */
    }
    .lg-gap-72 {
        gap: 18rem; /* 288px */
    }
    .lg-gap-x-72 {
        column-gap: 18rem; /* 288px */
    }
    .lg-gap-y-72 {
        row-gap: 18rem; /* 288px */
    }
    .lg-gap-80 {
        gap: 20rem; /* 320px */
    }
    .lg-gap-x-80 {
        column-gap: 20rem; /* 320px */
    }
    .lg-gap-y-80 {
        row-gap: 20rem; /* 320px */
    }
    .lg-gap-96 {
        gap: 24rem; /* 384px */
    }
    .lg-gap-x-96 {
        column-gap: 24rem; /* 384px */
    }
    .lg-gap-y-96 {
        row-gap: 24rem; /* 384px */
    }
}
/* Custom justify, align, and place utilities */

/* Default justify-items utilities */
.justify-items-start {
    justify-items: start;
}
.justify-items-end {
    justify-items: end;
}
.justify-items-center {
    justify-items: center;
}
.justify-items-stretch {
    justify-items: stretch;
}

/* Default justify-content utilities */
.justify-normal {
    justify-content: normal;
}
.justify-start {
    justify-content: flex-start;
}
.justify-end {
    justify-content: flex-end;
}
.justify-center {
    justify-content: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-around {
    justify-content: space-around;
}
.justify-evenly {
    justify-content: space-evenly;
}
.justify-stretch {
    justify-content: stretch;
}

/* Default justify-self utilities */
.justify-self-auto {
    justify-self: auto;
}
.justify-self-start {
    justify-self: start;
}
.justify-self-end {
    justify-self: end;
}
.justify-self-center {
    justify-self: center;
}
.justify-self-stretch {
    justify-self: stretch;
}

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

/* Default align-items utilities */
.items-start {
    align-items: flex-start;
}
.items-end {
    align-items: flex-end;
}
.items-center {
    align-items: center;
}
.items-baseline {
    align-items: baseline;
}
.items-stretch {
    align-items: stretch;
}

/* Default align-self utilities */
.self-auto {
    align-self: auto;
}
.self-start {
    align-self: flex-start;
}
.self-end {
    align-self: flex-end;
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.self-baseline {
    align-self: baseline;
}

/* Default place-content utilities */
.place-content-center {
    place-content: center;
}
.place-content-start {
    place-content: start;
}
.place-content-end {
    place-content: end;
}
.place-content-between {
    place-content: space-between;
}
.place-content-around {
    place-content: space-around;
}
.place-content-evenly {
    place-content: space-evenly;
}
.place-content-baseline {
    place-content: baseline;
}
.place-content-stretch {
    place-content: stretch;
}

/* Default place-items utilities */
.place-items-start {
    place-items: start;
}
.place-items-end {
    place-items: end;
}
.place-items-center {
    place-items: center;
}
.place-items-baseline {
    place-items: baseline;
}
.place-items-stretch {
    place-items: stretch;
}

/* Default place-self utilities */
.place-self-auto {
    place-self: auto;
}
.place-self-start {
    place-self: start;
}
.place-self-end {
    place-self: end;
}
.place-self-center {
    place-self: center;
}
.place-self-stretch {
    place-self: stretch;
}

/* sm breakpoint justify, align, and place utilities */
@media (max-width: 478px) {
    .sm-justify-items-start {
        justify-items: start;
    }
    .sm-justify-items-end {
        justify-items: end;
    }
    .sm-justify-items-center {
        justify-items: center;
    }
    .sm-justify-items-stretch {
        justify-items: stretch;
    }
    .sm-justify-normal {
        justify-content: normal;
    }
    .sm-justify-start {
        justify-content: flex-start;
    }
    .sm-justify-end {
        justify-content: flex-end;
    }
    .sm-justify-center {
        justify-content: center;
    }
    .sm-justify-between {
        justify-content: space-between;
    }
    .sm-justify-around {
        justify-content: space-around;
    }
    .sm-justify-evenly {
        justify-content: space-evenly;
    }
    .sm-justify-stretch {
        justify-content: stretch;
    }
    .sm-justify-self-auto {
        justify-self: auto;
    }
    .sm-justify-self-start {
        justify-self: start;
    }
    .sm-justify-self-end {
        justify-self: end;
    }
    .sm-justify-self-center {
        justify-self: center;
    }
    .sm-justify-self-stretch {
        justify-self: stretch;
    }
    .sm-content-normal {
        align-content: normal;
    }
    .sm-content-center {
        align-content: center;
    }
    .sm-content-start {
        align-content: flex-start;
    }
    .sm-content-end {
        align-content: flex-end;
    }
    .sm-content-between {
        align-content: space-between;
    }
    .sm-content-around {
        align-content: space-around;
    }
    .sm-content-evenly {
        align-content: space-evenly;
    }
    .sm-content-baseline {
        align-content: baseline;
    }
    .sm-content-stretch {
        align-content: stretch;
    }
    .sm-items-start {
        align-items: flex-start;
    }
    .sm-items-end {
        align-items: flex-end;
    }
    .sm-items-center {
        align-items: center;
    }
    .sm-items-baseline {
        align-items: baseline;
    }
    .sm-items-stretch {
        align-items: stretch;
    }
    .sm-self-auto {
        align-self: auto;
    }
    .sm-self-start {
        align-self: flex-start;
    }
    .sm-self-end {
        align-self: flex-end;
    }
    .sm-self-center {
        align-self: center;
    }
    .sm-self-stretch {
        align-self: stretch;
    }
    .sm-self-baseline {
        align-self: baseline;
    }
    .sm-place-content-center {
        place-content: center;
    }
    .sm-place-content-start {
        place-content: start;
    }
    .sm-place-content-end {
        place-content: end;
    }
    .sm-place-content-between {
        place-content: space-between;
    }
    .sm-place-content-around {
        place-content: space-around;
    }
    .sm-place-content-evenly {
        place-content: space-evenly;
    }
    .sm-place-content-baseline {
        place-content: baseline;
    }
    .sm-place-content-stretch {
        place-content: stretch;
    }
    .sm-place-items-start {
        place-items: start;
    }
    .sm-place-items-end {
        place-items: end;
    }
    .sm-place-items-center {
        place-items: center;
    }
    .sm-place-items-baseline {
        place-items: baseline;
    }
    .sm-place-items-stretch {
        place-items: stretch;
    }
    .sm-place-self-auto {
        place-self: auto;
    }
    .sm-place-self-start {
        place-self: start;
    }
    .sm-place-self-end {
        place-self: end;
    }
    .sm-place-self-center {
        place-self: center;
    }
    .sm-place-self-stretch {
        place-self: stretch;
    }
}

/* md breakpoint justify, align, and place utilities */
@media (max-width: 767px) {
    .md-justify-items-start {
        justify-items: start;
    }
    .md-justify-items-end {
        justify-items: end;
    }
    .md-justify-items-center {
        justify-items: center;
    }
    .md-justify-items-stretch {
        justify-items: stretch;
    }
    .md-justify-normal {
        justify-content: normal;
    }
    .md-justify-start {
        justify-content: flex-start;
    }
    .md-justify-end {
        justify-content: flex-end;
    }
    .md-justify-center {
        justify-content: center;
    }
    .md-justify-between {
        justify-content: space-between;
    }
    .md-justify-around {
        justify-content: space-around;
    }
    .md-justify-evenly {
        justify-content: space-evenly;
    }
    .md-justify-stretch {
        justify-content: stretch;
    }
    .md-justify-self-auto {
        justify-self: auto;
    }
    .md-justify-self-start {
        justify-self: start;
    }
    .md-justify-self-end {
        justify-self: end;
    }
    .md-justify-self-center {
        justify-self: center;
    }
    .md-justify-self-stretch {
        justify-self: stretch;
    }
    .md-content-normal {
        align-content: normal;
    }
    .md-content-center {
        align-content: center;
    }
    .md-content-start {
        align-content: flex-start;
    }
    .md-content-end {
        align-content: flex-end;
    }
    .md-content-between {
        align-content: space-between;
    }
    .md-content-around {
        align-content: space-around;
    }
    .md-content-evenly {
        align-content: space-evenly;
    }
    .md-content-baseline {
        align-content: baseline;
    }
    .md-content-stretch {
        align-content: stretch;
    }
    .md-items-start {
        align-items: flex-start;
    }
    .md-items-end {
        align-items: flex-end;
    }
    .md-items-center {
        align-items: center;
    }
    .md-items-baseline {
        align-items: baseline;
    }
    .md-items-stretch {
        align-items: stretch;
    }
    .md-self-auto {
        align-self: auto;
    }
    .md-self-start {
        align-self: flex-start;
    }
    .md-self-end {
        align-self: flex-end;
    }
    .md-self-center {
        align-self: center;
    }
    .md-self-stretch {
        align-self: stretch;
    }
    .md-self-baseline {
        align-self: baseline;
    }
    .md-place-content-center {
        place-content: center;
    }
    .md-place-content-start {
        place-content: start;
    }
    .md-place-content-end {
        place-content: end;
    }
    .md-place-content-between {
        place-content: space-between;
    }
    .md-place-content-around {
        place-content: space-around;
    }
    .md-place-content-evenly {
        place-content: space-evenly;
    }
    .md-place-content-baseline {
        place-content: baseline;
    }
    .md-place-content-stretch {
        place-content: stretch;
    }
    .md-place-items-start {
        place-items: start;
    }
    .md-place-items-end {
        place-items: end;
    }
    .md-place-items-center {
        place-items: center;
    }
    .md-place-items-baseline {
        place-items: baseline;
    }
    .md-place-items-stretch {
        place-items: stretch;
    }
    .md-place-self-auto {
        place-self: auto;
    }
    .md-place-self-start {
        place-self: start;
    }
    .md-place-self-end {
        place-self: end;
    }
    .md-place-self-center {
        place-self: center;
    }
    .md-place-self-stretch {
        place-self: stretch;
    }
}

/* lg breakpoint justify, align, and place utilities */
@media (max-width: 991px) {
    .lg-justify-items-start {
        justify-items: start;
    }
    .lg-justify-items-end {
        justify-items: end;
    }
    .lg-justify-items-center {
        justify-items: center;
    }
    .lg-justify-items-stretch {
        justify-items: stretch;
    }
    .lg-justify-normal {
        justify-content: normal;
    }
    .lg-justify-start {
        justify-content: flex-start;
    }
    .lg-justify-end {
        justify-content: flex-end;
    }
    .lg-justify-center {
        justify-content: center;
    }
    .lg-justify-between {
        justify-content: space-between;
    }
    .lg-justify-around {
        justify-content: space-around;
    }
    .lg-justify-evenly {
        justify-content: space-evenly;
    }
    .lg-justify-stretch {
        justify-content: stretch;
    }
    .lg-justify-self-auto {
        justify-self: auto;
    }
    .lg-justify-self-start {
        justify-self: start;
    }
    .lg-justify-self-end {
        justify-self: end;
    }
    .lg-justify-self-center {
        justify-self: center;
    }
    .lg-justify-self-stretch {
        justify-self: stretch;
    }
    .lg-content-normal {
        align-content: normal;
    }
    .lg-content-center {
        align-content: center;
    }
    .lg-content-start {
        align-content: flex-start;
    }
    .lg-content-end {
        align-content: flex-end;
    }
    .lg-content-between {
        align-content: space-between;
    }
    .lg-content-around {
        align-content: space-around;
    }
    .lg-content-evenly {
        align-content: space-evenly;
    }
    .lg-content-baseline {
        align-content: baseline;
    }
    .lg-content-stretch {
        align-content: stretch;
    }
    .lg-items-start {
        align-items: flex-start;
    }
    .lg-items-end {
        align-items: flex-end;
    }
    .lg-items-center {
        align-items: center;
    }
    .lg-items-baseline {
        align-items: baseline;
    }
    .lg-items-stretch {
        align-items: stretch;
    }
    .lg-self-auto {
        align-self: auto;
    }
    .lg-self-start {
        align-self: flex-start;
    }
    .lg-self-end {
        align-self: flex-end;
    }
    .lg-self-center {
        align-self: center;
    }
    .lg-self-stretch {
        align-self: stretch;
    }
    .lg-self-baseline {
        align-self: baseline;
    }
    .lg-place-content-center {
        place-content: center;
    }
    .lg-place-content-start {
        place-content: start;
    }
    .lg-place-content-end {
        place-content: end;
    }
    .lg-place-content-between {
        place-content: space-between;
    }
    .lg-place-content-around {
        place-content: space-around;
    }
    .lg-place-content-evenly {
        place-content: space-evenly;
    }
    .lg-place-content-baseline {
        place-content: baseline;
    }
    .lg-place-content-stretch {
        place-content: stretch;
    }
    .lg-place-items-start {
        place-items: start;
    }
    .lg-place-items-end {
        place-items: end;
    }
    .lg-place-items-center {
        place-items: center;
    }
    .lg-place-items-baseline {
        place-items: baseline;
    }
    .lg-place-items-stretch {
        place-items: stretch;
    }
    .lg-place-self-auto {
        place-self: auto;
    }
    .lg-place-self-start {
        place-self: start;
    }
    .lg-place-self-end {
        place-self: end;
    }
    .lg-place-self-center {
        place-self: center;
    }
    .lg-place-self-stretch {
        place-self: stretch;
    }
}
/* Custom padding utilities */

/* Default padding utilities */
.p-0 {
    padding: 0px;
}
.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ps-0 {
    padding-inline-start: 0px;
}
.pe-0 {
    padding-inline-end: 0px;
}
.pt-0 {
    padding-top: 0px;
}
.pr-0 {
    padding-right: 0px;
}
.pb-0 {
    padding-bottom: 0px;
}
.pl-0 {
    padding-left: 0px;
}
.p-px {
    padding: 1px;
}
.px-px {
    padding-left: 1px;
    padding-right: 1px;
}
.py-px {
    padding-top: 1px;
    padding-bottom: 1px;
}
.ps-px {
    padding-inline-start: 1px;
}
.pe-px {
    padding-inline-end: 1px;
}
.pt-px {
    padding-top: 1px;
}
.pr-px {
    padding-right: 1px;
}
.pb-px {
    padding-bottom: 1px;
}
.pl-px {
    padding-left: 1px;
}
.p-0\.5 {
    padding: 0.125rem; /* 2px */
}
.px-0\.5 {
    padding-left: 0.125rem; /* 2px */
    padding-right: 0.125rem; /* 2px */
}
.py-0\.5 {
    padding-top: 0.125rem; /* 2px */
    padding-bottom: 0.125rem; /* 2px */
}
.ps-0\.5 {
    padding-inline-start: 0.125rem; /* 2px */
}
.pe-0\.5 {
    padding-inline-end: 0.125rem; /* 2px */
}
.pt-0\.5 {
    padding-top: 0.125rem; /* 2px */
}
.pr-0\.5 {
    padding-right: 0.125rem; /* 2px */
}
.pb-0\.5 {
    padding-bottom: 0.125rem; /* 2px */
}
.pl-0\.5 {
    padding-left: 0.125rem; /* 2px */
}
.p-1 {
    padding: 0.25rem; /* 4px */
}
.px-1 {
    padding-left: 0.25rem; /* 4px */
    padding-right: 0.25rem; /* 4px */
}
.py-1 {
    padding-top: 0.25rem; /* 4px */
    padding-bottom: 0.25rem; /* 4px */
}
.ps-1 {
    padding-inline-start: 0.25rem; /* 4px */
}
.pe-1 {
    padding-inline-end: 0.25rem; /* 4px */
}
.pt-1 {
    padding-top: 0.25rem; /* 4px */
}
.pr-1 {
    padding-right: 0.25rem; /* 4px */
}
.pb-1 {
    padding-bottom: 0.25rem; /* 4px */
}
.pl-1 {
    padding-left: 0.25rem; /* 4px */
}
.p-1\.5 {
    padding: 0.375rem; /* 6px */
}
.px-1\.5 {
    padding-left: 0.375rem; /* 6px */
    padding-right: 0.375rem; /* 6px */
}
.py-1\.5 {
    padding-top: 0.375rem; /* 6px */
    padding-bottom: 0.375rem; /* 6px */
}
.ps-1\.5 {
    padding-inline-start: 0.375rem; /* 6px */
}
.pe-1\.5 {
    padding-inline-end: 0.375rem; /* 6px */
}
.pt-1\.5 {
    padding-top: 0.375rem; /* 6px */
}
.pr-1\.5 {
    padding-right: 0.375rem; /* 6px */
}
.pb-1\.5 {
    padding-bottom: 0.375rem; /* 6px */
}
.pl-1\.5 {
    padding-left: 0.375rem; /* 6px */
}
.p-2 {
    padding: 0.5rem; /* 8px */
}
.px-2 {
    padding-left: 0.5rem; /* 8px */
    padding-right: 0.5rem; /* 8px */
}
.py-2 {
    padding-top: 0.5rem; /* 8px */
    padding-bottom: 0.5rem; /* 8px */
}
.ps-2 {
    padding-inline-start: 0.5rem; /* 8px */
}
.pe-2 {
    padding-inline-end: 0.5rem; /* 8px */
}
.pt-2 {
    padding-top: 0.5rem; /* 8px */
}
.pr-2 {
    padding-right: 0.5rem; /* 8px */
}
.pb-2 {
    padding-bottom: 0.5rem; /* 8px */
}
.pl-2 {
    padding-left: 0.5rem; /* 8px */
}
.p-2\.5 {
    padding: 0.625rem; /* 10px */
}
.px-2\.5 {
    padding-left: 0.625rem; /* 10px */
    padding-right: 0.625rem; /* 10px */
}
.py-2\.5 {
    padding-top: 0.625rem; /* 10px */
    padding-bottom: 0.625rem; /* 10px */
}
.ps-2\.5 {
    padding-inline-start: 0.625rem; /* 10px */
}
.pe-2\.5 {
    padding-inline-end: 0.625rem; /* 10px */
}
.pt-2\.5 {
    padding-top: 0.625rem; /* 10px */
}
.pr-2\.5 {
    padding-right: 0.625rem; /* 10px */
}
.pb-2\.5 {
    padding-bottom: 0.625rem; /* 10px */
}
.pl-2\.5 {
    padding-left: 0.625rem; /* 10px */
}
.p-3 {
    padding: 0.75rem; /* 12px */
}
.px-3 {
    padding-left: 0.75rem; /* 12px */
    padding-right: 0.75rem; /* 12px */
}
.py-3 {
    padding-top: 0.75rem; /* 12px */
    padding-bottom: 0.75rem; /* 12px */
}
.ps-3 {
    padding-inline-start: 0.75rem; /* 12px */
}
.pe-3 {
    padding-inline-end: 0.75rem; /* 12px */
}
.pt-3 {
    padding-top: 0.75rem; /* 12px */
}
.pr-3 {
    padding-right: 0.75rem; /* 12px */
}
.pb-3 {
    padding-bottom: 0.75rem; /* 12px */
}
.pl-3 {
    padding-left: 0.75rem; /* 12px */
}
.p-3\.5 {
    padding: 0.875rem; /* 14px */
}
.px-3\.5 {
    padding-left: 0.875rem; /* 14px */
    padding-right: 0.875rem; /* 14px */
}
.py-3\.5 {
    padding-top: 0.875rem; /* 14px */
    padding-bottom: 0.875rem; /* 14px */
}
.ps-3\.5 {
    padding-inline-start: 0.875rem; /* 14px */
}
.pe-3\.5 {
    padding-inline-end: 0.875rem; /* 14px */
}
.pt-3\.5 {
    padding-top: 0.875rem; /* 14px */
}
.pr-3\.5 {
    padding-right: 0.875rem; /* 14px */
}
.pb-3\.5 {
    padding-bottom: 0.875rem; /* 14px */
}
.pl-3\.5 {
    padding-left: 0.875rem; /* 14px */
}
.p-4 {
    padding: 1rem; /* 16px */
}
.px-4 {
    padding-left: 1rem; /* 16px */
    padding-right: 1rem; /* 16px */
}
.py-4 {
    padding-top: 1rem; /* 16px */
    padding-bottom: 1rem; /* 16px */
}
.ps-4 {
    padding-inline-start: 1rem; /* 16px */
}
.pe-4 {
    padding-inline-end: 1rem; /* 16px */
}
.pt-4 {
    padding-top: 1rem; /* 16px */
}
.pr-4 {
    padding-right: 1rem; /* 16px */
}
.pb-4 {
    padding-bottom: 1rem; /* 16px */
}
.pl-4 {
    padding-left: 1rem; /* 16px */
}
.p-5 {
    padding: 1.25rem; /* 20px */
}
.px-5 {
    padding-left: 1.25rem; /* 20px */
    padding-right: 1.25rem; /* 20px */
}
.py-5 {
    padding-top: 1.25rem; /* 20px */
    padding-bottom: 1.25rem; /* 20px */
}
.ps-5 {
    padding-inline-start: 1.25rem; /* 20px */
}
.pe-5 {
    padding-inline-end: 1.25rem; /* 20px */
}
.pt-5 {
    padding-top: 1.25rem; /* 20px */
}
.pr-5 {
    padding-right: 1.25rem; /* 20px */
}
.pb-5 {
    padding-bottom: 1.25rem; /* 20px */
}
.pl-5 {
    padding-left: 1.25rem; /* 20px */
}
.p-6 {
    padding: 1.5rem; /* 24px */
}
.px-6 {
    padding-left: 1.5rem; /* 24px */
    padding-right: 1.5rem; /* 24px */
}
.py-6 {
    padding-top: 1.5rem; /* 24px */
    padding-bottom: 1.5rem; /* 24px */
}
.ps-6 {
    padding-inline-start: 1.5rem; /* 24px */
}
.pe-6 {
    padding-inline-end: 1.5rem; /* 24px */
}
.pt-6 {
    padding-top: 1.5rem; /* 24px */
}
.pr-6 {
    padding-right: 1.5rem; /* 24px */
}
.pb-6 {
    padding-bottom: 1.5rem; /* 24px */
}
.pl-6 {
    padding-left: 1.5rem; /* 24px */
}
.p-7 {
    padding: 1.75rem; /* 28px */
}
.px-7 {
    padding-left: 1.75rem; /* 28px */
    padding-right: 1.75rem; /* 28px */
}
.py-7 {
    padding-top: 1.75rem; /* 28px */
    padding-bottom: 1.75rem; /* 28px */
}
.ps-7 {
    padding-inline-start: 1.75rem; /* 28px */
}
.pe-7 {
    padding-inline-end: 1.75rem; /* 28px */
}
.pt-7 {
    padding-top: 1.75rem; /* 28px */
}
.pr-7 {
    padding-right: 1.75rem; /* 28px */
}
.pb-7 {
    padding-bottom: 1.75rem; /* 28px */
}
.pl-7 {
    padding-left: 1.75rem; /* 28px */
}
.p-8 {
    padding: 2rem; /* 32px */
}
.px-8 {
    padding-left: 2rem; /* 32px */
    padding-right: 2rem; /* 32px */
}
.py-8 {
    padding-top: 2rem; /* 32px */
    padding-bottom: 2rem; /* 32px */
}
.ps-8 {
    padding-inline-start: 2rem; /* 32px */
}
.pe-8 {
    padding-inline-end: 2rem; /* 32px */
}
.pt-8 {
    padding-top: 2rem; /* 32px */
}
.pr-8 {
    padding-right: 2rem; /* 32px */
}
.pb-8 {
    padding-bottom: 2rem; /* 32px */
}
.pl-8 {
    padding-left: 2rem; /* 32px */
}
.p-9 {
    padding: 2.25rem; /* 36px */
}
.px-9 {
    padding-left: 2.25rem; /* 36px */
    padding-right: 2.25rem; /* 36px */
}
.py-9 {
    padding-top: 2.25rem; /* 36px */
    padding-bottom: 2.25rem; /* 36px */
}
.ps-9 {
    padding-inline-start: 2.25rem; /* 36px */
}
.pe-9 {
    padding-inline-end: 2.25rem; /* 36px */
}
.pt-9 {
    padding-top: 2.25rem; /* 36px */
}
.pr-9 {
    padding-right: 2.25rem; /* 36px */
}
.pb-9 {
    padding-bottom: 2.25rem; /* 36px */
}
.pl-9 {
    padding-left: 2.25rem; /* 36px */
}
.p-10 {
    padding: 2.5rem; /* 40px */
}
.px-10 {
    padding-left: 2.5rem; /* 40px */
    padding-right: 2.5rem; /* 40px */
}
.py-10 {
    padding-top: 2.5rem; /* 40px */
    padding-bottom: 2.5rem; /* 40px */
}
.ps-10 {
    padding-inline-start: 2.5rem; /* 40px */
}
.pe-10 {
    padding-inline-end: 2.5rem; /* 40px */
}
.pt-10 {
    padding-top: 2.5rem; /* 40px */
}
.pr-10 {
    padding-right: 2.5rem; /* 40px */
}
.pb-10 {
    padding-bottom: 2.5rem; /* 40px */
}
.pl-10 {
    padding-left: 2.5rem; /* 40px */
}
.p-11 {
    padding: 2.75rem; /* 44px */
}
.px-11 {
    padding-left: 2.75rem; /* 44px */
    padding-right: 2.75rem; /* 44px */
}
.py-11 {
    padding-top: 2.75rem; /* 44px */
    padding-bottom: 2.75rem; /* 44px */
}
.ps-11 {
    padding-inline-start: 2.75rem; /* 44px */
}
.pe-11 {
    padding-inline-end: 2.75rem; /* 44px */
}
.pt-11 {
    padding-top: 2.75rem; /* 44px */
}
.pr-11 {
    padding-right: 2.75rem; /* 44px */
}
.pb-11 {
    padding-bottom: 2.75rem; /* 44px */
}
.pl-11 {
    padding-left: 2.75rem; /* 44px */
}
.p-12 {
    padding: 3rem; /* 48px */
}
.px-12 {
    padding-left: 3rem; /* 48px */
    padding-right: 3rem; /* 48px */
}
.py-12 {
    padding-top: 3rem; /* 48px */
    padding-bottom: 3rem; /* 48px */
}
.ps-12 {
    padding-inline-start: 3rem; /* 48px */
}
.pe-12 {
    padding-inline-end: 3rem; /* 48px */
}
.pt-12 {
    padding-top: 3rem; /* 48px */
}
.pr-12 {
    padding-right: 3rem; /* 48px */
}
.pb-12 {
    padding-bottom: 3rem; /* 48px */
}
.pl-12 {
    padding-left: 3rem; /* 48px */
}
.p-14 {
    padding: 3.5rem; /* 56px */
}
.px-14 {
    padding-left: 3.5rem; /* 56px */
    padding-right: 3.5rem; /* 56px */
}
.py-14 {
    padding-top: 3.5rem; /* 56px */
    padding-bottom: 3.5rem; /* 56px */
}
.ps-14 {
    padding-inline-start: 3.5rem; /* 56px */
}
.pe-14 {
    padding-inline-end: 3.5rem; /* 56px */
}
.pt-14 {
    padding-top: 3.5rem; /* 56px */
}
.pr-14 {
    padding-right: 3.5rem; /* 56px */
}
.pb-14 {
    padding-bottom: 3.5rem; /* 56px */
}
.pl-14 {
    padding-left: 3.5rem; /* 56px */
}
.p-16 {
    padding: 4rem; /* 64px */
}
.px-16 {
    padding-left: 4rem; /* 64px */
    padding-right: 4rem; /* 64px */
}
.py-16 {
    padding-top: 4rem; /* 64px */
    padding-bottom: 4rem; /* 64px */
}
.ps-16 {
    padding-inline-start: 4rem; /* 64px */
}
.pe-16 {
    padding-inline-end: 4rem; /* 64px */
}
.pt-16 {
    padding-top: 4rem; /* 64px */
}
.pr-16 {
    padding-right: 4rem; /* 64px */
}
.pb-16 {
    padding-bottom: 4rem; /* 64px */
}
.pl-16 {
    padding-left: 4rem; /* 64px */
}
.p-20 {
    padding: 5rem; /* 80px */
}
.px-20 {
    padding-left: 5rem; /* 80px */
    padding-right: 5rem; /* 80px */
}
.py-20 {
    padding-top: 5rem; /* 80px */
    padding-bottom: 5rem; /* 80px */
}
.ps-20 {
    padding-inline-start: 5rem; /* 80px */
}
.pe-20 {
    padding-inline-end: 5rem; /* 80px */
}
.pt-20 {
    padding-top: 5rem; /* 80px */
}
.pr-20 {
    padding-right: 5rem; /* 80px */
}
.pb-20 {
    padding-bottom: 5rem; /* 80px */
}
.pl-20 {
    padding-left: 5rem; /* 80px */
}
.p-24 {
    padding: 6rem; /* 96px */
}
.px-24 {
    padding-left: 6rem; /* 96px */
    padding-right: 6rem; /* 96px */
}
.py-24 {
    padding-top: 6rem; /* 96px */
    padding-bottom: 6rem; /* 96px */
}
.ps-24 {
    padding-inline-start: 6rem; /* 96px */
}
.pe-24 {
    padding-inline-end: 6rem; /* 96px */
}
.pt-24 {
    padding-top: 6rem; /* 96px */
}
.pr-24 {
    padding-right: 6rem; /* 96px */
}
.pb-24 {
    padding-bottom: 6rem; /* 96px */
}
.pl-24 {
    padding-left: 6rem; /* 96px */
}
.p-28 {
    padding: 7rem; /* 112px */
}
.px-28 {
    padding-left: 7rem; /* 112px */
    padding-right: 7rem; /* 112px */
}
.py-28 {
    padding-top: 7rem; /* 112px */
    padding-bottom: 7rem; /* 112px */
}
.ps-28 {
    padding-inline-start: 7rem; /* 112px */
}
.pe-28 {
    padding-inline-end: 7rem; /* 112px */
}
.pt-28 {
    padding-top: 7rem; /* 112px */
}
.pr-28 {
    padding-right: 7rem; /* 112px */
}
.pb-28 {
    padding-bottom: 7rem; /* 112px */
}
.pl-28 {
    padding-left: 7rem; /* 112px */
}
.p-32 {
    padding: 8rem; /* 128px */
}
.px-32 {
    padding-left: 8rem; /* 128px */
    padding-right: 8rem; /* 128px */
}
.py-32 {
    padding-top: 8rem; /* 128px */
    padding-bottom: 8rem; /* 128px */
}
.ps-32 {
    padding-inline-start: 8rem; /* 128px */
}
.pe-32 {
    padding-inline-end: 8rem; /* 128px */
}
.pt-32 {
    padding-top: 8rem; /* 128px */
}
.pr-32 {
    padding-right: 8rem; /* 128px */
}
.pb-32 {
    padding-bottom: 8rem; /* 128px */
}
.pl-32 {
    padding-left: 8rem; /* 128px */
}
.p-36 {
    padding: 9rem; /* 144px */
}
.px-36 {
    padding-left: 9rem; /* 144px */
    padding-right: 9rem; /* 144px */
}
.py-36 {
    padding-top: 9rem; /* 144px */
    padding-bottom: 9rem; /* 144px */
}
.ps-36 {
    padding-inline-start: 9rem; /* 144px */
}
.pe-36 {
    padding-inline-end: 9rem; /* 144px */
}
.pt-36 {
    padding-top: 9rem; /* 144px */
}
.pr-36 {
    padding-right: 9rem; /* 144px */
}
.pb-36 {
    padding-bottom: 9rem; /* 144px */
}
.pl-36 {
    padding-left: 9rem; /* 144px */
}
.p-40 {
    padding: 10rem; /* 160px */
}
.px-40 {
    padding-left: 10rem; /* 160px */
    padding-right: 10rem; /* 160px */
}
.py-40 {
    padding-top: 10rem; /* 160px */
    padding-bottom: 10rem; /* 160px */
}
.ps-40 {
    padding-inline-start: 10rem; /* 160px */
}
.pe-40 {
    padding-inline-end: 10rem; /* 160px */
}
.pt-40 {
    padding-top: 10rem; /* 160px */
}
.pr-40 {
    padding-right: 10rem; /* 160px */
}
.pb-40 {
    padding-bottom: 10rem; /* 160px */
}
.pl-40 {
    padding-left: 10rem; /* 160px */
}
.p-44 {
    padding: 11rem; /* 176px */
}
.px-44 {
    padding-left: 11rem; /* 176px */
    padding-right: 11rem; /* 176px */
}
.py-44 {
    padding-top: 11rem; /* 176px */
    padding-bottom: 11rem; /* 176px */
}
.ps-44 {
    padding-inline-start: 11rem; /* 176px */
}
.pe-44 {
    padding-inline-end: 11rem; /* 176px */
}
.pt-44 {
    padding-top: 11rem; /* 176px */
}
.pr-44 {
    padding-right: 11rem; /* 176px */
}
.pb-44 {
    padding-bottom: 11rem; /* 176px */
}
.pl-44 {
    padding-left: 11rem; /* 176px */
}
.p-48 {
    padding: 12rem; /* 192px */
}
.px-48 {
    padding-left: 12rem; /* 192px */
    padding-right: 12rem; /* 192px */
}
.py-48 {
    padding-top: 12rem; /* 192px */
    padding-bottom: 12rem; /* 192px */
}
.ps-48 {
    padding-inline-start: 12rem; /* 192px */
}
.pe-48 {
    padding-inline-end: 12rem; /* 192px */
}
.pt-48 {
    padding-top: 12rem; /* 192px */
}
.pr-48 {
    padding-right: 12rem; /* 192px */
}
.pb-48 {
    padding-bottom: 12rem; /* 192px */
}
.pl-48 {
    padding-left: 12rem; /* 192px */
}
.p-52 {
    padding: 13rem; /* 208px */
}
.px-52 {
    padding-left: 13rem; /* 208px */
    padding-right: 13rem; /* 208px */
}
.py-52 {
    padding-top: 13rem; /* 208px */
    padding-bottom: 13rem; /* 208px */
}
.ps-52 {
    padding-inline-start: 13rem; /* 208px */
}
.pe-52 {
    padding-inline-end: 13rem; /* 208px */
}
.pt-52 {
    padding-top: 13rem; /* 208px */
}
.pr-52 {
    padding-right: 13rem; /* 208px */
}
.pb-52 {
    padding-bottom: 13rem; /* 208px */
}
.pl-52 {
    padding-left: 13rem; /* 208px */
}
.p-56 {
    padding: 14rem; /* 224px */
}
.px-56 {
    padding-left: 14rem; /* 224px */
    padding-right: 14rem; /* 224px */
}
.py-56 {
    padding-top: 14rem; /* 224px */
    padding-bottom: 14rem; /* 224px */
}
.ps-56 {
    padding-inline-start: 14rem; /* 224px */
}
.pe-56 {
    padding-inline-end: 14rem; /* 224px */
}
.pt-56 {
    padding-top: 14rem; /* 224px */
}
.pr-56 {
    padding-right: 14rem; /* 224px */
}
.pb-56 {
    padding-bottom: 14rem; /* 224px */
}
.pl-56 {
    padding-left: 14rem; /* 224px */
}
.p-60 {
    padding: 15rem; /* 240px */
}
.px-60 {
    padding-left: 15rem; /* 240px */
    padding-right: 15rem; /* 240px */
}
.py-60 {
    padding-top: 15rem; /* 240px */
    padding-bottom: 15rem; /* 240px */
}
.ps-60 {
    padding-inline-start: 15rem; /* 240px */
}
.pe-60 {
    padding-inline-end: 15rem; /* 240px */
}
.pt-60 {
    padding-top: 15rem; /* 240px */
}
.pr-60 {
    padding-right: 15rem; /* 240px */
}
.pb-60 {
    padding-bottom: 15rem; /* 240px */
}
.pl-60 {
    padding-left: 15rem; /* 240px */
}
.p-64 {
    padding: 16rem; /* 256px */
}
.px-64 {
    padding-left: 16rem; /* 256px */
    padding-right: 16rem; /* 256px */
}
.py-64 {
    padding-top: 16rem; /* 256px */
    padding-bottom: 16rem; /* 256px */
}
.ps-64 {
    padding-inline-start: 16rem; /* 256px */
}
.pe-64 {
    padding-inline-end: 16rem; /* 256px */
}
.pt-64 {
    padding-top: 16rem; /* 256px */
}
.pr-64 {
    padding-right: 16rem; /* 256px */
}
.pb-64 {
    padding-bottom: 16rem; /* 256px */
}
.pl-64 {
    padding-left: 16rem; /* 256px */
}
.p-72 {
    padding: 18rem; /* 288px */
}
.px-72 {
    padding-left: 18rem; /* 288px */
    padding-right: 18rem; /* 288px */
}
.py-72 {
    padding-top: 18rem; /* 288px */
    padding-bottom: 18rem; /* 288px */
}
.ps-72 {
    padding-inline-start: 18rem; /* 288px */
}
.pe-72 {
    padding-inline-end: 18rem; /* 288px */
}
.pt-72 {
    padding-top: 18rem; /* 288px */
}
.pr-72 {
    padding-right: 18rem; /* 288px */
}
.pb-72 {
    padding-bottom: 18rem; /* 288px */
}
.pl-72 {
    padding-left: 18rem; /* 288px */
}
.p-80 {
    padding: 20rem; /* 320px */
}
.px-80 {
    padding-left: 20rem; /* 320px */
    padding-right: 20rem; /* 320px */
}
.py-80 {
    padding-top: 20rem; /* 320px */
    padding-bottom: 20rem; /* 320px */
}
.ps-80 {
    padding-inline-start: 20rem; /* 320px */
}
.pe-80 {
    padding-inline-end: 20rem; /* 320px */
}
.pt-80 {
    padding-top: 20rem; /* 320px */
}
.pr-80 {
    padding-right: 20rem; /* 320px */
}
.pb-80 {
    padding-bottom: 20rem; /* 320px */
}
.pl-80 {
    padding-left: 20rem; /* 320px */
}
.p-96 {
    padding: 24rem; /* 384px */
}
.px-96 {
    padding-left: 24rem; /* 384px */
    padding-right: 24rem; /* 384px */
}
.py-96 {
    padding-top: 24rem; /* 384px */
    padding-bottom: 24rem; /* 384px */
}
.ps-96 {
    padding-inline-start: 24rem; /* 384px */
}
.pe-96 {
    padding-inline-end: 24rem; /* 384px */
}
.pt-96 {
    padding-top: 24rem; /* 384px */
}
.pr-96 {
    padding-right: 24rem; /* 384px */
}
.pb-96 {
    padding-bottom: 24rem; /* 384px */
}
.pl-96 {
    padding-left: 24rem; /* 384px */
}

/* sm breakpoint padding utilities */
@media (max-width: 478px) {
    .sm-p-0 {
        padding: 0px;
    }
    .sm-px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .sm-py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .sm-ps-0 {
        padding-inline-start: 0px;
    }
    .sm-pe-0 {
        padding-inline-end: 0px;
    }
    .sm-pt-0 {
        padding-top: 0px;
    }
    .sm-pr-0 {
        padding-right: 0px;
    }
    .sm-pb-0 {
        padding-bottom: 0px;
    }
    .sm-pl-0 {
        padding-left: 0px;
    }
    .sm-p-px {
        padding: 1px;
    }
    .sm-px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .sm-py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .sm-ps-px {
        padding-inline-start: 1px;
    }
    .sm-pe-px {
        padding-inline-end: 1px;
    }
    .sm-pt-px {
        padding-top: 1px;
    }
    .sm-pr-px {
        padding-right: 1px;
    }
    .sm-pb-px {
        padding-bottom: 1px;
    }
    .sm-pl-px {
        padding-left: 1px;
    }
    .sm-p-0\.5 {
        padding: 0.125rem; /* 2px */
    }
    .sm-px-0\.5 {
        padding-left: 0.125rem; /* 2px */
        padding-right: 0.125rem; /* 2px */
    }
    .sm-py-0\.5 {
        padding-top: 0.125rem; /* 2px */
        padding-bottom: 0.125rem; /* 2px */
    }
    .sm-ps-0\.5 {
        padding-inline-start: 0.125rem; /* 2px */
    }
    .sm-pe-0\.5 {
        padding-inline-end: 0.125rem; /* 2px */
    }
    .sm-pt-0\.5 {
        padding-top: 0.125rem; /* 2px */
    }
    .sm-pr-0\.5 {
        padding-right: 0.125rem; /* 2px */
    }
    .sm-pb-0\.5 {
        padding-bottom: 0.125rem; /* 2px */
    }
    .sm-pl-0\.5 {
        padding-left: 0.125rem; /* 2px */
    }
    .sm-p-1 {
        padding: 0.25rem; /* 4px */
    }
    .sm-px-1 {
        padding-left: 0.25rem; /* 4px */
        padding-right: 0.25rem; /* 4px */
    }
    .sm-py-1 {
        padding-top: 0.25rem; /* 4px */
        padding-bottom: 0.25rem; /* 4px */
    }
    .sm-ps-1 {
        padding-inline-start: 0.25rem; /* 4px */
    }
    .sm-pe-1 {
        padding-inline-end: 0.25rem; /* 4px */
    }
    .sm-pt-1 {
        padding-top: 0.25rem; /* 4px */
    }
    .sm-pr-1 {
        padding-right: 0.25rem; /* 4px */
    }
    .sm-pb-1 {
        padding-bottom: 0.25rem; /* 4px */
    }
    .sm-pl-1 {
        padding-left: 0.25rem; /* 4px */
    }
    .sm-p-1\.5 {
        padding: 0.375rem; /* 6px */
    }
    .sm-px-1\.5 {
        padding-left: 0.375rem; /* 6px */
        padding-right: 0.375rem; /* 6px */
    }
    .sm-py-1\.5 {
        padding-top: 0.375rem; /* 6px */
        padding-bottom: 0.375rem; /* 6px */
    }
    .sm-ps-1\.5 {
        padding-inline-start: 0.375rem; /* 6px */
    }
    .sm-pe-1\.5 {
        padding-inline-end: 0.375rem; /* 6px */
    }
    .sm-pt-1\.5 {
        padding-top: 0.375rem; /* 6px */
    }
    .sm-pr-1\.5 {
        padding-right: 0.375rem; /* 6px */
    }
    .sm-pb-1\.5 {
        padding-bottom: 0.375rem; /* 6px */
    }
    .sm-pl-1\.5 {
        padding-left: 0.375rem; /* 6px */
    }
    .sm-p-2 {
        padding: 0.5rem; /* 8px */
    }
    .sm-px-2 {
        padding-left: 0.5rem; /* 8px */
        padding-right: 0.5rem; /* 8px */
    }
    .sm-py-2 {
        padding-top: 0.5rem; /* 8px */
        padding-bottom: 0.5rem; /* 8px */
    }
    .sm-ps-2 {
        padding-inline-start: 0.5rem; /* 8px */
    }
    .sm-pe-2 {
        padding-inline-end: 0.5rem; /* 8px */
    }
    .sm-pt-2 {
        padding-top: 0.5rem; /* 8px */
    }
    .sm-pr-2 {
        padding-right: 0.5rem; /* 8px */
    }
    .sm-pb-2 {
        padding-bottom: 0.5rem; /* 8px */
    }
    .sm-pl-2 {
        padding-left: 0.5rem; /* 8px */
    }
    .sm-p-2\.5 {
        padding: 0.625rem; /* 10px */
    }
    .sm-px-2\.5 {
        padding-left: 0.625rem; /* 10px */
        padding-right: 0.625rem; /* 10px */
    }
    .sm-py-2\.5 {
        padding-top: 0.625rem; /* 10px */
        padding-bottom: 0.625rem; /* 10px */
    }
    .sm-ps-2\.5 {
        padding-inline-start: 0.625rem; /* 10px */
    }
    .sm-pe-2\.5 {
        padding-inline-end: 0.625rem; /* 10px */
    }
    .sm-pt-2\.5 {
        padding-top: 0.625rem; /* 10px */
    }
    .sm-pr-2\.5 {
        padding-right: 0.625rem; /* 10px */
    }
    .sm-pb-2\.5 {
        padding-bottom: 0.625rem; /* 10px */
    }
    .sm-pl-2\.5 {
        padding-left: 0.625rem; /* 10px */
    }
    .sm-p-3 {
        padding: 0.75rem; /* 12px */
    }
    .sm-px-3 {
        padding-left: 0.75rem; /* 12px */
        padding-right: 0.75rem; /* 12px */
    }
    .sm-py-3 {
        padding-top: 0.75rem; /* 12px */
        padding-bottom: 0.75rem; /* 12px */
    }
    .sm-ps-3 {
        padding-inline-start: 0.75rem; /* 12px */
    }
    .sm-pe-3 {
        padding-inline-end: 0.75rem; /* 12px */
    }
    .sm-pt-3 {
        padding-top: 0.75rem; /* 12px */
    }
    .sm-pr-3 {
        padding-right: 0.75rem; /* 12px */
    }
    .sm-pb-3 {
        padding-bottom: 0.75rem; /* 12px */
    }
    .sm-pl-3 {
        padding-left: 0.75rem; /* 12px */
    }
    .sm-p-3\.5 {
        padding: 0.875rem; /* 14px */
    }
    .sm-px-3\.5 {
        padding-left: 0.875rem; /* 14px */
        padding-right: 0.875rem; /* 14px */
    }
    .sm-py-3\.5 {
        padding-top: 0.875rem; /* 14px */
        padding-bottom: 0.875rem; /* 14px */
    }
    .sm-ps-3\.5 {
        padding-inline-start: 0.875rem; /* 14px */
    }
    .sm-pe-3\.5 {
        padding-inline-end: 0.875rem; /* 14px */
    }
    .sm-pt-3\.5 {
        padding-top: 0.875rem; /* 14px */
    }
    .sm-pr-3\.5 {
        padding-right: 0.875rem; /* 14px */
    }
    .sm-pb-3\.5 {
        padding-bottom: 0.875rem; /* 14px */
    }
    .sm-pl-3\.5 {
        padding-left: 0.875rem; /* 14px */
    }
    .sm-p-4 {
        padding: 1rem; /* 16px */
    }
    .sm-px-4 {
        padding-left: 1rem; /* 16px */
        padding-right: 1rem; /* 16px */
    }
    .sm-py-4 {
        padding-top: 1rem; /* 16px */
        padding-bottom: 1rem; /* 16px */
    }
    .sm-ps-4 {
        padding-inline-start: 1rem; /* 16px */
    }
    .sm-pe-4 {
        padding-inline-end: 1rem; /* 16px */
    }
    .sm-pt-4 {
        padding-top: 1rem; /* 16px */
    }
    .sm-pr-4 {
        padding-right: 1rem; /* 16px */
    }
    .sm-pb-4 {
        padding-bottom: 1rem; /* 16px */
    }
    .sm-pl-4 {
        padding-left: 1rem; /* 16px */
    }
    .sm-p-5 {
        padding: 1.25rem; /* 20px */
    }
    .sm-px-5 {
        padding-left: 1.25rem; /* 20px */
        padding-right: 1.25rem; /* 20px */
    }
    .sm-py-5 {
        padding-top: 1.25rem; /* 20px */
        padding-bottom: 1.25rem; /* 20px */
    }
    .sm-ps-5 {
        padding-inline-start: 1.25rem; /* 20px */
    }
    .sm-pe-5 {
        padding-inline-end: 1.25rem; /* 20px */
    }
    .sm-pt-5 {
        padding-top: 1.25rem; /* 20px */
    }
    .sm-pr-5 {
        padding-right: 1.25rem; /* 20px */
    }
    .sm-pb-5 {
        padding-bottom: 1.25rem; /* 20px */
    }
    .sm-pl-5 {
        padding-left: 1.25rem; /* 20px */
    }
    .sm-p-6 {
        padding: 1.5rem; /* 24px */
    }
    .sm-px-6 {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
    .sm-py-6 {
        padding-top: 1.5rem; /* 24px */
        padding-bottom: 1.5rem; /* 24px */
    }
    .sm-ps-6 {
        padding-inline-start: 1.5rem; /* 24px */
    }
    .sm-pe-6 {
        padding-inline-end: 1.5rem; /* 24px */
    }
    .sm-pt-6 {
        padding-top: 1.5rem; /* 24px */
    }
    .sm-pr-6 {
        padding-right: 1.5rem; /* 24px */
    }
    .sm-pb-6 {
        padding-bottom: 1.5rem; /* 24px */
    }
    .sm-pl-6 {
        padding-left: 1.5rem; /* 24px */
    }
    .sm-p-7 {
        padding: 1.75rem; /* 28px */
    }
    .sm-px-7 {
        padding-left: 1.75rem; /* 28px */
        padding-right: 1.75rem; /* 28px */
    }
    .sm-py-7 {
        padding-top: 1.75rem; /* 28px */
        padding-bottom: 1.75rem; /* 28px */
    }
    .sm-ps-7 {
        padding-inline-start: 1.75rem; /* 28px */
    }
    .sm-pe-7 {
        padding-inline-end: 1.75rem; /* 28px */
    }
    .sm-pt-7 {
        padding-top: 1.75rem; /* 28px */
    }
    .sm-pr-7 {
        padding-right: 1.75rem; /* 28px */
    }
    .sm-pb-7 {
        padding-bottom: 1.75rem; /* 28px */
    }
    .sm-pl-7 {
        padding-left: 1.75rem; /* 28px */
    }
    .sm-p-8 {
        padding: 2rem; /* 32px */
    }
    .sm-px-8 {
        padding-left: 2rem; /* 32px */
        padding-right: 2rem; /* 32px */
    }
    .sm-py-8 {
        padding-top: 2rem; /* 32px */
        padding-bottom: 2rem; /* 32px */
    }
    .sm-ps-8 {
        padding-inline-start: 2rem; /* 32px */
    }
    .sm-pe-8 {
        padding-inline-end: 2rem; /* 32px */
    }
    .sm-pt-8 {
        padding-top: 2rem; /* 32px */
    }
    .sm-pr-8 {
        padding-right: 2rem; /* 32px */
    }
    .sm-pb-8 {
        padding-bottom: 2rem; /* 32px */
    }
    .sm-pl-8 {
        padding-left: 2rem; /* 32px */
    }
    .sm-p-9 {
        padding: 2.25rem; /* 36px */
    }
    .sm-px-9 {
        padding-left: 2.25rem; /* 36px */
        padding-right: 2.25rem; /* 36px */
    }
    .sm-py-9 {
        padding-top: 2.25rem; /* 36px */
        padding-bottom: 2.25rem; /* 36px */
    }
    .sm-ps-9 {
        padding-inline-start: 2.25rem; /* 36px */
    }
    .sm-pe-9 {
        padding-inline-end: 2.25rem; /* 36px */
    }
    .sm-pt-9 {
        padding-top: 2.25rem; /* 36px */
    }
    .sm-pr-9 {
        padding-right: 2.25rem; /* 36px */
    }
    .sm-pb-9 {
        padding-bottom: 2.25rem; /* 36px */
    }
    .sm-pl-9 {
        padding-left: 2.25rem; /* 36px */
    }
    .sm-p-10 {
        padding: 2.5rem; /* 40px */
    }
    .sm-px-10 {
        padding-left: 2.5rem; /* 40px */
        padding-right: 2.5rem; /* 40px */
    }
    .sm-py-10 {
        padding-top: 2.5rem; /* 40px */
        padding-bottom: 2.5rem; /* 40px */
    }
    .sm-ps-10 {
        padding-inline-start: 2.5rem; /* 40px */
    }
    .sm-pe-10 {
        padding-inline-end: 2.5rem; /* 40px */
    }
    .sm-pt-10 {
        padding-top: 2.5rem; /* 40px */
    }
    .sm-pr-10 {
        padding-right: 2.5rem; /* 40px */
    }
    .sm-pb-10 {
        padding-bottom: 2.5rem; /* 40px */
    }
    .sm-pl-10 {
        padding-left: 2.5rem; /* 40px */
    }
    .sm-p-11 {
        padding: 2.75rem; /* 44px */
    }
    .sm-px-11 {
        padding-left: 2.75rem; /* 44px */
        padding-right: 2.75rem; /* 44px */
    }
    .sm-py-11 {
        padding-top: 2.75rem; /* 44px */
        padding-bottom: 2.75rem; /* 44px */
    }
    .sm-ps-11 {
        padding-inline-start: 2.75rem; /* 44px */
    }
    .sm-pe-11 {
        padding-inline-end: 2.75rem; /* 44px */
    }
    .sm-pt-11 {
        padding-top: 2.75rem; /* 44px */
    }
    .sm-pr-11 {
        padding-right: 2.75rem; /* 44px */
    }
    .sm-pb-11 {
        padding-bottom: 2.75rem; /* 44px */
    }
    .sm-pl-11 {
        padding-left: 2.75rem; /* 44px */
    }
    .sm-p-12 {
        padding: 3rem; /* 48px */
    }
    .sm-px-12 {
        padding-left: 3rem; /* 48px */
        padding-right: 3rem; /* 48px */
    }
    .sm-py-12 {
        padding-top: 3rem; /* 48px */
        padding-bottom: 3rem; /* 48px */
    }
    .sm-ps-12 {
        padding-inline-start: 3rem; /* 48px */
    }
    .sm-pe-12 {
        padding-inline-end: 3rem; /* 48px */
    }
    .sm-pt-12 {
        padding-top: 3rem; /* 48px */
    }
    .sm-pr-12 {
        padding-right: 3rem; /* 48px */
    }
    .sm-pb-12 {
        padding-bottom: 3rem; /* 48px */
    }
    .sm-pl-12 {
        padding-left: 3rem; /* 48px */
    }
    .sm-p-14 {
        padding: 3.5rem; /* 56px */
    }
    .sm-px-14 {
        padding-left: 3.5rem; /* 56px */
        padding-right: 3.5rem; /* 56px */
    }
    .sm-py-14 {
        padding-top: 3.5rem; /* 56px */
        padding-bottom: 3.5rem; /* 56px */
    }
    .sm-ps-14 {
        padding-inline-start: 3.5rem; /* 56px */
    }
    .sm-pe-14 {
        padding-inline-end: 3.5rem; /* 56px */
    }
    .sm-pt-14 {
        padding-top: 3.5rem; /* 56px */
    }
    .sm-pr-14 {
        padding-right: 3.5rem; /* 56px */
    }
    .sm-pb-14 {
        padding-bottom: 3.5rem; /* 56px */
    }
    .sm-pl-14 {
        padding-left: 3.5rem; /* 56px */
    }
    .sm-p-16 {
        padding: 4rem; /* 64px */
    }
    .sm-px-16 {
        padding-left: 4rem; /* 64px */
        padding-right: 4rem; /* 64px */
    }
    .sm-py-16 {
        padding-top: 4rem; /* 64px */
        padding-bottom: 4rem; /* 64px */
    }
    .sm-ps-16 {
        padding-inline-start: 4rem; /* 64px */
    }
    .sm-pe-16 {
        padding-inline-end: 4rem; /* 64px */
    }
    .sm-pt-16 {
        padding-top: 4rem; /* 64px */
    }
    .sm-pr-16 {
        padding-right: 4rem; /* 64px */
    }
    .sm-pb-16 {
        padding-bottom: 4rem; /* 64px */
    }
    .sm-pl-16 {
        padding-left: 4rem; /* 64px */
    }
    .sm-p-20 {
        padding: 5rem; /* 80px */
    }
    .sm-px-20 {
        padding-left: 5rem; /* 80px */
        padding-right: 5rem; /* 80px */
    }
    .sm-py-20 {
        padding-top: 5rem; /* 80px */
        padding-bottom: 5rem; /* 80px */
    }
    .sm-ps-20 {
        padding-inline-start: 5rem; /* 80px */
    }
    .sm-pe-20 {
        padding-inline-end: 5rem; /* 80px */
    }
    .sm-pt-20 {
        padding-top: 5rem; /* 80px */
    }
    .sm-pr-20 {
        padding-right: 5rem; /* 80px */
    }
    .sm-pb-20 {
        padding-bottom: 5rem; /* 80px */
    }
    .sm-pl-20 {
        padding-left: 5rem; /* 80px */
    }
    .sm-p-24 {
        padding: 6rem; /* 96px */
    }
    .sm-px-24 {
        padding-left: 6rem; /* 96px */
        padding-right: 6rem; /* 96px */
    }
    .sm-py-24 {
        padding-top: 6rem; /* 96px */
        padding-bottom: 6rem; /* 96px */
    }
    .sm-ps-24 {
        padding-inline-start: 6rem; /* 96px */
    }
    .sm-pe-24 {
        padding-inline-end: 6rem; /* 96px */
    }
    .sm-pt-24 {
        padding-top: 6rem; /* 96px */
    }
    .sm-pr-24 {
        padding-right: 6rem; /* 96px */
    }
    .sm-pb-24 {
        padding-bottom: 6rem; /* 96px */
    }
    .sm-pl-24 {
        padding-left: 6rem; /* 96px */
    }
    .sm-p-28 {
        padding: 7rem; /* 112px */
    }
    .sm-px-28 {
        padding-left: 7rem; /* 112px */
        padding-right: 7rem; /* 112px */
    }
    .sm-py-28 {
        padding-top: 7rem; /* 112px */
        padding-bottom: 7rem; /* 112px */
    }
    .sm-ps-28 {
        padding-inline-start: 7rem; /* 112px */
    }
    .sm-pe-28 {
        padding-inline-end: 7rem; /* 112px */
    }
    .sm-pt-28 {
        padding-top: 7rem; /* 112px */
    }
    .sm-pr-28 {
        padding-right: 7rem; /* 112px */
    }
    .sm-pb-28 {
        padding-bottom: 7rem; /* 112px */
    }
    .sm-pl-28 {
        padding-left: 7rem; /* 112px */
    }
    .sm-p-32 {
        padding: 8rem; /* 128px */
    }
    .sm-px-32 {
        padding-left: 8rem; /* 128px */
        padding-right: 8rem; /* 128px */
    }
    .sm-py-32 {
        padding-top: 8rem; /* 128px */
        padding-bottom: 8rem; /* 128px */
    }
    .sm-ps-32 {
        padding-inline-start: 8rem; /* 128px */
    }
    .sm-pe-32 {
        padding-inline-end: 8rem; /* 128px */
    }
    .sm-pt-32 {
        padding-top: 8rem; /* 128px */
    }
    .sm-pr-32 {
        padding-right: 8rem; /* 128px */
    }
    .sm-pb-32 {
        padding-bottom: 8rem; /* 128px */
    }
    .sm-pl-32 {
        padding-left: 8rem; /* 128px */
    }
    .sm-p-36 {
        padding: 9rem; /* 144px */
    }
    .sm-px-36 {
        padding-left: 9rem; /* 144px */
        padding-right: 9rem; /* 144px */
    }
    .sm-py-36 {
        padding-top: 9rem; /* 144px */
        padding-bottom: 9rem; /* 144px */
    }
    .sm-ps-36 {
        padding-inline-start: 9rem; /* 144px */
    }
    .sm-pe-36 {
        padding-inline-end: 9rem; /* 144px */
    }
    .sm-pt-36 {
        padding-top: 9rem; /* 144px */
    }
    .sm-pr-36 {
        padding-right: 9rem; /* 144px */
    }
    .sm-pb-36 {
        padding-bottom: 9rem; /* 144px */
    }
    .sm-pl-36 {
        padding-left: 9rem; /* 144px */
    }
    .sm-p-40 {
        padding: 10rem; /* 160px */
    }
    .sm-px-40 {
        padding-left: 10rem; /* 160px */
        padding-right: 10rem; /* 160px */
    }
    .sm-py-40 {
        padding-top: 10rem; /* 160px */
        padding-bottom: 10rem; /* 160px */
    }
    .sm-ps-40 {
        padding-inline-start: 10rem; /* 160px */
    }
    .sm-pe-40 {
        padding-inline-end: 10rem; /* 160px */
    }
    .sm-pt-40 {
        padding-top: 10rem; /* 160px */
    }
    .sm-pr-40 {
        padding-right: 10rem; /* 160px */
    }
    .sm-pb-40 {
        padding-bottom: 10rem; /* 160px */
    }
    .sm-pl-40 {
        padding-left: 10rem; /* 160px */
    }
    .sm-p-44 {
        padding: 11rem; /* 176px */
    }
    .sm-px-44 {
        padding-left: 11rem; /* 176px */
        padding-right: 11rem; /* 176px */
    }
    .sm-py-44 {
        padding-top: 11rem; /* 176px */
        padding-bottom: 11rem; /* 176px */
    }
    .sm-ps-44 {
        padding-inline-start: 11rem; /* 176px */
    }
    .sm-pe-44 {
        padding-inline-end: 11rem; /* 176px */
    }
    .sm-pt-44 {
        padding-top: 11rem; /* 176px */
    }
    .sm-pr-44 {
        padding-right: 11rem; /* 176px */
    }
    .sm-pb-44 {
        padding-bottom: 11rem; /* 176px */
    }
    .sm-pl-44 {
        padding-left: 11rem; /* 176px */
    }
    .sm-p-48 {
        padding: 12rem; /* 192px */
    }
    .sm-px-48 {
        padding-left: 12rem; /* 192px */
        padding-right: 12rem; /* 192px */
    }
    .sm-py-48 {
        padding-top: 12rem; /* 192px */
        padding-bottom: 12rem; /* 192px */
    }
    .sm-ps-48 {
        padding-inline-start: 12rem; /* 192px */
    }
    .sm-pe-48 {
        padding-inline-end: 12rem; /* 192px */
    }
    .sm-pt-48 {
        padding-top: 12rem; /* 192px */
    }
    .sm-pr-48 {
        padding-right: 12rem; /* 192px */
    }
    .sm-pb-48 {
        padding-bottom: 12rem; /* 192px */
    }
    .sm-pl-48 {
        padding-left: 12rem; /* 192px */
    }
    .sm-p-52 {
        padding: 13rem; /* 208px */
    }
    .sm-px-52 {
        padding-left: 13rem; /* 208px */
        padding-right: 13rem; /* 208px */
    }
    .sm-py-52 {
        padding-top: 13rem; /* 208px */
        padding-bottom: 13rem; /* 208px */
    }
    .sm-ps-52 {
        padding-inline-start: 13rem; /* 208px */
    }
    .sm-pe-52 {
        padding-inline-end: 13rem; /* 208px */
    }
    .sm-pt-52 {
        padding-top: 13rem; /* 208px */
    }
    .sm-pr-52 {
        padding-right: 13rem; /* 208px */
    }
    .sm-pb-52 {
        padding-bottom: 13rem; /* 208px */
    }
    .sm-pl-52 {
        padding-left: 13rem; /* 208px */
    }
    .sm-p-56 {
        padding: 14rem; /* 224px */
    }
    .sm-px-56 {
        padding-left: 14rem; /* 224px */
        padding-right: 14rem; /* 224px */
    }
    .sm-py-56 {
        padding-top: 14rem; /* 224px */
        padding-bottom: 14rem; /* 224px */
    }
    .sm-ps-56 {
        padding-inline-start: 14rem; /* 224px */
    }
    .sm-pe-56 {
        padding-inline-end: 14rem; /* 224px */
    }
    .sm-pt-56 {
        padding-top: 14rem; /* 224px */
    }
    .sm-pr-56 {
        padding-right: 14rem; /* 224px */
    }
    .sm-pb-56 {
        padding-bottom: 14rem; /* 224px */
    }
    .sm-pl-56 {
        padding-left: 14rem; /* 224px */
    }
    .sm-p-60 {
        padding: 15rem; /* 240px */
    }
    .sm-px-60 {
        padding-left: 15rem; /* 240px */
        padding-right: 15rem; /* 240px */
    }
    .sm-py-60 {
        padding-top: 15rem; /* 240px */
        padding-bottom: 15rem; /* 240px */
    }
    .sm-ps-60 {
        padding-inline-start: 15rem; /* 240px */
    }
    .sm-pe-60 {
        padding-inline-end: 15rem; /* 240px */
    }
    .sm-pt-60 {
        padding-top: 15rem; /* 240px */
    }
    .sm-pr-60 {
        padding-right: 15rem; /* 240px */
    }
    .sm-pb-60 {
        padding-bottom: 15rem; /* 240px */
    }
    .sm-pl-60 {
        padding-left: 15rem; /* 240px */
    }
    .sm-p-64 {
        padding: 16rem; /* 256px */
    }
    .sm-px-64 {
        padding-left: 16rem; /* 256px */
        padding-right: 16rem; /* 256px */
    }
    .sm-py-64 {
        padding-top: 16rem; /* 256px */
        padding-bottom: 16rem; /* 256px */
    }
    .sm-ps-64 {
        padding-inline-start: 16rem; /* 256px */
    }
    .sm-pe-64 {
        padding-inline-end: 16rem; /* 256px */
    }
    .sm-pt-64 {
        padding-top: 16rem; /* 256px */
    }
    .sm-pr-64 {
        padding-right: 16rem; /* 256px */
    }
    .sm-pb-64 {
        padding-bottom: 16rem; /* 256px */
    }
    .sm-pl-64 {
        padding-left: 16rem; /* 256px */
    }
    .sm-p-72 {
        padding: 18rem; /* 288px */
    }
    .sm-px-72 {
        padding-left: 18rem; /* 288px */
        padding-right: 18rem; /* 288px */
    }
    .sm-py-72 {
        padding-top: 18rem; /* 288px */
        padding-bottom: 18rem; /* 288px */
    }
    .sm-ps-72 {
        padding-inline-start: 18rem; /* 288px */
    }
    .sm-pe-72 {
        padding-inline-end: 18rem; /* 288px */
    }
    .sm-pt-72 {
        padding-top: 18rem; /* 288px */
    }
    .sm-pr-72 {
        padding-right: 18rem; /* 288px */
    }
    .sm-pb-72 {
        padding-bottom: 18rem; /* 288px */
    }
    .sm-pl-72 {
        padding-left: 18rem; /* 288px */
    }
    .sm-p-80 {
        padding: 20rem; /* 320px */
    }
    .sm-px-80 {
        padding-left: 20rem; /* 320px */
        padding-right: 20rem; /* 320px */
    }
    .sm-py-80 {
        padding-top: 20rem; /* 320px */
        padding-bottom: 20rem; /* 320px */
    }
    .sm-ps-80 {
        padding-inline-start: 20rem; /* 320px */
    }
    .sm-pe-80 {
        padding-inline-end: 20rem; /* 320px */
    }
    .sm-pt-80 {
        padding-top: 20rem; /* 320px */
    }
    .sm-pr-80 {
        padding-right: 20rem; /* 320px */
    }
    .sm-pb-80 {
        padding-bottom: 20rem; /* 320px */
    }
    .sm-pl-80 {
        padding-left: 20rem; /* 320px */
    }
    .sm-p-96 {
        padding: 24rem; /* 384px */
    }
    .sm-px-96 {
        padding-left: 24rem; /* 384px */
        padding-right: 24rem; /* 384px */
    }
    .sm-py-96 {
        padding-top: 24rem; /* 384px */
        padding-bottom: 24rem; /* 384px */
    }
    .sm-ps-96 {
        padding-inline-start: 24rem; /* 384px */
    }
    .sm-pe-96 {
        padding-inline-end: 24rem; /* 384px */
    }
    .sm-pt-96 {
        padding-top: 24rem; /* 384px */
    }
    .sm-pr-96 {
        padding-right: 24rem; /* 384px */
    }
    .sm-pb-96 {
        padding-bottom: 24rem; /* 384px */
    }
    .sm-pl-96 {
        padding-left: 24rem; /* 384px */
    }
}

/* md breakpoint padding utilities */
@media (max-width: 767px) {
    .md-p-0 {
        padding: 0px;
    }
    .md-px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .md-py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .md-ps-0 {
        padding-inline-start: 0px;
    }
    .md-pe-0 {
        padding-inline-end: 0px;
    }
    .md-pt-0 {
        padding-top: 0px;
    }
    .md-pr-0 {
        padding-right: 0px;
    }
    .md-pb-0 {
        padding-bottom: 0px;
    }
    .md-pl-0 {
        padding-left: 0px;
    }
    .md-p-px {
        padding: 1px;
    }
    .md-px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .md-py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .md-ps-px {
        padding-inline-start: 1px;
    }
    .md-pe-px {
        padding-inline-end: 1px;
    }
    .md-pt-px {
        padding-top: 1px;
    }
    .md-pr-px {
        padding-right: 1px;
    }
    .md-pb-px {
        padding-bottom: 1px;
    }
    .md-pl-px {
        padding-left: 1px;
    }
    .md-p-0\.5 {
        padding: 0.125rem; /* 2px */
    }
    .md-px-0\.5 {
        padding-left: 0.125rem; /* 2px */
        padding-right: 0.125rem; /* 2px */
    }
    .md-py-0\.5 {
        padding-top: 0.125rem; /* 2px */
        padding-bottom: 0.125rem; /* 2px */
    }
    .md-ps-0\.5 {
        padding-inline-start: 0.125rem; /* 2px */
    }
    .md-pe-0\.5 {
        padding-inline-end: 0.125rem; /* 2px */
    }
    .md-pt-0\.5 {
        padding-top: 0.125rem; /* 2px */
    }
    .md-pr-0\.5 {
        padding-right: 0.125rem; /* 2px */
    }
    .md-pb-0\.5 {
        padding-bottom: 0.125rem; /* 2px */
    }
    .md-pl-0\.5 {
        padding-left: 0.125rem; /* 2px */
    }
    .md-p-1 {
        padding: 0.25rem; /* 4px */
    }
    .md-px-1 {
        padding-left: 0.25rem; /* 4px */
        padding-right: 0.25rem; /* 4px */
    }
    .md-py-1 {
        padding-top: 0.25rem; /* 4px */
        padding-bottom: 0.25rem; /* 4px */
    }
    .md-ps-1 {
        padding-inline-start: 0.25rem; /* 4px */
    }
    .md-pe-1 {
        padding-inline-end: 0.25rem; /* 4px */
    }
    .md-pt-1 {
        padding-top: 0.25rem; /* 4px */
    }
    .md-pr-1 {
        padding-right: 0.25rem; /* 4px */
    }
    .md-pb-1 {
        padding-bottom: 0.25rem; /* 4px */
    }
    .md-pl-1 {
        padding-left: 0.25rem; /* 4px */
    }
    .md-p-1\.5 {
        padding: 0.375rem; /* 6px */
    }
    .md-px-1\.5 {
        padding-left: 0.375rem; /* 6px */
        padding-right: 0.375rem; /* 6px */
    }
    .md-py-1\.5 {
        padding-top: 0.375rem; /* 6px */
        padding-bottom: 0.375rem; /* 6px */
    }
    .md-ps-1\.5 {
        padding-inline-start: 0.375rem; /* 6px */
    }
    .md-pe-1\.5 {
        padding-inline-end: 0.375rem; /* 6px */
    }
    .md-pt-1\.5 {
        padding-top: 0.375rem; /* 6px */
    }
    .md-pr-1\.5 {
        padding-right: 0.375rem; /* 6px */
    }
    .md-pb-1\.5 {
        padding-bottom: 0.375rem; /* 6px */
    }
    .md-pl-1\.5 {
        padding-left: 0.375rem; /* 6px */
    }
    .md-p-2 {
        padding: 0.5rem; /* 8px */
    }
    .md-px-2 {
        padding-left: 0.5rem; /* 8px */
        padding-right: 0.5rem; /* 8px */
    }
    .md-py-2 {
        padding-top: 0.5rem; /* 8px */
        padding-bottom: 0.5rem; /* 8px */
    }
    .md-ps-2 {
        padding-inline-start: 0.5rem; /* 8px */
    }
    .md-pe-2 {
        padding-inline-end: 0.5rem; /* 8px */
    }
    .md-pt-2 {
        padding-top: 0.5rem; /* 8px */
    }
    .md-pr-2 {
        padding-right: 0.5rem; /* 8px */
    }
    .md-pb-2 {
        padding-bottom: 0.5rem; /* 8px */
    }
    .md-pl-2 {
        padding-left: 0.5rem; /* 8px */
    }
    .md-p-2\.5 {
        padding: 0.625rem; /* 10px */
    }
    .md-px-2\.5 {
        padding-left: 0.625rem; /* 10px */
        padding-right: 0.625rem; /* 10px */
    }
    .md-py-2\.5 {
        padding-top: 0.625rem; /* 10px */
        padding-bottom: 0.625rem; /* 10px */
    }
    .md-ps-2\.5 {
        padding-inline-start: 0.625rem; /* 10px */
    }
    .md-pe-2\.5 {
        padding-inline-end: 0.625rem; /* 10px */
    }
    .md-pt-2\.5 {
        padding-top: 0.625rem; /* 10px */
    }
    .md-pr-2\.5 {
        padding-right: 0.625rem; /* 10px */
    }
    .md-pb-2\.5 {
        padding-bottom: 0.625rem; /* 10px */
    }
    .md-pl-2\.5 {
        padding-left: 0.625rem; /* 10px */
    }
    .md-p-3 {
        padding: 0.75rem; /* 12px */
    }
    .md-px-3 {
        padding-left: 0.75rem; /* 12px */
        padding-right: 0.75rem; /* 12px */
    }
    .md-py-3 {
        padding-top: 0.75rem; /* 12px */
        padding-bottom: 0.75rem; /* 12px */
    }
    .md-ps-3 {
        padding-inline-start: 0.75rem; /* 12px */
    }
    .md-pe-3 {
        padding-inline-end: 0.75rem; /* 12px */
    }
    .md-pt-3 {
        padding-top: 0.75rem; /* 12px */
    }
    .md-pr-3 {
        padding-right: 0.75rem; /* 12px */
    }
    .md-pb-3 {
        padding-bottom: 0.75rem; /* 12px */
    }
    .md-pl-3 {
        padding-left: 0.75rem; /* 12px */
    }
    .md-p-3\.5 {
        padding: 0.875rem; /* 14px */
    }
    .md-px-3\.5 {
        padding-left: 0.875rem; /* 14px */
        padding-right: 0.875rem; /* 14px */
    }
    .md-py-3\.5 {
        padding-top: 0.875rem; /* 14px */
        padding-bottom: 0.875rem; /* 14px */
    }
    .md-ps-3\.5 {
        padding-inline-start: 0.875rem; /* 14px */
    }
    .md-pe-3\.5 {
        padding-inline-end: 0.875rem; /* 14px */
    }
    .md-pt-3\.5 {
        padding-top: 0.875rem; /* 14px */
    }
    .md-pr-3\.5 {
        padding-right: 0.875rem; /* 14px */
    }
    .md-pb-3\.5 {
        padding-bottom: 0.875rem; /* 14px */
    }
    .md-pl-3\.5 {
        padding-left: 0.875rem; /* 14px */
    }
    .md-p-4 {
        padding: 1rem; /* 16px */
    }
    .md-px-4 {
        padding-left: 1rem; /* 16px */
        padding-right: 1rem; /* 16px */
    }
    .md-py-4 {
        padding-top: 1rem; /* 16px */
        padding-bottom: 1rem; /* 16px */
    }
    .md-ps-4 {
        padding-inline-start: 1rem; /* 16px */
    }
    .md-pe-4 {
        padding-inline-end: 1rem; /* 16px */
    }
    .md-pt-4 {
        padding-top: 1rem; /* 16px */
    }
    .md-pr-4 {
        padding-right: 1rem; /* 16px */
    }
    .md-pb-4 {
        padding-bottom: 1rem; /* 16px */
    }
    .md-pl-4 {
        padding-left: 1rem; /* 16px */
    }
    .md-p-5 {
        padding: 1.25rem; /* 20px */
    }
    .md-px-5 {
        padding-left: 1.25rem; /* 20px */
        padding-right: 1.25rem; /* 20px */
    }
    .md-py-5 {
        padding-top: 1.25rem; /* 20px */
        padding-bottom: 1.25rem; /* 20px */
    }
    .md-ps-5 {
        padding-inline-start: 1.25rem; /* 20px */
    }
    .md-pe-5 {
        padding-inline-end: 1.25rem; /* 20px */
    }
    .md-pt-5 {
        padding-top: 1.25rem; /* 20px */
    }
    .md-pr-5 {
        padding-right: 1.25rem; /* 20px */
    }
    .md-pb-5 {
        padding-bottom: 1.25rem; /* 20px */
    }
    .md-pl-5 {
        padding-left: 1.25rem; /* 20px */
    }
    .md-p-6 {
        padding: 1.5rem; /* 24px */
    }
    .md-px-6 {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
    .md-py-6 {
        padding-top: 1.5rem; /* 24px */
        padding-bottom: 1.5rem; /* 24px */
    }
    .md-ps-6 {
        padding-inline-start: 1.5rem; /* 24px */
    }
    .md-pe-6 {
        padding-inline-end: 1.5rem; /* 24px */
    }
    .md-pt-6 {
        padding-top: 1.5rem; /* 24px */
    }
    .md-pr-6 {
        padding-right: 1.5rem; /* 24px */
    }
    .md-pb-6 {
        padding-bottom: 1.5rem; /* 24px */
    }
    .md-pl-6 {
        padding-left: 1.5rem; /* 24px */
    }
    .md-p-7 {
        padding: 1.75rem; /* 28px */
    }
    .md-px-7 {
        padding-left: 1.75rem; /* 28px */
        padding-right: 1.75rem; /* 28px */
    }
    .md-py-7 {
        padding-top: 1.75rem; /* 28px */
        padding-bottom: 1.75rem; /* 28px */
    }
    .md-ps-7 {
        padding-inline-start: 1.75rem; /* 28px */
    }
    .md-pe-7 {
        padding-inline-end: 1.75rem; /* 28px */
    }
    .md-pt-7 {
        padding-top: 1.75rem; /* 28px */
    }
    .md-pr-7 {
        padding-right: 1.75rem; /* 28px */
    }
    .md-pb-7 {
        padding-bottom: 1.75rem; /* 28px */
    }
    .md-pl-7 {
        padding-left: 1.75rem; /* 28px */
    }
    .md-p-8 {
        padding: 2rem; /* 32px */
    }
    .md-px-8 {
        padding-left: 2rem; /* 32px */
        padding-right: 2rem; /* 32px */
    }
    .md-py-8 {
        padding-top: 2rem; /* 32px */
        padding-bottom: 2rem; /* 32px */
    }
    .md-ps-8 {
        padding-inline-start: 2rem; /* 32px */
    }
    .md-pe-8 {
        padding-inline-end: 2rem; /* 32px */
    }
    .md-pt-8 {
        padding-top: 2rem; /* 32px */
    }
    .md-pr-8 {
        padding-right: 2rem; /* 32px */
    }
    .md-pb-8 {
        padding-bottom: 2rem; /* 32px */
    }
    .md-pl-8 {
        padding-left: 2rem; /* 32px */
    }
    .md-p-9 {
        padding: 2.25rem; /* 36px */
    }
    .md-px-9 {
        padding-left: 2.25rem; /* 36px */
        padding-right: 2.25rem; /* 36px */
    }
    .md-py-9 {
        padding-top: 2.25rem; /* 36px */
        padding-bottom: 2.25rem; /* 36px */
    }
    .md-ps-9 {
        padding-inline-start: 2.25rem; /* 36px */
    }
    .md-pe-9 {
        padding-inline-end: 2.25rem; /* 36px */
    }
    .md-pt-9 {
        padding-top: 2.25rem; /* 36px */
    }
    .md-pr-9 {
        padding-right: 2.25rem; /* 36px */
    }
    .md-pb-9 {
        padding-bottom: 2.25rem; /* 36px */
    }
    .md-pl-9 {
        padding-left: 2.25rem; /* 36px */
    }
    .md-p-10 {
        padding: 2.5rem; /* 40px */
    }
    .md-px-10 {
        padding-left: 2.5rem; /* 40px */
        padding-right: 2.5rem; /* 40px */
    }
    .md-py-10 {
        padding-top: 2.5rem; /* 40px */
        padding-bottom: 2.5rem; /* 40px */
    }
    .md-ps-10 {
        padding-inline-start: 2.5rem; /* 40px */
    }
    .md-pe-10 {
        padding-inline-end: 2.5rem; /* 40px */
    }
    .md-pt-10 {
        padding-top: 2.5rem; /* 40px */
    }
    .md-pr-10 {
        padding-right: 2.5rem; /* 40px */
    }
    .md-pb-10 {
        padding-bottom: 2.5rem; /* 40px */
    }
    .md-pl-10 {
        padding-left: 2.5rem; /* 40px */
    }
    .md-p-11 {
        padding: 2.75rem; /* 44px */
    }
    .md-px-11 {
        padding-left: 2.75rem; /* 44px */
        padding-right: 2.75rem; /* 44px */
    }
    .md-py-11 {
        padding-top: 2.75rem; /* 44px */
        padding-bottom: 2.75rem; /* 44px */
    }
    .md-ps-11 {
        padding-inline-start: 2.75rem; /* 44px */
    }
    .md-pe-11 {
        padding-inline-end: 2.75rem; /* 44px */
    }
    .md-pt-11 {
        padding-top: 2.75rem; /* 44px */
    }
    .md-pr-11 {
        padding-right: 2.75rem; /* 44px */
    }
    .md-pb-11 {
        padding-bottom: 2.75rem; /* 44px */
    }
    .md-pl-11 {
        padding-left: 2.75rem; /* 44px */
    }
    .md-p-12 {
        padding: 3rem; /* 48px */
    }
    .md-px-12 {
        padding-left: 3rem; /* 48px */
        padding-right: 3rem; /* 48px */
    }
    .md-py-12 {
        padding-top: 3rem; /* 48px */
        padding-bottom: 3rem; /* 48px */
    }
    .md-ps-12 {
        padding-inline-start: 3rem; /* 48px */
    }
    .md-pe-12 {
        padding-inline-end: 3rem; /* 48px */
    }
    .md-pt-12 {
        padding-top: 3rem; /* 48px */
    }
    .md-pr-12 {
        padding-right: 3rem; /* 48px */
    }
    .md-pb-12 {
        padding-bottom: 3rem; /* 48px */
    }
    .md-pl-12 {
        padding-left: 3rem; /* 48px */
    }
    .md-p-14 {
        padding: 3.5rem; /* 56px */
    }
    .md-px-14 {
        padding-left: 3.5rem; /* 56px */
        padding-right: 3.5rem; /* 56px */
    }
    .md-py-14 {
        padding-top: 3.5rem; /* 56px */
        padding-bottom: 3.5rem; /* 56px */
    }
    .md-ps-14 {
        padding-inline-start: 3.5rem; /* 56px */
    }
    .md-pe-14 {
        padding-inline-end: 3.5rem; /* 56px */
    }
    .md-pt-14 {
        padding-top: 3.5rem; /* 56px */
    }
    .md-pr-14 {
        padding-right: 3.5rem; /* 56px */
    }
    .md-pb-14 {
        padding-bottom: 3.5rem; /* 56px */
    }
    .md-pl-14 {
        padding-left: 3.5rem; /* 56px */
    }
    .md-p-16 {
        padding: 4rem; /* 64px */
    }
    .md-px-16 {
        padding-left: 4rem; /* 64px */
        padding-right: 4rem; /* 64px */
    }
    .md-py-16 {
        padding-top: 4rem; /* 64px */
        padding-bottom: 4rem; /* 64px */
    }
    .md-ps-16 {
        padding-inline-start: 4rem; /* 64px */
    }
    .md-pe-16 {
        padding-inline-end: 4rem; /* 64px */
    }
    .md-pt-16 {
        padding-top: 4rem; /* 64px */
    }
    .md-pr-16 {
        padding-right: 4rem; /* 64px */
    }
    .md-pb-16 {
        padding-bottom: 4rem; /* 64px */
    }
    .md-pl-16 {
        padding-left: 4rem; /* 64px */
    }
    .md-p-20 {
        padding: 5rem; /* 80px */
    }
    .md-px-20 {
        padding-left: 5rem; /* 80px */
        padding-right: 5rem; /* 80px */
    }
    .md-py-20 {
        padding-top: 5rem; /* 80px */
        padding-bottom: 5rem; /* 80px */
    }
    .md-ps-20 {
        padding-inline-start: 5rem; /* 80px */
    }
    .md-pe-20 {
        padding-inline-end: 5rem; /* 80px */
    }
    .md-pt-20 {
        padding-top: 5rem; /* 80px */
    }
    .md-pr-20 {
        padding-right: 5rem; /* 80px */
    }
    .md-pb-20 {
        padding-bottom: 5rem; /* 80px */
    }
    .md-pl-20 {
        padding-left: 5rem; /* 80px */
    }
    .md-p-24 {
        padding: 6rem; /* 96px */
    }
    .md-px-24 {
        padding-left: 6rem; /* 96px */
        padding-right: 6rem; /* 96px */
    }
    .md-py-24 {
        padding-top: 6rem; /* 96px */
        padding-bottom: 6rem; /* 96px */
    }
    .md-ps-24 {
        padding-inline-start: 6rem; /* 96px */
    }
    .md-pe-24 {
        padding-inline-end: 6rem; /* 96px */
    }
    .md-pt-24 {
        padding-top: 6rem; /* 96px */
    }
    .md-pr-24 {
        padding-right: 6rem; /* 96px */
    }
    .md-pb-24 {
        padding-bottom: 6rem; /* 96px */
    }
    .md-pl-24 {
        padding-left: 6rem; /* 96px */
    }
    .md-p-28 {
        padding: 7rem; /* 112px */
    }
    .md-px-28 {
        padding-left: 7rem; /* 112px */
        padding-right: 7rem; /* 112px */
    }
    .md-py-28 {
        padding-top: 7rem; /* 112px */
        padding-bottom: 7rem; /* 112px */
    }
    .md-ps-28 {
        padding-inline-start: 7rem; /* 112px */
    }
    .md-pe-28 {
        padding-inline-end: 7rem; /* 112px */
    }
    .md-pt-28 {
        padding-top: 7rem; /* 112px */
    }
    .md-pr-28 {
        padding-right: 7rem; /* 112px */
    }
    .md-pb-28 {
        padding-bottom: 7rem; /* 112px */
    }
    .md-pl-28 {
        padding-left: 7rem; /* 112px */
    }
    .md-p-32 {
        padding: 8rem; /* 128px */
    }
    .md-px-32 {
        padding-left: 8rem; /* 128px */
        padding-right: 8rem; /* 128px */
    }
    .md-py-32 {
        padding-top: 8rem; /* 128px */
        padding-bottom: 8rem; /* 128px */
    }
    .md-ps-32 {
        padding-inline-start: 8rem; /* 128px */
    }
    .md-pe-32 {
        padding-inline-end: 8rem; /* 128px */
    }
    .md-pt-32 {
        padding-top: 8rem; /* 128px */
    }
    .md-pr-32 {
        padding-right: 8rem; /* 128px */
    }
    .md-pb-32 {
        padding-bottom: 8rem; /* 128px */
    }
    .md-pl-32 {
        padding-left: 8rem; /* 128px */
    }
    .md-p-36 {
        padding: 9rem; /* 144px */
    }
    .md-px-36 {
        padding-left: 9rem; /* 144px */
        padding-right: 9rem; /* 144px */
    }
    .md-py-36 {
        padding-top: 9rem; /* 144px */
        padding-bottom: 9rem; /* 144px */
    }
    .md-ps-36 {
        padding-inline-start: 9rem; /* 144px */
    }
    .md-pe-36 {
        padding-inline-end: 9rem; /* 144px */
    }
    .md-pt-36 {
        padding-top: 9rem; /* 144px */
    }
    .md-pr-36 {
        padding-right: 9rem; /* 144px */
    }
    .md-pb-36 {
        padding-bottom: 9rem; /* 144px */
    }
    .md-pl-36 {
        padding-left: 9rem; /* 144px */
    }
    .md-p-40 {
        padding: 10rem; /* 160px */
    }
    .md-px-40 {
        padding-left: 10rem; /* 160px */
        padding-right: 10rem; /* 160px */
    }
    .md-py-40 {
        padding-top: 10rem; /* 160px */
        padding-bottom: 10rem; /* 160px */
    }
    .md-ps-40 {
        padding-inline-start: 10rem; /* 160px */
    }
    .md-pe-40 {
        padding-inline-end: 10rem; /* 160px */
    }
    .md-pt-40 {
        padding-top: 10rem; /* 160px */
    }
    .md-pr-40 {
        padding-right: 10rem; /* 160px */
    }
    .md-pb-40 {
        padding-bottom: 10rem; /* 160px */
    }
    .md-pl-40 {
        padding-left: 10rem; /* 160px */
    }
    .md-p-44 {
        padding: 11rem; /* 176px */
    }
    .md-px-44 {
        padding-left: 11rem; /* 176px */
        padding-right: 11rem; /* 176px */
    }
    .md-py-44 {
        padding-top: 11rem; /* 176px */
        padding-bottom: 11rem; /* 176px */
    }
    .md-ps-44 {
        padding-inline-start: 11rem; /* 176px */
    }
    .md-pe-44 {
        padding-inline-end: 11rem; /* 176px */
    }
    .md-pt-44 {
        padding-top: 11rem; /* 176px */
    }
    .md-pr-44 {
        padding-right: 11rem; /* 176px */
    }
    .md-pb-44 {
        padding-bottom: 11rem; /* 176px */
    }
    .md-pl-44 {
        padding-left: 11rem; /* 176px */
    }
    .md-p-48 {
        padding: 12rem; /* 192px */
    }
    .md-px-48 {
        padding-left: 12rem; /* 192px */
        padding-right: 12rem; /* 192px */
    }
    .md-py-48 {
        padding-top: 12rem; /* 192px */
        padding-bottom: 12rem; /* 192px */
    }
    .md-ps-48 {
        padding-inline-start: 12rem; /* 192px */
    }
    .md-pe-48 {
        padding-inline-end: 12rem; /* 192px */
    }
    .md-pt-48 {
        padding-top: 12rem; /* 192px */
    }
    .md-pr-48 {
        padding-right: 12rem; /* 192px */
    }
    .md-pb-48 {
        padding-bottom: 12rem; /* 192px */
    }
    .md-pl-48 {
        padding-left: 12rem; /* 192px */
    }
    .md-p-52 {
        padding: 13rem; /* 208px */
    }
    .md-px-52 {
        padding-left: 13rem; /* 208px */
        padding-right: 13rem; /* 208px */
    }
    .md-py-52 {
        padding-top: 13rem; /* 208px */
        padding-bottom: 13rem; /* 208px */
    }
    .md-ps-52 {
        padding-inline-start: 13rem; /* 208px */
    }
    .md-pe-52 {
        padding-inline-end: 13rem; /* 208px */
    }
    .md-pt-52 {
        padding-top: 13rem; /* 208px */
    }
    .md-pr-52 {
        padding-right: 13rem; /* 208px */
    }
    .md-pb-52 {
        padding-bottom: 13rem; /* 208px */
    }
    .md-pl-52 {
        padding-left: 13rem; /* 208px */
    }
    .md-p-56 {
        padding: 14rem; /* 224px */
    }
    .md-px-56 {
        padding-left: 14rem; /* 224px */
        padding-right: 14rem; /* 224px */
    }
    .md-py-56 {
        padding-top: 14rem; /* 224px */
        padding-bottom: 14rem; /* 224px */
    }
    .md-ps-56 {
        padding-inline-start: 14rem; /* 224px */
    }
    .md-pe-56 {
        padding-inline-end: 14rem; /* 224px */
    }
    .md-pt-56 {
        padding-top: 14rem; /* 224px */
    }
    .md-pr-56 {
        padding-right: 14rem; /* 224px */
    }
    .md-pb-56 {
        padding-bottom: 14rem; /* 224px */
    }
    .md-pl-56 {
        padding-left: 14rem; /* 224px */
    }
    .md-p-60 {
        padding: 15rem; /* 240px */
    }
    .md-px-60 {
        padding-left: 15rem; /* 240px */
        padding-right: 15rem; /* 240px */
    }
    .md-py-60 {
        padding-top: 15rem; /* 240px */
        padding-bottom: 15rem; /* 240px */
    }
    .md-ps-60 {
        padding-inline-start: 15rem; /* 240px */
    }
    .md-pe-60 {
        padding-inline-end: 15rem; /* 240px */
    }
    .md-pt-60 {
        padding-top: 15rem; /* 240px */
    }
    .md-pr-60 {
        padding-right: 15rem; /* 240px */
    }
    .md-pb-60 {
        padding-bottom: 15rem; /* 240px */
    }
    .md-pl-60 {
        padding-left: 15rem; /* 240px */
    }
    .md-p-64 {
        padding: 16rem; /* 256px */
    }
    .md-px-64 {
        padding-left: 16rem; /* 256px */
        padding-right: 16rem; /* 256px */
    }
    .md-py-64 {
        padding-top: 16rem; /* 256px */
        padding-bottom: 16rem; /* 256px */
    }
    .md-ps-64 {
        padding-inline-start: 16rem; /* 256px */
    }
    .md-pe-64 {
        padding-inline-end: 16rem; /* 256px */
    }
    .md-pt-64 {
        padding-top: 16rem; /* 256px */
    }
    .md-pr-64 {
        padding-right: 16rem; /* 256px */
    }
    .md-pb-64 {
        padding-bottom: 16rem; /* 256px */
    }
    .md-pl-64 {
        padding-left: 16rem; /* 256px */
    }
    .md-p-72 {
        padding: 18rem; /* 288px */
    }
    .md-px-72 {
        padding-left: 18rem; /* 288px */
        padding-right: 18rem; /* 288px */
    }
    .md-py-72 {
        padding-top: 18rem; /* 288px */
        padding-bottom: 18rem; /* 288px */
    }
    .md-ps-72 {
        padding-inline-start: 18rem; /* 288px */
    }
    .md-pe-72 {
        padding-inline-end: 18rem; /* 288px */
    }
    .md-pt-72 {
        padding-top: 18rem; /* 288px */
    }
    .md-pr-72 {
        padding-right: 18rem; /* 288px */
    }
    .md-pb-72 {
        padding-bottom: 18rem; /* 288px */
    }
    .md-pl-72 {
        padding-left: 18rem; /* 288px */
    }
    .md-p-80 {
        padding: 20rem; /* 320px */
    }
    .md-px-80 {
        padding-left: 20rem; /* 320px */
        padding-right: 20rem; /* 320px */
    }
    .md-py-80 {
        padding-top: 20rem; /* 320px */
        padding-bottom: 20rem; /* 320px */
    }
    .md-ps-80 {
        padding-inline-start: 20rem; /* 320px */
    }
    .md-pe-80 {
        padding-inline-end: 20rem; /* 320px */
    }
    .md-pt-80 {
        padding-top: 20rem; /* 320px */
    }
    .md-pr-80 {
        padding-right: 20rem; /* 320px */
    }
    .md-pb-80 {
        padding-bottom: 20rem; /* 320px */
    }
    .md-pl-80 {
        padding-left: 20rem; /* 320px */
    }
    .md-p-96 {
        padding: 24rem; /* 384px */
    }
    .md-px-96 {
        padding-left: 24rem; /* 384px */
        padding-right: 24rem; /* 384px */
    }
    .md-py-96 {
        padding-top: 24rem; /* 384px */
        padding-bottom: 24rem; /* 384px */
    }
    .md-ps-96 {
        padding-inline-start: 24rem; /* 384px */
    }
    .md-pe-96 {
        padding-inline-end: 24rem; /* 384px */
    }
    .md-pt-96 {
        padding-top: 24rem; /* 384px */
    }
    .md-pr-96 {
        padding-right: 24rem; /* 384px */
    }
    .md-pb-96 {
        padding-bottom: 24rem; /* 384px */
    }
    .md-pl-96 {
        padding-left: 24rem; /* 384px */
    }
}

/* lg breakpoint padding utilities */
@media (max-width: 991px) {
    .lg-p-0 {
        padding: 0px;
    }
    .lg-px-0 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .lg-py-0 {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .lg-ps-0 {
        padding-inline-start: 0px;
    }
    .lg-pe-0 {
        padding-inline-end: 0px;
    }
    .lg-pt-0 {
        padding-top: 0px;
    }
    .lg-pr-0 {
        padding-right: 0px;
    }
    .lg-pb-0 {
        padding-bottom: 0px;
    }
    .lg-pl-0 {
        padding-left: 0px;
    }
    .lg-p-px {
        padding: 1px;
    }
    .lg-px-px {
        padding-left: 1px;
        padding-right: 1px;
    }
    .lg-py-px {
        padding-top: 1px;
        padding-bottom: 1px;
    }
    .lg-ps-px {
        padding-inline-start: 1px;
    }
    .lg-pe-px {
        padding-inline-end: 1px;
    }
    .lg-pt-px {
        padding-top: 1px;
    }
    .lg-pr-px {
        padding-right: 1px;
    }
    .lg-pb-px {
        padding-bottom: 1px;
    }
    .lg-pl-px {
        padding-left: 1px;
    }
    .lg-p-0\.5 {
        padding: 0.125rem; /* 2px */
    }
    .lg-px-0\.5 {
        padding-left: 0.125rem; /* 2px */
        padding-right: 0.125rem; /* 2px */
    }
    .lg-py-0\.5 {
        padding-top: 0.125rem; /* 2px */
        padding-bottom: 0.125rem; /* 2px */
    }
    .lg-ps-0\.5 {
        padding-inline-start: 0.125rem; /* 2px */
    }
    .lg-pe-0\.5 {
        padding-inline-end: 0.125rem; /* 2px */
    }
    .lg-pt-0\.5 {
        padding-top: 0.125rem; /* 2px */
    }
    .lg-pr-0\.5 {
        padding-right: 0.125rem; /* 2px */
    }
    .lg-pb-0\.5 {
        padding-bottom: 0.125rem; /* 2px */
    }
    .lg-pl-0\.5 {
        padding-left: 0.125rem; /* 2px */
    }
    .lg-p-1 {
        padding: 0.25rem; /* 4px */
    }
    .lg-px-1 {
        padding-left: 0.25rem; /* 4px */
        padding-right: 0.25rem; /* 4px */
    }
    .lg-py-1 {
        padding-top: 0.25rem; /* 4px */
        padding-bottom: 0.25rem; /* 4px */
    }
    .lg-ps-1 {
        padding-inline-start: 0.25rem; /* 4px */
    }
    .lg-pe-1 {
        padding-inline-end: 0.25rem; /* 4px */
    }
    .lg-pt-1 {
        padding-top: 0.25rem; /* 4px */
    }
    .lg-pr-1 {
        padding-right: 0.25rem; /* 4px */
    }
    .lg-pb-1 {
        padding-bottom: 0.25rem; /* 4px */
    }
    .lg-pl-1 {
        padding-left: 0.25rem; /* 4px */
    }
    .lg-p-1\.5 {
        padding: 0.375rem; /* 6px */
    }
    .lg-px-1\.5 {
        padding-left: 0.375rem; /* 6px */
        padding-right: 0.375rem; /* 6px */
    }
    .lg-py-1\.5 {
        padding-top: 0.375rem; /* 6px */
        padding-bottom: 0.375rem; /* 6px */
    }
    .lg-ps-1\.5 {
        padding-inline-start: 0.375rem; /* 6px */
    }
    .lg-pe-1\.5 {
        padding-inline-end: 0.375rem; /* 6px */
    }
    .lg-pt-1\.5 {
        padding-top: 0.375rem; /* 6px */
    }
    .lg-pr-1\.5 {
        padding-right: 0.375rem; /* 6px */
    }
    .lg-pb-1\.5 {
        padding-bottom: 0.375rem; /* 6px */
    }
    .lg-pl-1\.5 {
        padding-left: 0.375rem; /* 6px */
    }
    .lg-p-2 {
        padding: 0.5rem; /* 8px */
    }
    .lg-px-2 {
        padding-left: 0.5rem; /* 8px */
        padding-right: 0.5rem; /* 8px */
    }
    .lg-py-2 {
        padding-top: 0.5rem; /* 8px */
        padding-bottom: 0.5rem; /* 8px */
    }
    .lg-ps-2 {
        padding-inline-start: 0.5rem; /* 8px */
    }
    .lg-pe-2 {
        padding-inline-end: 0.5rem; /* 8px */
    }
    .lg-pt-2 {
        padding-top: 0.5rem; /* 8px */
    }
    .lg-pr-2 {
        padding-right: 0.5rem; /* 8px */
    }
    .lg-pb-2 {
        padding-bottom: 0.5rem; /* 8px */
    }
    .lg-pl-2 {
        padding-left: 0.5rem; /* 8px */
    }
    .lg-p-2\.5 {
        padding: 0.625rem; /* 10px */
    }
    .lg-px-2\.5 {
        padding-left: 0.625rem; /* 10px */
        padding-right: 0.625rem; /* 10px */
    }
    .lg-py-2\.5 {
        padding-top: 0.625rem; /* 10px */
        padding-bottom: 0.625rem; /* 10px */
    }
    .lg-ps-2\.5 {
        padding-inline-start: 0.625rem; /* 10px */
    }
    .lg-pe-2\.5 {
        padding-inline-end: 0.625rem; /* 10px */
    }
    .lg-pt-2\.5 {
        padding-top: 0.625rem; /* 10px */
    }
    .lg-pr-2\.5 {
        padding-right: 0.625rem; /* 10px */
    }
    .lg-pb-2\.5 {
        padding-bottom: 0.625rem; /* 10px */
    }
    .lg-pl-2\.5 {
        padding-left: 0.625rem; /* 10px */
    }
    .lg-p-3 {
        padding: 0.75rem; /* 12px */
    }
    .lg-px-3 {
        padding-left: 0.75rem; /* 12px */
        padding-right: 0.75rem; /* 12px */
    }
    .lg-py-3 {
        padding-top: 0.75rem; /* 12px */
        padding-bottom: 0.75rem; /* 12px */
    }
    .lg-ps-3 {
        padding-inline-start: 0.75rem; /* 12px */
    }
    .lg-pe-3 {
        padding-inline-end: 0.75rem; /* 12px */
    }
    .lg-pt-3 {
        padding-top: 0.75rem; /* 12px */
    }
    .lg-pr-3 {
        padding-right: 0.75rem; /* 12px */
    }
    .lg-pb-3 {
        padding-bottom: 0.75rem; /* 12px */
    }
    .lg-pl-3 {
        padding-left: 0.75rem; /* 12px */
    }
    .lg-p-3\.5 {
        padding: 0.875rem; /* 14px */
    }
    .lg-px-3\.5 {
        padding-left: 0.875rem; /* 14px */
        padding-right: 0.875rem; /* 14px */
    }
    .lg-py-3\.5 {
        padding-top: 0.875rem; /* 14px */
        padding-bottom: 0.875rem; /* 14px */
    }
    .lg-ps-3\.5 {
        padding-inline-start: 0.875rem; /* 14px */
    }
    .lg-pe-3\.5 {
        padding-inline-end: 0.875rem; /* 14px */
    }
    .lg-pt-3\.5 {
        padding-top: 0.875rem; /* 14px */
    }
    .lg-pr-3\.5 {
        padding-right: 0.875rem; /* 14px */
    }
    .lg-pb-3\.5 {
        padding-bottom: 0.875rem; /* 14px */
    }
    .lg-pl-3\.5 {
        padding-left: 0.875rem; /* 14px */
    }
    .lg-p-4 {
        padding: 1rem; /* 16px */
    }
    .lg-px-4 {
        padding-left: 1rem; /* 16px */
        padding-right: 1rem; /* 16px */
    }
    .lg-py-4 {
        padding-top: 1rem; /* 16px */
        padding-bottom: 1rem; /* 16px */
    }
    .lg-ps-4 {
        padding-inline-start: 1rem; /* 16px */
    }
    .lg-pe-4 {
        padding-inline-end: 1rem; /* 16px */
    }
    .lg-pt-4 {
        padding-top: 1rem; /* 16px */
    }
    .lg-pr-4 {
        padding-right: 1rem; /* 16px */
    }
    .lg-pb-4 {
        padding-bottom: 1rem; /* 16px */
    }
    .lg-pl-4 {
        padding-left: 1rem; /* 16px */
    }
    .lg-p-5 {
        padding: 1.25rem; /* 20px */
    }
    .lg-px-5 {
        padding-left: 1.25rem; /* 20px */
        padding-right: 1.25rem; /* 20px */
    }
    .lg-py-5 {
        padding-top: 1.25rem; /* 20px */
        padding-bottom: 1.25rem; /* 20px */
    }
    .lg-ps-5 {
        padding-inline-start: 1.25rem; /* 20px */
    }
    .lg-pe-5 {
        padding-inline-end: 1.25rem; /* 20px */
    }
    .lg-pt-5 {
        padding-top: 1.25rem; /* 20px */
    }
    .lg-pr-5 {
        padding-right: 1.25rem; /* 20px */
    }
    .lg-pb-5 {
        padding-bottom: 1.25rem; /* 20px */
    }
    .lg-pl-5 {
        padding-left: 1.25rem; /* 20px */
    }
    .lg-p-6 {
        padding: 1.5rem; /* 24px */
    }
    .lg-px-6 {
        padding-left: 1.5rem; /* 24px */
        padding-right: 1.5rem; /* 24px */
    }
    .lg-py-6 {
        padding-top: 1.5rem; /* 24px */
        padding-bottom: 1.5rem; /* 24px */
    }
    .lg-ps-6 {
        padding-inline-start: 1.5rem; /* 24px */
    }
    .lg-pe-6 {
        padding-inline-end: 1.5rem; /* 24px */
    }
    .lg-pt-6 {
        padding-top: 1.5rem; /* 24px */
    }
    .lg-pr-6 {
        padding-right: 1.5rem; /* 24px */
    }
    .lg-pb-6 {
        padding-bottom: 1.5rem; /* 24px */
    }
    .lg-pl-6 {
        padding-left: 1.5rem; /* 24px */
    }
    .lg-p-7 {
        padding: 1.75rem; /* 28px */
    }
    .lg-px-7 {
        padding-left: 1.75rem; /* 28px */
        padding-right: 1.75rem; /* 28px */
    }
    .lg-py-7 {
        padding-top: 1.75rem; /* 28px */
        padding-bottom: 1.75rem; /* 28px */
    }
    .lg-ps-7 {
        padding-inline-start: 1.75rem; /* 28px */
    }
    .lg-pe-7 {
        padding-inline-end: 1.75rem; /* 28px */
    }
    .lg-pt-7 {
        padding-top: 1.75rem; /* 28px */
    }
    .lg-pr-7 {
        padding-right: 1.75rem; /* 28px */
    }
    .lg-pb-7 {
        padding-bottom: 1.75rem; /* 28px */
    }
    .lg-pl-7 {
        padding-left: 1.75rem; /* 28px */
    }
    .lg-p-8 {
        padding: 2rem; /* 32px */
    }
    .lg-px-8 {
        padding-left: 2rem; /* 32px */
        padding-right: 2rem; /* 32px */
    }
    .lg-py-8 {
        padding-top: 2rem; /* 32px */
        padding-bottom: 2rem; /* 32px */
    }
    .lg-ps-8 {
        padding-inline-start: 2rem; /* 32px */
    }
    .lg-pe-8 {
        padding-inline-end: 2rem; /* 32px */
    }
    .lg-pt-8 {
        padding-top: 2rem; /* 32px */
    }
    .lg-pr-8 {
        padding-right: 2rem; /* 32px */
    }
    .lg-pb-8 {
        padding-bottom: 2rem; /* 32px */
    }
    .lg-pl-8 {
        padding-left: 2rem; /* 32px */
    }
    .lg-p-9 {
        padding: 2.25rem; /* 36px */
    }
    .lg-px-9 {
        padding-left: 2.25rem; /* 36px */
        padding-right: 2.25rem; /* 36px */
    }
    .lg-py-9 {
        padding-top: 2.25rem; /* 36px */
        padding-bottom: 2.25rem; /* 36px */
    }
    .lg-ps-9 {
        padding-inline-start: 2.25rem; /* 36px */
    }
    .lg-pe-9 {
        padding-inline-end: 2.25rem; /* 36px */
    }
    .lg-pt-9 {
        padding-top: 2.25rem; /* 36px */
    }
    .lg-pr-9 {
        padding-right: 2.25rem; /* 36px */
    }
    .lg-pb-9 {
        padding-bottom: 2.25rem; /* 36px */
    }
    .lg-pl-9 {
        padding-left: 2.25rem; /* 36px */
    }
    .lg-p-10 {
        padding: 2.5rem; /* 40px */
    }
    .lg-px-10 {
        padding-left: 2.5rem; /* 40px */
        padding-right: 2.5rem; /* 40px */
    }
    .lg-py-10 {
        padding-top: 2.5rem; /* 40px */
        padding-bottom: 2.5rem; /* 40px */
    }
    .lg-ps-10 {
        padding-inline-start: 2.5rem; /* 40px */
    }
    .lg-pe-10 {
        padding-inline-end: 2.5rem; /* 40px */
    }
    .lg-pt-10 {
        padding-top: 2.5rem; /* 40px */
    }
    .lg-pr-10 {
        padding-right: 2.5rem; /* 40px */
    }
    .lg-pb-10 {
        padding-bottom: 2.5rem; /* 40px */
    }
    .lg-pl-10 {
        padding-left: 2.5rem; /* 40px */
    }
    .lg-p-11 {
        padding: 2.75rem; /* 44px */
    }
    .lg-px-11 {
        padding-left: 2.75rem; /* 44px */
        padding-right: 2.75rem; /* 44px */
    }
    .lg-py-11 {
        padding-top: 2.75rem; /* 44px */
        padding-bottom: 2.75rem; /* 44px */
    }
    .lg-ps-11 {
        padding-inline-start: 2.75rem; /* 44px */
    }
    .lg-pe-11 {
        padding-inline-end: 2.75rem; /* 44px */
    }
    .lg-pt-11 {
        padding-top: 2.75rem; /* 44px */
    }
    .lg-pr-11 {
        padding-right: 2.75rem; /* 44px */
    }
    .lg-pb-11 {
        padding-bottom: 2.75rem; /* 44px */
    }
    .lg-pl-11 {
        padding-left: 2.75rem; /* 44px */
    }
    .lg-p-12 {
        padding: 3rem; /* 48px */
    }
    .lg-px-12 {
        padding-left: 3rem; /* 48px */
        padding-right: 3rem; /* 48px */
    }
    .lg-py-12 {
        padding-top: 3rem; /* 48px */
        padding-bottom: 3rem; /* 48px */
    }
    .lg-ps-12 {
        padding-inline-start: 3rem; /* 48px */
    }
    .lg-pe-12 {
        padding-inline-end: 3rem; /* 48px */
    }
    .lg-pt-12 {
        padding-top: 3rem; /* 48px */
    }
    .lg-pr-12 {
        padding-right: 3rem; /* 48px */
    }
    .lg-pb-12 {
        padding-bottom: 3rem; /* 48px */
    }
    .lg-pl-12 {
        padding-left: 3rem; /* 48px */
    }
    .lg-p-14 {
        padding: 3.5rem; /* 56px */
    }
    .lg-px-14 {
        padding-left: 3.5rem; /* 56px */
        padding-right: 3.5rem; /* 56px */
    }
    .lg-py-14 {
        padding-top: 3.5rem; /* 56px */
        padding-bottom: 3.5rem; /* 56px */
    }
    .lg-ps-14 {
        padding-inline-start: 3.5rem; /* 56px */
    }
    .lg-pe-14 {
        padding-inline-end: 3.5rem; /* 56px */
    }
    .lg-pt-14 {
        padding-top: 3.5rem; /* 56px */
    }
    .lg-pr-14 {
        padding-right: 3.5rem; /* 56px */
    }
    .lg-pb-14 {
        padding-bottom: 3.5rem; /* 56px */
    }
    .lg-pl-14 {
        padding-left: 3.5rem; /* 56px */
    }
    .lg-p-16 {
        padding: 4rem; /* 64px */
    }
    .lg-px-16 {
        padding-left: 4rem; /* 64px */
        padding-right: 4rem; /* 64px */
    }
    .lg-py-16 {
        padding-top: 4rem; /* 64px */
        padding-bottom: 4rem; /* 64px */
    }
    .lg-ps-16 {
        padding-inline-start: 4rem; /* 64px */
    }
    .lg-pe-16 {
        padding-inline-end: 4rem; /* 64px */
    }
    .lg-pt-16 {
        padding-top: 4rem; /* 64px */
    }
    .lg-pr-16 {
        padding-right: 4rem; /* 64px */
    }
    .lg-pb-16 {
        padding-bottom: 4rem; /* 64px */
    }
    .lg-pl-16 {
        padding-left: 4rem; /* 64px */
    }
    .lg-p-20 {
        padding: 5rem; /* 80px */
    }
    .lg-px-20 {
        padding-left: 5rem; /* 80px */
        padding-right: 5rem; /* 80px */
    }
    .lg-py-20 {
        padding-top: 5rem; /* 80px */
        padding-bottom: 5rem; /* 80px */
    }
    .lg-ps-20 {
        padding-inline-start: 5rem; /* 80px */
    }
    .lg-pe-20 {
        padding-inline-end: 5rem; /* 80px */
    }
    .lg-pt-20 {
        padding-top: 5rem; /* 80px */
    }
    .lg-pr-20 {
        padding-right: 5rem; /* 80px */
    }
    .lg-pb-20 {
        padding-bottom: 5rem; /* 80px */
    }
    .lg-pl-20 {
        padding-left: 5rem; /* 80px */
    }
    .lg-p-24 {
        padding: 6rem; /* 96px */
    }
    .lg-px-24 {
        padding-left: 6rem; /* 96px */
        padding-right: 6rem; /* 96px */
    }
    .lg-py-24 {
        padding-top: 6rem; /* 96px */
        padding-bottom: 6rem; /* 96px */
    }
    .lg-ps-24 {
        padding-inline-start: 6rem; /* 96px */
    }
    .lg-pe-24 {
        padding-inline-end: 6rem; /* 96px */
    }
    .lg-pt-24 {
        padding-top: 6rem; /* 96px */
    }
    .lg-pr-24 {
        padding-right: 6rem; /* 96px */
    }
    .lg-pb-24 {
        padding-bottom: 6rem; /* 96px */
    }
    .lg-pl-24 {
        padding-left: 6rem; /* 96px */
    }
    .lg-p-28 {
        padding: 7rem; /* 112px */
    }
    .lg-px-28 {
        padding-left: 7rem; /* 112px */
        padding-right: 7rem; /* 112px */
    }
    .lg-py-28 {
        padding-top: 7rem; /* 112px */
        padding-bottom: 7rem; /* 112px */
    }
    .lg-ps-28 {
        padding-inline-start: 7rem; /* 112px */
    }
    .lg-pe-28 {
        padding-inline-end: 7rem; /* 112px */
    }
    .lg-pt-28 {
        padding-top: 7rem; /* 112px */
    }
    .lg-pr-28 {
        padding-right: 7rem; /* 112px */
    }
    .lg-pb-28 {
        padding-bottom: 7rem; /* 112px */
    }
    .lg-pl-28 {
        padding-left: 7rem; /* 112px */
    }
    .lg-p-32 {
        padding: 8rem; /* 128px */
    }
    .lg-px-32 {
        padding-left: 8rem; /* 128px */
        padding-right: 8rem; /* 128px */
    }
    .lg-py-32 {
        padding-top: 8rem; /* 128px */
        padding-bottom: 8rem; /* 128px */
    }
    .lg-ps-32 {
        padding-inline-start: 8rem; /* 128px */
    }
    .lg-pe-32 {
        padding-inline-end: 8rem; /* 128px */
    }
    .lg-pt-32 {
        padding-top: 8rem; /* 128px */
    }
    .lg-pr-32 {
        padding-right: 8rem; /* 128px */
    }
    .lg-pb-32 {
        padding-bottom: 8rem; /* 128px */
    }
    .lg-pl-32 {
        padding-left: 8rem; /* 128px */
    }
    .lg-p-36 {
        padding: 9rem; /* 144px */
    }
    .lg-px-36 {
        padding-left: 9rem; /* 144px */
        padding-right: 9rem; /* 144px */
    }
    .lg-py-36 {
        padding-top: 9rem; /* 144px */
        padding-bottom: 9rem; /* 144px */
    }
    .lg-ps-36 {
        padding-inline-start: 9rem; /* 144px */
    }
    .lg-pe-36 {
        padding-inline-end: 9rem; /* 144px */
    }
    .lg-pt-36 {
        padding-top: 9rem; /* 144px */
    }
    .lg-pr-36 {
        padding-right: 9rem; /* 144px */
    }
    .lg-pb-36 {
        padding-bottom: 9rem; /* 144px */
    }
    .lg-pl-36 {
        padding-left: 9rem; /* 144px */
    }
    .lg-p-40 {
        padding: 10rem; /* 160px */
    }
    .lg-px-40 {
        padding-left: 10rem; /* 160px */
        padding-right: 10rem; /* 160px */
    }
    .lg-py-40 {
        padding-top: 10rem; /* 160px */
        padding-bottom: 10rem; /* 160px */
    }
    .lg-ps-40 {
        padding-inline-start: 10rem; /* 160px */
    }
    .lg-pe-40 {
        padding-inline-end: 10rem; /* 160px */
    }
    .lg-pt-40 {
        padding-top: 10rem; /* 160px */
    }
    .lg-pr-40 {
        padding-right: 10rem; /* 160px */
    }
    .lg-pb-40 {
        padding-bottom: 10rem; /* 160px */
    }
    .lg-pl-40 {
        padding-left: 10rem; /* 160px */
    }
    .lg-p-44 {
        padding: 11rem; /* 176px */
    }
    .lg-px-44 {
        padding-left: 11rem; /* 176px */
        padding-right: 11rem; /* 176px */
    }
    .lg-py-44 {
        padding-top: 11rem; /* 176px */
        padding-bottom: 11rem; /* 176px */
    }
    .lg-ps-44 {
        padding-inline-start: 11rem; /* 176px */
    }
    .lg-pe-44 {
        padding-inline-end: 11rem; /* 176px */
    }
    .lg-pt-44 {
        padding-top: 11rem; /* 176px */
    }
    .lg-pr-44 {
        padding-right: 11rem; /* 176px */
    }
    .lg-pb-44 {
        padding-bottom: 11rem; /* 176px */
    }
    .lg-pl-44 {
        padding-left: 11rem; /* 176px */
    }
    .lg-p-48 {
        padding: 12rem; /* 192px */
    }
    .lg-px-48 {
        padding-left: 12rem; /* 192px */
        padding-right: 12rem; /* 192px */
    }
    .lg-py-48 {
        padding-top: 12rem; /* 192px */
        padding-bottom: 12rem; /* 192px */
    }
    .lg-ps-48 {
        padding-inline-start: 12rem; /* 192px */
    }
    .lg-pe-48 {
        padding-inline-end: 12rem; /* 192px */
    }
    .lg-pt-48 {
        padding-top: 12rem; /* 192px */
    }
    .lg-pr-48 {
        padding-right: 12rem; /* 192px */
    }
    .lg-pb-48 {
        padding-bottom: 12rem; /* 192px */
    }
    .lg-pl-48 {
        padding-left: 12rem; /* 192px */
    }
    .lg-p-52 {
        padding: 13rem; /* 208px */
    }
    .lg-px-52 {
        padding-left: 13rem; /* 208px */
        padding-right: 13rem; /* 208px */
    }
    .lg-py-52 {
        padding-top: 13rem; /* 208px */
        padding-bottom: 13rem; /* 208px */
    }
    .lg-ps-52 {
        padding-inline-start: 13rem; /* 208px */
    }
    .lg-pe-52 {
        padding-inline-end: 13rem; /* 208px */
    }
    .lg-pt-52 {
        padding-top: 13rem; /* 208px */
    }
    .lg-pr-52 {
        padding-right: 13rem; /* 208px */
    }
    .lg-pb-52 {
        padding-bottom: 13rem; /* 208px */
    }
    .lg-pl-52 {
        padding-left: 13rem; /* 208px */
    }
    .lg-p-56 {
        padding: 14rem; /* 224px */
    }
    .lg-px-56 {
        padding-left: 14rem; /* 224px */
        padding-right: 14rem; /* 224px */
    }
    .lg-py-56 {
        padding-top: 14rem; /* 224px */
        padding-bottom: 14rem; /* 224px */
    }
    .lg-ps-56 {
        padding-inline-start: 14rem; /* 224px */
    }
    .lg-pe-56 {
        padding-inline-end: 14rem; /* 224px */
    }
    .lg-pt-56 {
        padding-top: 14rem; /* 224px */
    }
    .lg-pr-56 {
        padding-right: 14rem; /* 224px */
    }
    .lg-pb-56 {
        padding-bottom: 14rem; /* 224px */
    }
    .lg-pl-56 {
        padding-left: 14rem; /* 224px */
    }
    .lg-p-60 {
        padding: 15rem; /* 240px */
    }
    .lg-px-60 {
        padding-left: 15rem; /* 240px */
        padding-right: 15rem; /* 240px */
    }
    .lg-py-60 {
        padding-top: 15rem; /* 240px */
        padding-bottom: 15rem; /* 240px */
    }
    .lg-ps-60 {
        padding-inline-start: 15rem; /* 240px */
    }
    .lg-pe-60 {
        padding-inline-end: 15rem; /* 240px */
    }
    .lg-pt-60 {
        padding-top: 15rem; /* 240px */
    }
    .lg-pr-60 {
        padding-right: 15rem; /* 240px */
    }
    .lg-pb-60 {
        padding-bottom: 15rem; /* 240px */
    }
    .lg-pl-60 {
        padding-left: 15rem; /* 240px */
    }
    .lg-p-64 {
        padding: 16rem; /* 256px */
    }
    .lg-px-64 {
        padding-left: 16rem; /* 256px */
        padding-right: 16rem; /* 256px */
    }
    .lg-py-64 {
        padding-top: 16rem; /* 256px */
        padding-bottom: 16rem; /* 256px */
    }
    .lg-ps-64 {
        padding-inline-start: 16rem; /* 256px */
    }
    .lg-pe-64 {
        padding-inline-end: 16rem; /* 256px */
    }
    .lg-pt-64 {
        padding-top: 16rem; /* 256px */
    }
    .lg-pr-64 {
        padding-right: 16rem; /* 256px */
    }
    .lg-pb-64 {
        padding-bottom: 16rem; /* 256px */
    }
    .lg-pl-64 {
        padding-left: 16rem; /* 256px */
    }
    .lg-p-72 {
        padding: 18rem; /* 288px */
    }
    .lg-px-72 {
        padding-left: 18rem; /* 288px */
        padding-right: 18rem; /* 288px */
    }
    .lg-py-72 {
        padding-top: 18rem; /* 288px */
        padding-bottom: 18rem; /* 288px */
    }
    .lg-ps-72 {
        padding-inline-start: 18rem; /* 288px */
    }
    .lg-pe-72 {
        padding-inline-end: 18rem; /* 288px */
    }
    .lg-pt-72 {
        padding-top: 18rem; /* 288px */
    }
    .lg-pr-72 {
        padding-right: 18rem; /* 288px */
    }
    .lg-pb-72 {
        padding-bottom: 18rem; /* 288px */
    }
    .lg-pl-72 {
        padding-left: 18rem; /* 288px */
    }
    .lg-p-80 {
        padding: 20rem; /* 320px */
    }
    .lg-px-80 {
        padding-left: 20rem; /* 320px */
        padding-right: 20rem; /* 320px */
    }
    .lg-py-80 {
        padding-top: 20rem; /* 320px */
        padding-bottom: 20rem; /* 320px */
    }
    .lg-ps-80 {
        padding-inline-start: 20rem; /* 320px */
    }
    .lg-pe-80 {
        padding-inline-end: 20rem; /* 320px */
    }
    .lg-pt-80 {
        padding-top: 20rem; /* 320px */
    }
    .lg-pr-80 {
        padding-right: 20rem; /* 320px */
    }
    .lg-pb-80 {
        padding-bottom: 20rem; /* 320px */
    }
    .lg-pl-80 {
        padding-left: 20rem; /* 320px */
    }
    .lg-p-96 {
        padding: 24rem; /* 384px */
    }
    .lg-px-96 {
        padding-left: 24rem; /* 384px */
        padding-right: 24rem; /* 384px */
    }
    .lg-py-96 {
        padding-top: 24rem; /* 384px */
        padding-bottom: 24rem; /* 384px */
    }
    .lg-ps-96 {
        padding-inline-start: 24rem; /* 384px */
    }
    .lg-pe-96 {
        padding-inline-end: 24rem; /* 384px */
    }
    .lg-pt-96 {
        padding-top: 24rem; /* 384px */
    }
    .lg-pr-96 {
        padding-right: 24rem; /* 384px */
    }
    .lg-pb-96 {
        padding-bottom: 24rem; /* 384px */
    }
    .lg-pl-96 {
        padding-left: 24rem; /* 384px */
    }
}

.object-contain {
    object-fit: contain;
}
.object-cover {
    object-fit: cover;
}
.object-fill {
    object-fit: fill;
}
.object-none {
    object-fit: none;
}
.object-scale-down {
    object-fit: scale-down;
}
.object-bottom {
    object-position: bottom;
}
.object-center {
    object-position: center;
}
.object-left {
    object-position: left;
}
.object-left-bottom {
    object-position: left bottom;
}
.object-left-top {
    object-position: left top;
}
.object-right {
    object-position: right;
}
.object-right-bottom {
    object-position: right bottom;
}
.object-right-top {
    object-position: right top;
}
.object-top {
    object-position: top;
}
.overflow-auto {
    overflow: auto;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-clip {
    overflow: clip;
}
.overflow-visible {
    overflow: visible;
}
.overflow-scroll {
    overflow: scroll;
}
.overflow-x-auto {
    overflow-x: auto;
}
.overflow-y-auto {
    overflow-y: auto;
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.overflow-y-hidden {
    overflow-y: hidden;
}
.overflow-x-clip {
    overflow-x: clip;
}
.overflow-y-clip {
    overflow-y: clip;
}
.overflow-x-visible {
    overflow-x: visible;
}
.overflow-y-visible {
    overflow-y: visible;
}
.overflow-x-scroll {
    overflow-x: scroll;
}
.overflow-y-scroll {
    overflow-y: scroll;
}
.static {
    position: static;
}
.fixed {
    position: fixed;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.sticky {
    position: sticky;
}
.z-0 {
    z-index: 0;
}
.z-10 {
    z-index: 10;
}
.z-20 {
    z-index: 20;
}
.z-30 {
    z-index: 30;
}
.z-40 {
    z-index: 40;
}
.z-50 {
    z-index: 50;
}
.z-auto {
    z-index: auto;
}
.visible {
    visibility: visible;
}
.invisible {
    visibility: hidden;
}
.collapse {
    visibility: collapse;
}

.m-0 {
    margin: 0px;
}
.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}
.my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.ms-0 {
    margin-inline-start: 0px;
}
.me-0 {
    margin-inline-end: 0px;
}
.mt-0 {
    margin-top: 0px;
}
.mr-0 {
    margin-right: 0px;
}
.mb-0 {
    margin-bottom: 0px;
}
.ml-0 {
    margin-left: 0px;
}
.m-px {
    margin: 1px;
}
.mx-px {
    margin-left: 1px;
    margin-right: 1px;
}
.my-px {
    margin-top: 1px;
    margin-bottom: 1px;
}
.ms-px {
    margin-inline-start: 1px;
}
.me-px {
    margin-inline-end: 1px;
}
.mt-px {
    margin-top: 1px;
}
.mr-px {
    margin-right: 1px;
}
.mb-px {
    margin-bottom: 1px;
}
.ml-px {
    margin-left: 1px;
}
.m-0\.5 {
    margin: 0.125rem; /* 2px */
}
.mx-0\.5 {
    margin-left: 0.125rem; /* 2px */
    margin-right: 0.125rem; /* 2px */
}
.my-0\.5 {
    margin-top: 0.125rem; /* 2px */
    margin-bottom: 0.125rem; /* 2px */
}
.ms-0\.5 {
    margin-inline-start: 0.125rem; /* 2px */
}
.me-0\.5 {
    margin-inline-end: 0.125rem; /* 2px */
}
.mt-0\.5 {
    margin-top: 0.125rem; /* 2px */
}
.mr-0\.5 {
    margin-right: 0.125rem; /* 2px */
}
.mb-0\.5 {
    margin-bottom: 0.125rem; /* 2px */
}
.ml-0\.5 {
    margin-left: 0.125rem; /* 2px */
}
.m-1 {
    margin: 0.25rem; /* 4px */
}
.mx-1 {
    margin-left: 0.25rem; /* 4px */
    margin-right: 0.25rem; /* 4px */
}
.my-1 {
    margin-top: 0.25rem; /* 4px */
    margin-bottom: 0.25rem; /* 4px */
}
.ms-1 {
    margin-inline-start: 0.25rem; /* 4px */
}
.me-1 {
    margin-inline-end: 0.25rem; /* 4px */
}
.mt-1 {
    margin-top: 0.25rem; /* 4px */
}
.mr-1 {
    margin-right: 0.25rem; /* 4px */
}
.mb-1 {
    margin-bottom: 0.25rem; /* 4px */
}
.ml-1 {
    margin-left: 0.25rem; /* 4px */
}
.m-1\.5 {
    margin: 0.375rem; /* 6px */
}
.mx-1\.5 {
    margin-left: 0.375rem; /* 6px */
    margin-right: 0.375rem; /* 6px */
}
.my-1\.5 {
    margin-top: 0.375rem; /* 6px */
    margin-bottom: 0.375rem; /* 6px */
}
.ms-1\.5 {
    margin-inline-start: 0.375rem; /* 6px */
}
.me-1\.5 {
    margin-inline-end: 0.375rem; /* 6px */
}
.mt-1\.5 {
    margin-top: 0.375rem; /* 6px */
}
.mr-1\.5 {
    margin-right: 0.375rem; /* 6px */
}
.mb-1\.5 {
    margin-bottom: 0.375rem; /* 6px */
}
.ml-1\.5 {
    margin-left: 0.375rem; /* 6px */
}
.m-2 {
    margin: 0.5rem; /* 8px */
}
.mx-2 {
    margin-left: 0.5rem; /* 8px */
    margin-right: 0.5rem; /* 8px */
}
.my-2 {
    margin-top: 0.5rem; /* 8px */
    margin-bottom: 0.5rem; /* 8px */
}
.ms-2 {
    margin-inline-start: 0.5rem; /* 8px */
}
.me-2 {
    margin-inline-end: 0.5rem; /* 8px */
}
.mt-2 {
    margin-top: 0.5rem; /* 8px */
}
.mr-2 {
    margin-right: 0.5rem; /* 8px */
}
.mb-2 {
    margin-bottom: 0.5rem; /* 8px */
}
.ml-2 {
    margin-left: 0.5rem; /* 8px */
}
.m-2\.5 {
    margin: 0.625rem; /* 10px */
}
.mx-2\.5 {
    margin-left: 0.625rem; /* 10px */
    margin-right: 0.625rem; /* 10px */
}
.my-2\.5 {
    margin-top: 0.625rem; /* 10px */
    margin-bottom: 0.625rem; /* 10px */
}
.ms-2\.5 {
    margin-inline-start: 0.625rem; /* 10px */
}
.me-2\.5 {
    margin-inline-end: 0.625rem; /* 10px */
}
.mt-2\.5 {
    margin-top: 0.625rem; /* 10px */
}
.mr-2\.5 {
    margin-right: 0.625rem; /* 10px */
}
.mb-2\.5 {
    margin-bottom: 0.625rem; /* 10px */
}
.ml-2\.5 {
    margin-left: 0.625rem; /* 10px */
}
.m-3 {
    margin: 0.75rem; /* 12px */
}
.mx-3 {
    margin-left: 0.75rem; /* 12px */
    margin-right: 0.75rem; /* 12px */
}
.my-3 {
    margin-top: 0.75rem; /* 12px */
    margin-bottom: 0.75rem; /* 12px */
}
.ms-3 {
    margin-inline-start: 0.75rem; /* 12px */
}
.me-3 {
    margin-inline-end: 0.75rem; /* 12px */
}
.mt-3 {
    margin-top: 0.75rem; /* 12px */
}
.mr-3 {
    margin-right: 0.75rem; /* 12px */
}
.mb-3 {
    margin-bottom: 0.75rem; /* 12px */
}
.ml-3 {
    margin-left: 0.75rem; /* 12px */
}
.m-3\.5 {
    margin: 0.875rem; /* 14px */
}
.mx-3\.5 {
    margin-left: 0.875rem; /* 14px */
    margin-right: 0.875rem; /* 14px */
}
.my-3\.5 {
    margin-top: 0.875rem; /* 14px */
    margin-bottom: 0.875rem; /* 14px */
}
.ms-3\.5 {
    margin-inline-start: 0.875rem; /* 14px */
}
.me-3\.5 {
    margin-inline-end: 0.875rem; /* 14px */
}
.mt-3\.5 {
    margin-top: 0.875rem; /* 14px */
}
.mr-3\.5 {
    margin-right: 0.875rem; /* 14px */
}
.mb-3\.5 {
    margin-bottom: 0.875rem; /* 14px */
}
.ml-3\.5 {
    margin-left: 0.875rem; /* 14px */
}
.m-4 {
    margin: 1rem; /* 16px */
}
.mx-4 {
    margin-left: 1rem; /* 16px */
    margin-right: 1rem; /* 16px */
}
.my-4 {
    margin-top: 1rem; /* 16px */
    margin-bottom: 1rem; /* 16px */
}
.ms-4 {
    margin-inline-start: 1rem; /* 16px */
}
.me-4 {
    margin-inline-end: 1rem; /* 16px */
}
.mt-4 {
    margin-top: 1rem; /* 16px */
}
.mr-4 {
    margin-right: 1rem; /* 16px */
}
.mb-4 {
    margin-bottom: 1rem; /* 16px */
}
.ml-4 {
    margin-left: 1rem; /* 16px */
}
.m-5 {
    margin: 1.25rem; /* 20px */
}
.mx-5 {
    margin-left: 1.25rem; /* 20px */
    margin-right: 1.25rem; /* 20px */
}
.my-5 {
    margin-top: 1.25rem; /* 20px */
    margin-bottom: 1.25rem; /* 20px */
}
.ms-5 {
    margin-inline-start: 1.25rem; /* 20px */
}
.me-5 {
    margin-inline-end: 1.25rem; /* 20px */
}
.mt-5 {
    margin-top: 1.25rem; /* 20px */
}
.mr-5 {
    margin-right: 1.25rem; /* 20px */
}
.mb-5 {
    margin-bottom: 1.25rem; /* 20px */
}
.ml-5 {
    margin-left: 1.25rem; /* 20px */
}
.m-6 {
    margin: 1.5rem; /* 24px */
}
.mx-6 {
    margin-left: 1.5rem; /* 24px */
    margin-right: 1.5rem; /* 24px */
}
.my-6 {
    margin-top: 1.5rem; /* 24px */
    margin-bottom: 1.5rem; /* 24px */
}
.ms-6 {
    margin-inline-start: 1.5rem; /* 24px */
}
.me-6 {
    margin-inline-end: 1.5rem; /* 24px */
}
.mt-6 {
    margin-top: 1.5rem; /* 24px */
}
.mr-6 {
    margin-right: 1.5rem; /* 24px */
}
.mb-6 {
    margin-bottom: 1.5rem; /* 24px */
}
.ml-6 {
    margin-left: 1.5rem; /* 24px */
}
.m-7 {
    margin: 1.75rem; /* 28px */
}
.mx-7 {
    margin-left: 1.75rem; /* 28px */
    margin-right: 1.75rem; /* 28px */
}
.my-7 {
    margin-top: 1.75rem; /* 28px */
    margin-bottom: 1.75rem; /* 28px */
}
.ms-7 {
    margin-inline-start: 1.75rem; /* 28px */
}
.me-7 {
    margin-inline-end: 1.75rem; /* 28px */
}
.mt-7 {
    margin-top: 1.75rem; /* 28px */
}
.mr-7 {
    margin-right: 1.75rem; /* 28px */
}
.mb-7 {
    margin-bottom: 1.75rem; /* 28px */
}
.ml-7 {
    margin-left: 1.75rem; /* 28px */
}
.m-8 {
    margin: 2rem; /* 32px */
}
.mx-8 {
    margin-left: 2rem; /* 32px */
    margin-right: 2rem; /* 32px */
}
.my-8 {
    margin-top: 2rem; /* 32px */
    margin-bottom: 2rem; /* 32px */
}
.ms-8 {
    margin-inline-start: 2rem; /* 32px */
}
.me-8 {
    margin-inline-end: 2rem; /* 32px */
}
.mt-8 {
    margin-top: 2rem; /* 32px */
}
.mr-8 {
    margin-right: 2rem; /* 32px */
}
.mb-8 {
    margin-bottom: 2rem; /* 32px */
}
.ml-8 {
    margin-left: 2rem; /* 32px */
}
.m-9 {
    margin: 2.25rem; /* 36px */
}
.mx-9 {
    margin-left: 2.25rem; /* 36px */
    margin-right: 2.25rem; /* 36px */
}
.my-9 {
    margin-top: 2.25rem; /* 36px */
    margin-bottom: 2.25rem; /* 36px */
}
.ms-9 {
    margin-inline-start: 2.25rem; /* 36px */
}
.me-9 {
    margin-inline-end: 2.25rem; /* 36px */
}
.mt-9 {
    margin-top: 2.25rem; /* 36px */
}
.mr-9 {
    margin-right: 2.25rem; /* 36px */
}
.mb-9 {
    margin-bottom: 2.25rem; /* 36px */
}
.ml-9 {
    margin-left: 2.25rem; /* 36px */
}
.m-10 {
    margin: 2.5rem; /* 40px */
}
.mx-10 {
    margin-left: 2.5rem; /* 40px */
    margin-right: 2.5rem; /* 40px */
}
.my-10 {
    margin-top: 2.5rem; /* 40px */
    margin-bottom: 2.5rem; /* 40px */
}
.ms-10 {
    margin-inline-start: 2.5rem; /* 40px */
}
.me-10 {
    margin-inline-end: 2.5rem; /* 40px */
}
.mt-10 {
    margin-top: 2.5rem; /* 40px */
}
.mr-10 {
    margin-right: 2.5rem; /* 40px */
}
.mb-10 {
    margin-bottom: 2.5rem; /* 40px */
}
.ml-10 {
    margin-left: 2.5rem; /* 40px */
}
.m-11 {
    margin: 2.75rem; /* 44px */
}
.mx-11 {
    margin-left: 2.75rem; /* 44px */
    margin-right: 2.75rem; /* 44px */
}
.my-11 {
    margin-top: 2.75rem; /* 44px */
    margin-bottom: 2.75rem; /* 44px */
}
.ms-11 {
    margin-inline-start: 2.75rem; /* 44px */
}
.me-11 {
    margin-inline-end: 2.75rem; /* 44px */
}
.mt-11 {
    margin-top: 2.75rem; /* 44px */
}
.mr-11 {
    margin-right: 2.75rem; /* 44px */
}
.mb-11 {
    margin-bottom: 2.75rem; /* 44px */
}
.ml-11 {
    margin-left: 2.75rem; /* 44px */
}
.m-12 {
    margin: 3rem; /* 48px */
}
.mx-12 {
    margin-left: 3rem; /* 48px */
    margin-right: 3rem; /* 48px */
}
.my-12 {
    margin-top: 3rem; /* 48px */
    margin-bottom: 3rem; /* 48px */
}
.ms-12 {
    margin-inline-start: 3rem; /* 48px */
}
.me-12 {
    margin-inline-end: 3rem; /* 48px */
}
.mt-12 {
    margin-top: 3rem; /* 48px */
}
.mr-12 {
    margin-right: 3rem; /* 48px */
}
.mb-12 {
    margin-bottom: 3rem; /* 48px */
}
.ml-12 {
    margin-left: 3rem; /* 48px */
}
.m-14 {
    margin: 3.5rem; /* 56px */
}
.mx-14 {
    margin-left: 3.5rem; /* 56px */
    margin-right: 3.5rem; /* 56px */
}
.my-14 {
    margin-top: 3.5rem; /* 56px */
    margin-bottom: 3.5rem; /* 56px */
}
.ms-14 {
    margin-inline-start: 3.5rem; /* 56px */
}
.me-14 {
    margin-inline-end: 3.5rem; /* 56px */
}
.mt-14 {
    margin-top: 3.5rem; /* 56px */
}
.mr-14 {
    margin-right: 3.5rem; /* 56px */
}
.mb-14 {
    margin-bottom: 3.5rem; /* 56px */
}
.ml-14 {
    margin-left: 3.5rem; /* 56px */
}
.m-16 {
    margin: 4rem; /* 64px */
}
.mx-16 {
    margin-left: 4rem; /* 64px */
    margin-right: 4rem; /* 64px */
}
.my-16 {
    margin-top: 4rem; /* 64px */
    margin-bottom: 4rem; /* 64px */
}
.ms-16 {
    margin-inline-start: 4rem; /* 64px */
}
.me-16 {
    margin-inline-end: 4rem; /* 64px */
}
.mt-16 {
    margin-top: 4rem; /* 64px */
}
.mr-16 {
    margin-right: 4rem; /* 64px */
}
.mb-16 {
    margin-bottom: 4rem; /* 64px */
}
.ml-16 {
    margin-left: 4rem; /* 64px */
}
.m-20 {
    margin: 5rem; /* 80px */
}
.mx-20 {
    margin-left: 5rem; /* 80px */
    margin-right: 5rem; /* 80px */
}
.my-20 {
    margin-top: 5rem; /* 80px */
    margin-bottom: 5rem; /* 80px */
}
.ms-20 {
    margin-inline-start: 5rem; /* 80px */
}
.me-20 {
    margin-inline-end: 5rem; /* 80px */
}
.mt-20 {
    margin-top: 5rem; /* 80px */
}
.mr-20 {
    margin-right: 5rem; /* 80px */
}
.mb-20 {
    margin-bottom: 5rem; /* 80px */
}
.ml-20 {
    margin-left: 5rem; /* 80px */
}
.m-24 {
    margin: 6rem; /* 96px */
}
.mx-24 {
    margin-left: 6rem; /* 96px */
    margin-right: 6rem; /* 96px */
}
.my-24 {
    margin-top: 6rem; /* 96px */
    margin-bottom: 6rem; /* 96px */
}
.ms-24 {
    margin-inline-start: 6rem; /* 96px */
}
.me-24 {
    margin-inline-end: 6rem; /* 96px */
}
.mt-24 {
    margin-top: 6rem; /* 96px */
}
.mr-24 {
    margin-right: 6rem; /* 96px */
}
.mb-24 {
    margin-bottom: 6rem; /* 96px */
}
.ml-24 {
    margin-left: 6rem; /* 96px */
}
.m-28 {
    margin: 7rem; /* 112px */
}
.mx-28 {
    margin-left: 7rem; /* 112px */
    margin-right: 7rem; /* 112px */
}
.my-28 {
    margin-top: 7rem; /* 112px */
    margin-bottom: 7rem; /* 112px */
}
.ms-28 {
    margin-inline-start: 7rem; /* 112px */
}
.me-28 {
    margin-inline-end: 7rem; /* 112px */
}
.mt-28 {
    margin-top: 7rem; /* 112px */
}
.mr-28 {
    margin-right: 7rem; /* 112px */
}
.mb-28 {
    margin-bottom: 7rem; /* 112px */
}
.ml-28 {
    margin-left: 7rem; /* 112px */
}
.m-32 {
    margin: 8rem; /* 128px */
}
.mx-32 {
    margin-left: 8rem; /* 128px */
    margin-right: 8rem; /* 128px */
}
.my-32 {
    margin-top: 8rem; /* 128px */
    margin-bottom: 8rem; /* 128px */
}
.ms-32 {
    margin-inline-start: 8rem; /* 128px */
}
.me-32 {
    margin-inline-end: 8rem; /* 128px */
}
.mt-32 {
    margin-top: 8rem; /* 128px */
}
.mr-32 {
    margin-right: 8rem; /* 128px */
}
.mb-32 {
    margin-bottom: 8rem; /* 128px */
}
.ml-32 {
    margin-left: 8rem; /* 128px */
}
.m-36 {
    margin: 9rem; /* 144px */
}
.mx-36 {
    margin-left: 9rem; /* 144px */
    margin-right: 9rem; /* 144px */
}
.my-36 {
    margin-top: 9rem; /* 144px */
    margin-bottom: 9rem; /* 144px */
}
.ms-36 {
    margin-inline-start: 9rem; /* 144px */
}
.me-36 {
    margin-inline-end: 9rem; /* 144px */
}
.mt-36 {
    margin-top: 9rem; /* 144px */
}
.mr-36 {
    margin-right: 9rem; /* 144px */
}
.mb-36 {
    margin-bottom: 9rem; /* 144px */
}
.ml-36 {
    margin-left: 9rem; /* 144px */
}
.m-40 {
    margin: 10rem; /* 160px */
}
.mx-40 {
    margin-left: 10rem; /* 160px */
    margin-right: 10rem; /* 160px */
}
.my-40 {
    margin-top: 10rem; /* 160px */
    margin-bottom: 10rem; /* 160px */
}
.ms-40 {
    margin-inline-start: 10rem; /* 160px */
}
.me-40 {
    margin-inline-end: 10rem; /* 160px */
}
.mt-40 {
    margin-top: 10rem; /* 160px */
}
.mr-40 {
    margin-right: 10rem; /* 160px */
}
.mb-40 {
    margin-bottom: 10rem; /* 160px */
}
.ml-40 {
    margin-left: 10rem; /* 160px */
}
.m-44 {
    margin: 11rem; /* 176px */
}
.mx-44 {
    margin-left: 11rem; /* 176px */
    margin-right: 11rem; /* 176px */
}
.my-44 {
    margin-top: 11rem; /* 176px */
    margin-bottom: 11rem; /* 176px */
}
.ms-44 {
    margin-inline-start: 11rem; /* 176px */
}
.me-44 {
    margin-inline-end: 11rem; /* 176px */
}
.mt-44 {
    margin-top: 11rem; /* 176px */
}
.mr-44 {
    margin-right: 11rem; /* 176px */
}
.mb-44 {
    margin-bottom: 11rem; /* 176px */
}
.ml-44 {
    margin-left: 11rem; /* 176px */
}
.m-48 {
    margin: 12rem; /* 192px */
}
.mx-48 {
    margin-left: 12rem; /* 192px */
    margin-right: 12rem; /* 192px */
}
.my-48 {
    margin-top: 12rem; /* 192px */
    margin-bottom: 12rem; /* 192px */
}
.ms-48 {
    margin-inline-start: 12rem; /* 192px */
}
.me-48 {
    margin-inline-end: 12rem; /* 192px */
}
.mt-48 {
    margin-top: 12rem; /* 192px */
}
.mr-48 {
    margin-right: 12rem; /* 192px */
}
.mb-48 {
    margin-bottom: 12rem; /* 192px */
}
.ml-48 {
    margin-left: 12rem; /* 192px */
}
.m-52 {
    margin: 13rem; /* 208px */
}
.mx-52 {
    margin-left: 13rem; /* 208px */
    margin-right: 13rem; /* 208px */
}
.my-52 {
    margin-top: 13rem; /* 208px */
    margin-bottom: 13rem; /* 208px */
}
.ms-52 {
    margin-inline-start: 13rem; /* 208px */
}
.me-52 {
    margin-inline-end: 13rem; /* 208px */
}
.mt-52 {
    margin-top: 13rem; /* 208px */
}
.mr-52 {
    margin-right: 13rem; /* 208px */
}
.mb-52 {
    margin-bottom: 13rem; /* 208px */
}
.ml-52 {
    margin-left: 13rem; /* 208px */
}
.m-56 {
    margin: 14rem; /* 224px */
}
.mx-56 {
    margin-left: 14rem; /* 224px */
    margin-right: 14rem; /* 224px */
}
.my-56 {
    margin-top: 14rem; /* 224px */
    margin-bottom: 14rem; /* 224px */
}
.ms-56 {
    margin-inline-start: 14rem; /* 224px */
}
.me-56 {
    margin-inline-end: 14rem; /* 224px */
}
.mt-56 {
    margin-top: 14rem; /* 224px */
}
.mr-56 {
    margin-right: 14rem; /* 224px */
}
.mb-56 {
    margin-bottom: 14rem; /* 224px */
}
.ml-56 {
    margin-left: 14rem; /* 224px */
}
.m-60 {
    margin: 15rem; /* 240px */
}
.mx-60 {
    margin-left: 15rem; /* 240px */
    margin-right: 15rem; /* 240px */
}
.my-60 {
    margin-top: 15rem; /* 240px */
    margin-bottom: 15rem; /* 240px */
}
.ms-60 {
    margin-inline-start: 15rem; /* 240px */
}
.me-60 {
    margin-inline-end: 15rem; /* 240px */
}
.mt-60 {
    margin-top: 15rem; /* 240px */
}
.mr-60 {
    margin-right: 15rem; /* 240px */
}
.mb-60 {
    margin-bottom: 15rem; /* 240px */
}
.ml-60 {
    margin-left: 15rem; /* 240px */
}
.m-64 {
    margin: 16rem; /* 256px */
}
.mx-64 {
    margin-left: 16rem; /* 256px */
    margin-right: 16rem; /* 256px */
}
.my-64 {
    margin-top: 16rem; /* 256px */
    margin-bottom: 16rem; /* 256px */
}
.ms-64 {
    margin-inline-start: 16rem; /* 256px */
}
.me-64 {
    margin-inline-end: 16rem; /* 256px */
}
.mt-64 {
    margin-top: 16rem; /* 256px */
}
.mr-64 {
    margin-right: 16rem; /* 256px */
}
.mb-64 {
    margin-bottom: 16rem; /* 256px */
}
.ml-64 {
    margin-left: 16rem; /* 256px */
}
.m-72 {
    margin: 18rem; /* 288px */
}
.mx-72 {
    margin-left: 18rem; /* 288px */
    margin-right: 18rem; /* 288px */
}
.my-72 {
    margin-top: 18rem; /* 288px */
    margin-bottom: 18rem; /* 288px */
}
.ms-72 {
    margin-inline-start: 18rem; /* 288px */
}
.me-72 {
    margin-inline-end: 18rem; /* 288px */
}
.mt-72 {
    margin-top: 18rem; /* 288px */
}
.mr-72 {
    margin-right: 18rem; /* 288px */
}
.mb-72 {
    margin-bottom: 18rem; /* 288px */
}
.ml-72 {
    margin-left: 18rem; /* 288px */
}
.m-80 {
    margin: 20rem; /* 320px */
}
.mx-80 {
    margin-left: 20rem; /* 320px */
    margin-right: 20rem; /* 320px */
}
.my-80 {
    margin-top: 20rem; /* 320px */
    margin-bottom: 20rem; /* 320px */
}
.ms-80 {
    margin-inline-start: 20rem; /* 320px */
}
.me-80 {
    margin-inline-end: 20rem; /* 320px */
}
.mt-80 {
    margin-top: 20rem; /* 320px */
}
.mr-80 {
    margin-right: 20rem; /* 320px */
}
.mb-80 {
    margin-bottom: 20rem; /* 320px */
}
.ml-80 {
    margin-left: 20rem; /* 320px */
}
.m-96 {
    margin: 24rem; /* 384px */
}
.mx-96 {
    margin-left: 24rem; /* 384px */
    margin-right: 24rem; /* 384px */
}
.my-96 {
    margin-top: 24rem; /* 384px */
    margin-bottom: 24rem; /* 384px */
}
.ms-96 {
    margin-inline-start: 24rem; /* 384px */
}
.me-96 {
    margin-inline-end: 24rem; /* 384px */
}
.mt-96 {
    margin-top: 24rem; /* 384px */
}
.mr-96 {
    margin-right: 24rem; /* 384px */
}
.mb-96 {
    margin-bottom: 24rem; /* 384px */
}
.ml-96 {
    margin-left: 24rem; /* 384px */
}
.m-auto {
    margin: auto;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}
.ms-auto {
    margin-inline-start: auto;
}
.me-auto {
    margin-inline-end: auto;
}
.mt-auto {
    margin-top: auto;
}
.mr-auto {
    margin-right: auto;
}
.mb-auto {
    margin-bottom: auto;
}
.ml-auto {
    margin-left: auto;
}